![[personal profile]](https://www.dreamwidth.org/img/silk/identity/user.png)
UPDATE 2018/12/4: QUESTION 1: Yes, this respects your colours; I just like green.
UPDATE 2019/2/6: QUESTION 2: Yes, this sat fallow for a while, but no longer. We have a second RC.
You Want Mobile Dreamwidth, Artie? You Got It.
Coexistence Alpha: a mobile-friendly CSS patchset for Neutral Good - v0.846 RELEASE CANDIDATE TWO
(2019/2/6)
This is a fully-responsive mobile-ready theme modification layer intended to make Dreamwidth's default style fully functional on both mobile and desktop devices wherever it can be applied. Features include journal and reading pages with near-zero horizon scrolling on mobile, including in long comment reply cascades, and more-comfortable comment creation, including on iOS.
To install: Choose style "Neutral Good" for "Practicality" in the journal style selector. Copypasta all of the linked CSS into the Advanced Seettings Custom CSS box, and save. (This may require a desktop device.) Apply "your style" to everything you can.
This build includes Navbar 2, which is mostly cosmetic but somewhat mobile-aware upgrade of the Navbar.
0.846rc2: issues with proto-emoji/"subject icon" functionality triggering horizontal scrolling.
0.845alpha: issues with external image size limits (to prevent horizontal scrolling) fixed.
0.844alpha: issues with qrform select box placement.
0.843alpha: some divs in RSS feeds disallow whitespace wrap, causing horizontal scrolling. I'm as surprised as you. Overridden.
0.842beta: Small calendar module cleanup on desktop views. No bugs externally reported, last three builds. We are now in beta.
0.841alpha: Previous N/Next N links given more height.
0.840alpha: Cleaned up code a lot, particularly comment handling on mobile, which gives you even more text entry room now.
0.834alpha: Individual-comment reply form (reached via inbox reply) cleanup. Small Navbar 2 button regularisation on Reading page view.
0.833alpha: Fixes a small border problem, alignment issue on Reading page.
0.832alpha: Rebuilds Navbar 2 from the top down, and adds some mobile awareness, again mostly cosmetic, but hopefully a bit more visual coherence nonetheless.
0.830alpha: Hands body font size back to user preferences, removing the hardcoded size used until now. The system default is 1em. This unit (em) is unreliable across browsers; I have changed my body type size to 14px and recommend the use of a px-based size generally.
solarbird_testbed is always running the bleeding edge build or later (when code changes are in progress).
.82x fixes included Navbar 2 working better on Android browsers (Login panel is still a bit of a mess but I don't care, all that's going away in Navbar 3 anyway), comment thread depth indicators on mobile working even without subject lines, various overprint issues, and so on.
.81x fixes included user left-right selection of icon placement is honoured correctly again. As are icon sizes except on mobile comments where you're forced to "smallest" regardless. Also, the implementation was improved.
And if you see issues, please give me a screenshot and tell me your browser and OS. Thanks!
UPDATE 2019/2/6: QUESTION 2: Yes, this sat fallow for a while, but no longer. We have a second RC.
Coexistence Alpha: a mobile-friendly CSS patchset for Neutral Good - v0.846 RELEASE CANDIDATE TWO
(2019/2/6)
This is a fully-responsive mobile-ready theme modification layer intended to make Dreamwidth's default style fully functional on both mobile and desktop devices wherever it can be applied. Features include journal and reading pages with near-zero horizon scrolling on mobile, including in long comment reply cascades, and more-comfortable comment creation, including on iOS.
To install: Choose style "Neutral Good" for "Practicality" in the journal style selector. Copypasta all of the linked CSS into the Advanced Seettings Custom CSS box, and save. (This may require a desktop device.) Apply "your style" to everything you can.
This build includes Navbar 2, which is mostly cosmetic but somewhat mobile-aware upgrade of the Navbar.
0.846rc2: issues with proto-emoji/"subject icon" functionality triggering horizontal scrolling.
0.845alpha: issues with external image size limits (to prevent horizontal scrolling) fixed.
0.844alpha: issues with qrform select box placement.
0.843alpha: some divs in RSS feeds disallow whitespace wrap, causing horizontal scrolling. I'm as surprised as you. Overridden.
0.842beta: Small calendar module cleanup on desktop views. No bugs externally reported, last three builds. We are now in beta.
0.841alpha: Previous N/Next N links given more height.
0.840alpha: Cleaned up code a lot, particularly comment handling on mobile, which gives you even more text entry room now.
0.834alpha: Individual-comment reply form (reached via inbox reply) cleanup. Small Navbar 2 button regularisation on Reading page view.
0.833alpha: Fixes a small border problem, alignment issue on Reading page.
0.832alpha: Rebuilds Navbar 2 from the top down, and adds some mobile awareness, again mostly cosmetic, but hopefully a bit more visual coherence nonetheless.
0.830alpha: Hands body font size back to user preferences, removing the hardcoded size used until now. The system default is 1em. This unit (em) is unreliable across browsers; I have changed my body type size to 14px and recommend the use of a px-based size generally.
![[personal profile]](https://www.dreamwidth.org/img/silk/identity/user.png)
.82x fixes included Navbar 2 working better on Android browsers (Login panel is still a bit of a mess but I don't care, all that's going away in Navbar 3 anyway), comment thread depth indicators on mobile working even without subject lines, various overprint issues, and so on.
.81x fixes included user left-right selection of icon placement is honoured correctly again. As are icon sizes except on mobile comments where you're forced to "smallest" regardless. Also, the implementation was improved.
And if you see issues, please give me a screenshot and tell me your browser and OS. Thanks!
no subject
Date: 2017-05-08 04:59 am (UTC)no subject
Date: 2017-05-08 05:10 am (UTC)no subject
Date: 2017-05-08 05:41 am (UTC)oh. wow. I get it.
Neutral Good on Practicality, which is the system new user default.
I entirely forgot there was Neutral Good on Drifting. That's my fault and I have modified the install directions accordingly.
Fixed install directions
Date: 2017-05-08 05:47 am (UTC)Re: Fixed install directions
Date: 2017-05-08 05:56 am (UTC)Re: Fixed install directions
Date: 2017-05-08 05:58 am (UTC)Also - oh good, I was terrified for a second there. XD
eta: tho' at the moment you appear to be on system standard Neutral Good which is not at all well behaved on mobile and has a variety of other issues I've been working to fix. If you're changing back, disregard this comment; if not, you've lost the patch and need to reapply it.
(The most immediate "tell" for most users is that posts are in smallcaps in system default, and normal mixed case as entered by the user in Coexistence Alpha. Also, journal title and subtitle should both be on the left, above your page indicator. And there are a zillion other changes too, but for some reason those are the two people find easiest to notice on desktop.)
Re: With the beta css:
Date: 2017-05-08 06:08 am (UTC)That said - what's the resolution of your phone's screen? If it's 640px or more on the short side, I've got a revision note to make - I'd really better shrink the user icon a little to fix that adjacency between it an the H in "Home." But if it's <640px, that's below the operational minimum spec I set, and it'll do.
Re: Fixed install directions
Date: 2017-05-08 06:27 am (UTC)You're totally right, I didn't re-enter the custom CSS at all, haha... I've done it now and everything still looks good on PC/Chrome and iOS/Dolphin. It's my bedtime now but I'll try to fiddle with it more during the week!
Re: Fixed install directions
Date: 2017-05-08 07:26 am (UTC)Re: With the beta css:
Date: 2017-05-09 03:15 am (UTC)Re: With the beta css:
Date: 2017-05-09 03:20 am (UTC)Re: With the beta css:
Date: 2017-05-09 03:23 am (UTC)Re: With the beta css:
Date: 2017-05-09 03:25 am (UTC)(If it overlapped I would probably want to address it anyway. And if no other bugs come in I might anyway for you. ^_^ )
Re: With the beta css:
Date: 2017-05-09 11:56 am (UTC)no subject
Date: 2017-05-09 12:29 pm (UTC)no subject
Date: 2017-05-09 05:14 pm (UTC)Nah, she's looking at my journal, in my style, which is correct and current.
Unfortunately, even using the MacOS versions of the same rendering engines, I have nothing that repros this. Clearly I need to define something I'm not, but I dunno how to test it. >:/
Sorry, reply posted to wrong comment. My bad.
no subject
Date: 2017-05-11 09:51 pm (UTC)Not finding this. I'm assuming you're referring to this page but I''m not finding a box to paste CSS into.
Is this a "Layer" or a "Style"? (going to either of those pages doesn't yield a box either).
Is this something that only paying members can do?
no subject
Date: 2017-05-12 12:51 am (UTC)The options for viewing other people's stuff in your style are here
no subject
Date: 2017-05-12 03:29 pm (UTC)no subject
Date: 2017-05-12 03:37 pm (UTC)no subject
Date: 2017-05-13 12:38 pm (UTC)(Quick question: any plans to extend this to the top navbar?)
no subject
Date: 2017-05-13 03:27 pm (UTC)need desktop to switch?
Date: 2017-05-13 03:44 pm (UTC)I tried it out myself. I found that I had to go to a desktop computer in order to copy-paste the CSS code, but now I can look back and forth and see that it scales properly depending on whether I'm on desktop or mobile.
no subject
Date: 2017-05-13 06:08 pm (UTC)But that aside, there is are plans; I have a project called Navbar 3, which includes Navbar 3 for Mobile. Navbar 3 is a set of swipeable panels. Here are screenshots and a design document, which is all that exists so far, but Denise is heavily interested. Here are docs and screenshots for the desktop version.
Re: need desktop to switch?
Date: 2017-05-13 06:09 pm (UTC)Yes, in Beta, I consider it acceptable to require a visit to a desktop to install. (I don't have any ability to change that anyway. :/ )