Mobile Bandaid CSS - It still hurts, but it seems better
218 replies, posted
I deleted my whole CSS box and replaced it with your suggestion and the same thing is still happening :/
The only difference between my custom css box and yours is that I do not have animated ratings and the black spoiler bars, try without them. maybe that works. it sure is weird tho.
As always, thanks for your continued work! We appreciate it.
Thanks for the CSS. Small issue to report, when tappping on the top right bar (to the right of your coin count), you can’t select the event log. The top bar gets darker and blurred out with no options to select.
https://files.facepunch.com/forum/upload/463/e79a7c06-a79c-4246-a2f6-e8fa05ed1a6b/A349EFBE-4802-45A4-AF6C-A7ECEB6147AE.jpeg
@Divaya Are you running any other CSS theme in the background? It looks like a z-index issue, hopefully it is not an iOS Safari only problem as I cannot test for this.
Nope, only running this CSS. Works fine on desktop Windows, busted on iOS Safari.
Welp. I cannot test for this as I have no iOS device... I can only rely on people willing to look into that who have an iPhone then..
Is the fixed height for the menu container intentional? It seems awkward to have the border extend so far for small menus.
Also, the online bar under people's usernames overlaps it. There are other minor issues with it, like on userposts header for some usernames the online bar seems to wrap onto a newline even though it's not necessary. It's pretty minor though. Some screenshots:
https://files.facepunch.com/forum/upload/237197/e0e433c2-5a38-4194-91d4-73b6d0eb1837/Screenshot_2018-04-19-10-40-54.png
https://files.facepunch.com/forum/upload/237197/20ea92a8-1cbe-42d3-9fd0-32b73ffdabd8/Screenshot_2018-04-18-19-50-22.png
@big woop I probably need to rewrite some stuff for the header section of posts. Right now I am not happy with one rule in particular which cases a bit of headache.
Yeah fair enough. None of these issues affects usability, it's just cosmetic, I just thought I'd mention it anyways. Thanks for your hard work.
Cut it down to awfully dark, double column and mobile and the issue persists, I can easily look past it though so no worries, I appreciate the work buddy
This is for the empty sticky thread titles right?
Is the text just not there or is it the same colour as the background? Can you select it?
I can't highlight the text, it's as if it isn't there.
Help
https://files.facepunch.com/forum/upload/219/87060120-355b-4c96-9ded-b5cf4129c1f2/Screenshot_20180420-104759.png
It would appear we need a wee fix for the new username background blur - it's appearing over the top of the username/avatar area and making usernames unreadable.
https://files.facepunch.com/forum/upload/158144/9e9dd1c4-1b28-4b1c-be3e-86d456c78cc3/image.png
Not happening on my devices, are you using additional css themes besides mobile bandaid and awfully dark?
Is it possible to hide user backgrounds in any way? They're super distracting in some cases IMO
Hm, interesting, it only happens on my pc (vivaldi panels).
...weird, I'll try and find out must find out where the rule is coming from.
@Nige111 you can also make a pull request, doesn't matter if it not minified, I can do that once I am home. Also hooray for another browser specific bug!
Theme updated with Addition from @Nige111
Spot on, was gonna do a PR once I got home from work but I pretty much just got back. I know this issue will probably just affect me right now since my use case is hella fringe but I guess it's good to get it sorted now before browser adoption of the property becomes more widespread.
Thanks, everytime i take a shit i remember that fp mobile site is coming out my butthole, take a coin
that blur looks like it's a garry inclusion by accident
may be a good idea to promote to a {{meta}} thread about it when he gets back
How are you guys supplying the custom css on an iPhone? Dug around safari and chrome settings but couldn't find anything
https://forum.facepunch.com/user/options/
Thank you! Omg, my facepunch usage went down like 85% just because I could barely use the page with my phone (almost exclusively browsed fp with my phone)
guys it has been two months, wheres mobile support??
Tell me your tablets resolution, I have a feeling the uploaded image is resized. Right now all display only devices with less then 768px width get the theme applied. Guess yours is above that .
Hmm, that is a problem. If I bump up the catch resolution then also desktop will be affected. That is a no go in my eyes. What I could do is adding the ruleset for your device, which I assume is a Nexus 9. I am at work right now and cannot change anything. However; if you are proficient with CSS and github you could add the custom rule yourself and make a pull request.
You just need to replace the current media query with this
@media screen and (max-width:768px),screen and (device-width: 1536px) and (device-height: 2048px)
Or you wait until I am home and hopefully have not forgotten about it.
@diwako
Hey guy, did you just make a change to your Github? Suddenly, every page was taking several minutes to load so long as I was logged in. Checked Chrome's analytics and it looked like it was trying to load your .css and ultimately giving up after a few minutes. Disabled CSS for now.
Sorry, you need to Log In to post a reply to this thread.