solarbird: From moongazeponies on deviantart (pony-pinkie-hax)
[personal profile] solarbird
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. [personal profile] 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!

Date: 2017-04-30 02:26 am (UTC)
ironymaiden: (banana)
From: [personal profile] ironymaiden
I'm getting a 404 on the link to the CSS.

Date: 2017-04-30 02:44 am (UTC)
From: [personal profile] zaluzianskya
Same; I'd love to test it out.

(Edit): Looks like this is the proper URL? (OP, sorry if you didn't want people poking around in the directory structure.)
Edited Date: 2017-04-30 02:47 am (UTC)

Date: 2017-04-30 03:09 am (UTC)
zaluzianskya: (egg cuddles)
From: [personal profile] zaluzianskya
Oh my gosh I love the way this handles comment threads on mobile! This is so nice and elegant.

Date: 2017-04-30 01:09 pm (UTC)
saga: (Default)
From: [personal profile] saga
Yo!!!! The comments are SO GOOD, I feel like if all DW layouts just fixed it up in their original CSS base codes with your codes, we'd be set.

Header buttons on Android Chrome

Date: 2017-05-01 12:01 am (UTC)
ironymaiden: (banana)
From: [personal profile] ironymaiden
Seeing issues on Galaxy S5. Look at the navbar. http://imgur.com/a/JdD2R

Otherwise looking good.

Re: Header buttons on Android Chrome

From: [personal profile] ironymaiden - Date: 2017-05-01 01:44 am (UTC) - Expand

Re: Header buttons on Android Chrome

From: [personal profile] ironymaiden - Date: 2017-05-01 01:58 am (UTC) - Expand

Re: Header buttons on Android Chrome

From: [personal profile] ironymaiden - Date: 2017-05-01 04:04 am (UTC) - Expand

Re: Header buttons on Android Chrome

From: [personal profile] ironymaiden - Date: 2017-05-01 04:24 am (UTC) - Expand

Re: Header buttons on Android Chrome

From: [personal profile] ironymaiden - Date: 2017-05-01 06:43 pm (UTC) - Expand

Re: Header buttons on Android Chrome

From: [personal profile] ironymaiden - Date: 2017-05-01 07:00 pm (UTC) - Expand

Re: Header buttons on Android Chrome

From: [personal profile] ironymaiden - Date: 2017-05-04 03:56 pm (UTC) - Expand

Date: 2017-05-01 08:14 pm (UTC)
itsanooray: (Default)
From: [personal profile] itsanooray
I could only take a quick look but issues and suggestions I have:
1) On some of the comment chains on this page, some content text is overlapping with footer links. A clear fix is needed due to your floats.

2) If DW is aiming for best practices involving responsive design, the CSS should be done mobile-first, since you're using max-width on media queries this is desktop-first css.

3) I wouldn't add border-radius to inputs, it makes them not look like an input, and in areas like in the control strip where you shrunk the size it makes the type very claustrophobic.

4) your idea for how you're handling the comment threads is interesting, however, instead of specifying a number for every comment depth in the css look into the css counter-increment property, it will auto count and spit out numbers for you.

I would also look into styling it so it's a little more clear what you were going for. I didn't notice the numbers at first and "#>" doesn't mean much, especially if it's your first time coming to a dw journal and you're on a phone.

I apologize if some of these suggestions were things you were going to work or approve on, haha.

I'm really glad someone is tackling this officially! Just having the viewport declared by default would make me a happy camper.

Date: 2017-05-01 08:23 pm (UTC)
ironymaiden: (Default)
From: [personal profile] ironymaiden

This reminds me: I have accessibility settings on for comments. The two nesting indicators both display.

(no subject)

From: [personal profile] ironymaiden - Date: 2017-05-02 03:20 am (UTC) - Expand

(no subject)

From: [personal profile] jesse_the_k - Date: 2017-05-14 06:08 pm (UTC) - Expand

(no subject)

From: [personal profile] talibusorabat - Date: 2017-05-01 08:43 pm (UTC) - Expand

(no subject)

From: [personal profile] itsanooray - Date: 2017-05-01 09:02 pm (UTC) - Expand

(no subject)

From: [personal profile] talibusorabat - Date: 2017-05-03 02:02 pm (UTC) - Expand

(no subject)

From: [personal profile] mdlbear - Date: 2017-05-13 03:27 pm (UTC) - Expand

Re: That's no glitch... that's a secret feature.

From: [personal profile] mdlbear - Date: 2017-05-13 10:57 pm (UTC) - Expand

Date: 2017-05-01 10:16 pm (UTC)
amber: ⌠ ART ⊹ Panda&Girl ⌡ (Default)
From: [personal profile] amber
I really love this! Great job! I especially love the forum/disqus style comment numbering for longer threads to remove horizontal scrolling.

Anyway I don't have any concrit, just wanted to let you know it looks good from an iPhone 6.

Also people on the unofficial Dreamwidth account on Plurk are being directed here but a lot of different mobile users posted directly in that plurk that it looked good for them so here's a link to it.

Date: 2017-05-07 11:10 pm (UTC)
From: [personal profile] zaluzianskya
For some reason, the beta code completely wrecks the following custom CSS I added to my layout:



(The result of this code being to hackily mimic the way comment headers appear on sitescheme.)
Edited Date: 2017-05-07 11:10 pm (UTC)

(no subject)

From: [personal profile] zaluzianskya - Date: 2017-05-07 11:38 pm (UTC) - Expand

(no subject)

From: [personal profile] zaluzianskya - Date: 2017-05-07 11:39 pm (UTC) - Expand

Re: With the beta css:

From: [personal profile] numb3r_5ev3n - Date: 2017-05-09 03:15 am (UTC) - Expand

Re: With the beta css:

From: [personal profile] numb3r_5ev3n - Date: 2017-05-09 03:20 am (UTC) - Expand

Re: With the beta css:

From: [personal profile] numb3r_5ev3n - Date: 2017-05-09 11:56 am (UTC) - Expand

Date: 2017-05-08 04:59 am (UTC)
ossobuco: Legion from Mass Effect 2 (Default)
From: [personal profile] ossobuco
Hello! So I've installed the beta and am viewing it in Google Chrome on Win10, and I'm seeing user icons for all posts sitting too high, out of their little boxes and almost flush with the entries' subject box (this is only true for entries, not for the icon in the Profile sidebar bit). When using DW's little icons for the Subscribe/Post/Message/etc links in the Profile sidebar thing, I see them aligned to the right of the icon box rather than centered below it. Finally, it looks like the "Link" and "Reply" links are positioned slightly lower than the other links at the bottom of journal entries. Screenshot for all three issues:

Date: 2017-05-08 05:10 am (UTC)
ossobuco: Legion from Mass Effect 2 (Default)
From: [personal profile] ossobuco
The issues with entries' user icons and the Subscribe/Post/etc icons under Profile repro in both Dolphin and Safari on my iPhone (10.3.1).

Re: Fixed install directions

From: [personal profile] ossobuco - Date: 2017-05-08 05:56 am (UTC) - Expand

Re: Fixed install directions

From: [personal profile] ossobuco - Date: 2017-05-08 06:27 am (UTC) - Expand

(no subject)

From: [personal profile] numb3r_5ev3n - Date: 2017-05-09 12:29 pm (UTC) - Expand

Date: 2017-05-11 09:51 pm (UTC)
wrog: (Default)
From: [personal profile] wrog
Copypasta all of this into the Advanced Seettings Custom CSS box, and save. Apply "your style" to everything you can.

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?
Edited Date: 2017-05-11 09:52 pm (UTC)

Date: 2017-05-12 03:29 pm (UTC)
coraline: (Default)
From: [personal profile] coraline
oh this is great! so far as i can tell also works in "neutral evil" for those of us who prefer dark backgrounds?

Date: 2017-05-13 12:38 pm (UTC)
gingicat: the hands of Doctor Who #10, Martha Jones, and Jack Harkness clasped together with the caption "All for One" (all for one)
From: [personal profile] gingicat
Here by way of [personal profile] rosefox. Looks like it works, thank you!

(Quick question: any plans to extend this to the top navbar?)
Edited (added a question) Date: 2017-05-13 12:43 pm (UTC)

need desktop to switch?

Date: 2017-05-13 03:44 pm (UTC)
thnidu: A maze. www.promrds.com/chapter9/mazegenerator.htm (maze)
From: [personal profile] thnidu
One of my friends boosted this at 2017-05-13 08:44 and added:

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.
Edited Date: 2017-05-13 03:45 pm (UTC)

Re: need desktop to switch?

From: [personal profile] thnidu - Date: 2017-05-13 07:05 pm (UTC) - Expand

Re: need desktop to switch?

From: [personal profile] thnidu - Date: 2017-05-13 08:10 pm (UTC) - Expand

Re: need desktop to switch?

From: [personal profile] ironymaiden - Date: 2017-05-14 01:23 am (UTC) - Expand

Re: need desktop to switch?

From: [personal profile] thnidu - Date: 2017-05-14 03:01 am (UTC) - Expand

Date: 2017-05-14 05:24 am (UTC)
numb3r_5ev3n: Punk Bot. Punk Bot. Punk Bot. (Default)
From: [personal profile] numb3r_5ev3n
Curent bleeding edge v0.843alpha:



Date: 2018-12-05 07:33 am (UTC)
attie: A penguin with an auto-referential caption. (Default)
From: [personal profile] attie
Ooh, this is pretty great! Unfortunately I don't like the underlying theme very much (echh, small caps >.>) but I wonder if I could port it to a different one...

(no subject)

From: [personal profile] attie - Date: 2018-12-05 10:24 am (UTC) - Expand

Date: 2018-12-08 12:05 am (UTC)
duck: Psyduck from Pokémon making a face (OMG!)
From: [personal profile] duck
Thank you so much! just used the comment part as the rest of my current layout looks ok on my phone.

I'm so grateful for finally disabling the zoom on IOS, again, thank you!

(no subject)

From: [personal profile] duck - Date: 2018-12-09 05:11 pm (UTC) - Expand

Date: 2018-12-11 03:04 am (UTC)
larissa: (Default)
From: [personal profile] larissa
So I'm having a weird issue: I keep getting a flashes of unstyled content whenever I view pages in my style. I use Firefox across all my devices (Windows 10, Android phone, iPad) and it's happening on all three. Tried rebooting my desktop browser without add-ons, same thing. I'm also getting it on another journal that's using 0.843alpha.

As far as I can tell this is new -- I use DW enough that I would have noticed before now, it just started happening in the past few days. Not sure when I last updated Firefox to be sure though; I'm running 63.0.3 on desktop. I have no idea what my mobile versions are but I can look if need be.

Not sure if it's just me! Even if it is, any ideas? I'm not really sure how to prevent FOUC on a site like DW.

(no subject)

From: [personal profile] larissa - Date: 2018-12-11 06:21 am (UTC) - Expand

Date: 2018-12-20 03:14 pm (UTC)
lessonsinescapology: (Default)
From: [personal profile] lessonsinescapology
Thank you so much! I'm going to try it.

Date: 2019-01-21 10:54 pm (UTC)
janne: (Default)
From: [personal profile] janne
Works like a charm -- and I no longer have a 50% chance of hitting "log out" instead of "post" :D Thank you.

Date: 2019-01-28 03:00 am (UTC)
msilverstar: (Default)
From: [personal profile] msilverstar
Working for me, though I had to increase the font size because I'm old and my eyes are bad.

Date: 2019-02-01 12:10 am (UTC)
alexseanchai: Ladybug, of Miraculous fame, with a rainbow Pride background (Default)
From: [personal profile] alexseanchai
♥!
Edited Date: 2019-02-01 12:10 am (UTC)

Re: Record keeping

Date: 2019-02-05 04:23 am (UTC)
marahmarie: (M In M Forever) (Default)
From: [personal profile] marahmarie
You want an Alpha tester? I have mobile screen shots (not logged in, but if you really want a good trawl through the code I can log in and take some more; mostly all that should change are the sidebar links, inline commenting becoming available and not much else, from what I can see). Taken on Fx latest on Android/Samsung Galaxy 6.

So far it all looks pretty damn tight. :)

Re: Record keeping

From: [personal profile] marahmarie - Date: 2019-02-05 04:39 am (UTC) - Expand

Re: Record keeping

From: [personal profile] marahmarie - Date: 2019-02-07 07:44 am (UTC) - Expand

Re: Record keeping

From: [personal profile] marahmarie - Date: 2019-02-07 08:08 am (UTC) - Expand

Re: Record keeping - screen shots yay!

From: [personal profile] marahmarie - Date: 2019-02-07 10:14 am (UTC) - Expand

Re: Record keeping

From: [personal profile] marahmarie - Date: 2019-02-07 07:49 am (UTC) - Expand

Re: Record keeping

From: [personal profile] marahmarie - Date: 2019-02-05 04:51 am (UTC) - Expand

Date: 2019-02-07 03:37 am (UTC)
kate_nepveu: sleeping cat carved in brown wood (Default)
From: [personal profile] kate_nepveu
thank you so much for this! it is really contributing hugely to my increased use of DW.

two things:

first, for anyone else who has the thing set where on reading pages, the comment count gets appended to the comment link, you need to add this to the custom CSS so that it will change color when visited:

ul.entry-interaction-links a:visited, ul.entry-management-links a:visited { color: (your color here); }

this appears to be a thing in the base style here.

second, is it possible to force the comment buttons to be as wide as their text? this is what I'm seeing on mobile replying to a top-level comment in Chrome on Android https://photos.app.goo.gl/hLnF5Tfq5WNXKCeS9

thanks so much!
Edited Date: 2019-02-07 03:39 am (UTC)

(no subject)

From: [personal profile] kate_nepveu - Date: 2019-02-07 12:17 pm (UTC) - Expand

April 2019

S M T W T F S
 123456
7 8910111213
14151617181920
21222324252627
282930    

Most Popular Tags