mobile.css not work for me when using mobile

YOSHIE

legendary

Activity: 2128

Merit: 1775

Quote from: omer-jamal on July 25, 2019, 03:26:34 PM

I noticed there mobile.css but when I use forum using phone I do not see any change
CSS @media Rule need update ?

Hello, @ omer-jamal can be updated @media Rule your.
Can you try this one, hopefully it can help you.

Code:

....

Maybe you can see here how to use it:
Link: https://www.w3schools.com/cssref/css3_pr_mediaquery.asp

Or you can also try this one.
Link: What is a Media Query?

I hope this can help you in applying the mobile.css method in your mobile Rule media.

TryNinja

legendary

Activity: 2758

Merit: 6830

Quote from: omer-jamal on July 26, 2019, 12:11:22 PM

~

I could do it for you. Just wait a little bit.

omer-jamal

sr. member

Activity: 490

Merit: 275

Quote from: TryNinja on July 26, 2019, 11:46:38 AM

I believe you can do this.

not really Grin

I barely know userscript ...I do not think so I'll try to learn how this can be done
so this all extension files and resources? great I learned something new here thank you all
this means we can customize what we want

TryNinja

legendary

Activity: 2758

Merit: 6830

Quote from: omer-jamal on July 26, 2019, 11:37:41 AM

Great! Can be converted to userscript! I mean using "Tampermonkey" extension or any ~similar..

I believe you can do this.

Quote from: omer-jamal on July 26, 2019, 11:37:41 AM

How to be sure this extension Exactly used same Open Source code and nothing else?

You can actually see the extension source code published on the Firefox store by using this website. See if everything is right, then download it: https://robwu.nl/crxviewer/

omer-jamal

sr. member

Activity: 490

Merit: 275

Quote from: mprep on July 26, 2019, 09:41:02 AM

thanks, this code not for like what is seeing in image above ?

Quote from: TryNinja on July 26, 2019, 09:46:56 AM

Great! Can be converted to userscript! I mean using "Tampermonkey" extension or any ~similar..
How to be sure this extension Exactly used same Open Source code and nothing else?

TryNinja

legendary

Activity: 2758

Merit: 6830

If you don’t mind using Firefox on your mobile device, there is this extension that makes BTTK look like the image you posted above.

https://bitcointalksearch.org/topic/bitcointalk-mobile-friendly-app-for-android-4500633

mprep

global moderator

Activity: 3794

Merit: 2612

In a world of peaches, don't ask for apple sauce

This is all the CSS that's present in that file:

Code:

body
{
padding: 1px 3px 0 3px;
}

span.prevnext a:link {font-size:500%}
span.prevnext a:visited {font-size:500%}
span.prevnext a:hover {font-size:500%}
span.prevnext a:active {font-size:500%}

#smfheader
{
display:none
}

.titlebg, tr.titlebg th, tr.titlebg td, .titlebg2, tr.titlebg2 th, tr.titlebg2 td
{
color: black;
font-style: normal;
background: inherit;
background-color: #C3D1DC;
border-bottom: none;
border-top: none;
padding-left: 0;
padding-right: 0;
}

#hellomember
{
font-size:small !important;
}

.maintab_back, .maintab_active_back
{
padding: 2px 2px 2px 2px;
}

.maintab_first
{
background: inherit;
background-color:#7392B0;
}
.maintab_back
{
background: inherit;
background-color:#7392B0;
}
.maintab_last
{
background: inherit;
background-color:#7392B0;
}
.maintab_active_first
{
background: inherit;
background-color:#7392B0;
}
.maintab_active_back
{
background: inherit;
background-color:#7392B0;
}
.maintab_active_last
{
background: inherit;
background-color:#7392B0;
}

#toppages{display:none}
.newtxt:after{content:"[new]"}
.newtxt{color:#000099;font-weight:bold;font-size:larger}
.newimg{display:none}

Chances are it is working and the changes are simply very minimal (glancing over it, seems like mostly minor font size, color and spacing changes to certain elements).

omer-jamal

sr. member

Activity: 490

Merit: 275

Quote from: bL4nkcode on July 25, 2019, 06:09:42 PM

I expect Something like?

I do not know why not working for me I Do not notice any change when using mobile it's show like PC
How supposed appear for mobile surfers ?

Note: The topic will be reverted to "Archival" again!

bL4nkcode

copper member

Activity: 2142

Merit: 1305

Limited in number. Limitless in potential.

So what do you expect of having mobile media query in the cs file? A responsive mobile layout for the forum? Nope, if you will browse the css file its only for fonts, paddings for smaller devices such mobile, with no grid system that can make a mobile responsive and better look like what other new forum has. Or, what you're expecting seeing those mobile css file.

omer-jamal

sr. member

Activity: 490

Merit: 275

I noticed there mobile.css but when I use forum using phone I do not see any change
CSS @media Rule need update ?

Code:

Topic: mobile.css not work for me when using mobile (Read 264 times)