(no subject)

[denise]

Code push is complete and we're monitoring for any issues. If you spot something that looks off, let us know! The changes covered in this push are in this code tour.

(The site may be a bit sluggish for the next 20 minutes or so while the caches warm back up -- you don't have to tell us about that!)

Notification delays:

An update was posted to dw_news slightly before 0830 EST (see in your time zone). Comment notifications may be delayed for up to an hour or two, due to the high volume of notifications generated by each news post. Please don't worry about missing notifications until at least 1030 EST.

Comments

[jordannamorgan]

Huh... A "modules" link has appeared in the header of all my journal pages, which jumps to the bottom of the page. I would rather not have this there in my layout. Is there a way to get rid of it?

[impulseofwinter]

Same here, and its pushed my sidebar down.

[exloserspromise]

Was the navstrip fix supposed to clump everything together to the left? Because that's what I'm seeing.

[denise]

Hee, I noticed that too, and wound up staring at it for like five minutes wondering what was different about it.

The navstrip was changed around a bit so that it scales down better on small screens (part of our general fixes to make the site behave better on mobile devices). Part of that does mean that it's no longer stretched out quite so far on larger screens, yeah -- it was a compromise.

[burnishedvictory]

Is the nav bar not supposed to stretch the full width of the screen anymore? This is what I see: https://dl.dropboxusercontent.com/u/584742/Screenshot%20of%20computer%20-%20DW%20nav%20bar%20centered.png

[denise]

Yes, see above: we made some changes to the structure of the navstrip so it degrades more gracefully on smaller screens, and part of that change means that the center cell is no longer so stretched out on wider ones.

[buccellati]

I'm getting constant errors when trying to post comments. I have to hard refresh (ctrl f5) every time to get the comment to post, otherwise it times out and when I refresh sends me to an error page. Anyone else?

In fact it did it to me while trying to post this.

[denise]

What error message are you getting?

[ninetydegrees]

Don't know if it's the place for suggestions but could the module jump link be more explicit? Right now it looks like any other header title right down to where it's placed and in some styles/themes it's not obvious at all that 1) it's a link 2) what it's for.

[fu]

I think it could be but to be honest that probably requires more styling chops than I have! (The best I can do is "not completely out of place")

[vanessagalore]

Is this what it's supposed to look like?
http://i259.photobucket.com/albums/hh302/VanessaGalore/ScreenShot2014-07-14at14101AM_zpsf33bcc13.png

I usually have to keep my browser font size set at minimum 20 because of visual issues, so it actually looks even worse.
http://i259.photobucket.com/albums/hh302/VanessaGalore/ScreenShot2014-07-14at14039AM_zpsdf89e904.png

I haven't fussed with CSS for a long time and I've already got a headache thinking about revamping it to make it look okay again.

[denise]

The changes to the navstrip to make it more mobile-friendly do mean that the text no longer spreads across the entire length of the page, and overflows onto the next line if the screen isn't wide enough to support it. It looks like you've got some custom CSS in your layout that's affecting how it displays, so unfortunately you may need to either tweak it a bit to get the effect you want, or remove the custom CSS and use the site default. I'm sorry!

[denyamenti]

I'm not sure what was done to change viewing from my phone but please undo it. Viewing my journals on my phone screen is suddenly unusable!

http://imgur.com/VVIeRuI

[denise]

Well, that's certainly screwed up. Heh.

That style hasn't been converted to the new more-mobile-friendly CSS yet, so it shouldn't be doing that. fu is looking into it.

[mtxref_fic]

1600x900 resolution on a 15" laptop monitor and I have to stretch the window wider than I'd like (ie. 3/4 across the screen when I'd rather have it halfway across) in order to get the modules to show up properly. Refreshed, restarted, cleared the cache, no luck. Halp??

[denise]

So, the point at which it does the small-screen-collapsing is set by ems (which is a function of your font size), not by absolute pixel count (for a lot of boring reasons I will not get into here). We also aren't detecting "you are on a mobile device, so you get the mobile version" -- we're detecting "your current screen width is smaller than X, so you get the small-screen version". So, if the current width of your browser is smaller than the trigger point for the small-screen-collapsing, you'll get the collapsed version. Looks like we set that point a bit too big -- we're going to lower it a bit and see if that improves things.

[fbitchesgtmoney]

I don't think this is quite right.
http://imgur.com/SbMHVUe
http://imgur.com/Jz2gyNR

[fu]

Hey what layout is that, do you know?

[lilly_c]

I'm having no problems viewing the site on my mobile, it's actually easier for me to read now and I don't have to hit zoom. I tend to use my phone first thing on a morning anyway. Also my layout looks fine on my laptop.

[denise]

Super glad the changes have been helpful for you!

[sincereheart]

Is it supposed to be shoved over to the side like this on mobile? http://i.imgur.com/cti79kL.png

[denise]

The answer is slightly more complex than yes or no!

The changes to the navstrip are intended to make it overflow onto a second line instead of stretching the screen if the screen is too small for the width of the navstrip, but it's possible that overflow is triggering improperly on your phone. We're tweaking things a bit (and will be following up with a secondary push in an hour or two) -- hang on and check then.

[badly_knitted]

I'm using the journal style Forest Green for Fluid Measure and I've lost my sidebar although my settings still show I'm set to have a lefthand sidebar. It was there last night but it's not there this morning. I don't know if other journal styles are affected.

[momijizukamori]

Are you viewing on a PC, or mobile, and if PC, can you give me the browser and screen resolution? I'm still seeing the sidebar on your journal from this end, so maybe I can help narrow down what's triggering it :)

[doctopus]

Like some other people, my journal layout is also having an Issue, although rather than everything getting squished together I've just found the nav bar has dropped down the page a little: http://i.imgur.com/Z3HoByc.png

Is this likely to be a code problem or just a thing I'll have to tweak my own CSS to fix?

(ps, thank you for all your hard work as usual!)

[momijizukamori]

As you're using a custom layout, I have the suspicion that it might be something in your CSS causing the problem. I'm going to poke and see if I can give you a quick answer as to what to change, though!

[jewelfox]

Feedback at sophie's request ...

First off, "Modules" is not a descriptive term to anyone except people who customize their DW layouts. Sort of like how "Profile" is a silly word to use for a module which just has your picture and subscribe links and stuff, especially when there is a separate NAME.dreamwidth.org/profile link.

Second, the new mobile layout (which I love the idea of) doesn't work for my journal layout, in Internet Explorer on Windows Phone 8.1.

1. The part of the icon that goes off to the left is treated as part of the content area. Meaning that the reading experience is awfully crowded compared to the modules themselves, especially when there are elements like blockquotes. Screenshot, compare to screenshot in the "modules" area.

2. Code blocks screw up the layout completely. Screenshot

3. The fact that the title isn't aligned properly to, well, anything, in this layout, is exacerbated in mobile. It can't even display the whole thing. The "Modules" link is also way off to the left, possibly partly because of the icon issue, and I don't know how to customize it. Screenshot

4. Instead of being a single-column scrolling layout like a proper responsive site, it's a wide open canvas that just crowds everything to the left, making it possible to scroll away from the content area. This may be because elements like the code blocks are screwing up formatting, but it allows me to scroll a long way to the right even past them.

Finally, the default setting of 20 entries per page makes for a heck of a lot of scrolling.

EDIT: Is there an option to put any of the modules at the top of the layout?

[momijizukamori]

Off-hand, as I was the person who converted the base layout:

1) icons-as-part-of-content is part of the layout design, unfortunately. It's true of all layouts, because they're a sub-element of entries, and this particular one only stands out in causing problems because of the way the icon is positioned

3) The title should be left-aligned with the main entry block, which is how it's appearing to me. The mobile view cutting off the title is unfortunately a function of how browsers word-wrap by default (which is to not break words apart). The module link is poorly aligned to my eye too, though.

[ghoti]

Am similarly flummoxed by the new mobile design. The sidebar is now wider than any entries. I'm using tranquility 3, if that helps.

Also noticed that icons are covering user names.

Mobile Layout

[batrachian]

With the new code, my (dual column) layout has become essentially unreadable on my phone. Something odd has happened to the scaling, such that the content column only takes up about a third of the screen (and the sidebar is being a space-hogging useless thing.)

I am using a Droid 2 in 'landscape' orientation, not sure about pixel counts. Style is 'Funky Circles', and I've not done any modification, just using the 'Earthy Green' option right out of the box.

Comments are still readable, mostly because of the fixed minimum width.

[kate_nepveu]

My Nexus 7 tablet briefly had the mobile view--which, awesome! And then it didn't. And the sidebar is even bigger than before.

Can we manually set, through CSS, the width at which we want the one-column view to be triggered?

[momijizukamori]

Unfortunately it can't be easily set via CSS, only through editing a layer - it uses an @media query which won't work in the Custom CSS box.

[flippac]

Nested comment threads're pretty much unreadable on my S4 in landscape (1920x1080 on a 5" screen) - it doesn't go for one-column and the space for comments gets too narrow to follow. Portrait's decent and a substantial improvement though.

[ruriair]

I've noticed that for those who post large images in their entries, the images like to break past the entry's width and thus induce a horizontal scrollbar. This is real apparent on styles that now have super tiny widths in mobile.

Not sure how much of a fix it is but I've always used .entry-content img {max-width: 100%;} to fix this issue in my custom layouts. Any chance of implementing that for mobile (and desktop) styles?

[momijizukamori]

This has come up in the past with that particular suggestion, and I know there's a reason it hasn't been done, but without the Bugzilla data I can't remember why, unfortunately :( But it is a thing we are aware of!

[ratcreature]

With my layout (dusty foot) on my Nexus 7 tablet the sidebar is now as wide as the content in portrait orientation, which is more squished than before. Maybe even more white space on the side. Landscape seems okay, but I prefer to have a page format for reading and it was better before, comfortable to read and now it isn't. I'm not sure whether I see the mobile layout, because I can't see that module link others are talking about.

[alyndra]

I was very excited to read about this code-push because I primarily use my iPhone for reading things on the web, but after visiting my reading page post-update, I felt some dismay. The font for subject lines in one-column format is now so large that line-breaks occur after every word or two, even though there's a very wide margin (which still doesn't show most of my background design).

But it's not terrible. Not until I turn my phone sideways, that is. In horizontal view, I get the worst of both worlds: my sidebar is back, but the oversized font is now squeezed into a fantastically small column in the middle, with the icon overlapping the subject header and the text of all the entries consisting of lines of perhaps 9 characters each going down the middle eighth of the screen.

I would really like it if I could just get how it used to look back when I'm in horizontal, and then I could accept whatever large fonts you want to use for the more typical vertical mobile view. I'm happy enough about the idea to leave the sidebar at the bottom, but all the extra space in the margins should probably go too, and then the amount of text on the screen might get back up to a decent amount even if the font does increase a little.

I'm sorry, I sound terribly cranky and I don't mean to! I have screencap pictures and if you'd like me to email them somewhere, I'd be more than happy to. I also want to thank everyone for all the incredibly hard work they do- it's a compliment you might wish to receive less often, that I am so used to the site being beautiful and working well all the time, that I have to write paragraphs about it when something goes awry!

[misskat]

Go ahead and send them to me: misskat@Dreamwidth

[liv]

The changes to how multicolumn layouts are displayed have made several journal layouts completely unusable on my mobile phone. I'm not asking for help with how to fix this for myself, I can figure out for myself how to tweak the CSS and if necessary the S2. But I'm reporting it because I think it's a real problem with the choices made about dealing with the wide range of screen sizes. Reading the other comments here and on the news post it does seem the updates have broken things for quite a lot of people. I realize that there might easily be 99 people who don't bother to comment because they're completely satisfied for every one who complains, but still, I think this is an issue.

To give more detail, I have a fancy smartphone where the screen is 800x600, but physically small. I usually read in portrait orientation, and that 600 pixels is almost entirely taken up by a fixed width sidebar, leaving about a three letter wide column for the actual journal entires. For me, having to scroll sideways to see the sidebars is less of a problem than having the main column so squished up. I think this problem is caused by a combination of several things: for one, my phone screen is big enough that it's not triggering the switch to having the side-bar jump to the bottom, but small enough that the two columns just aren't workable with the new design tweaks. On top of that, the update has made the main column more fluid while keeping a minimum width on sidebar, which just doesn't go together.

I don't think it would be a good idea to give people the option to turn the new, more responsive page layouts off, although I'm sure that would be popular. That would just lead to all the problems of having to maintain different versions in parallel. I think what might help is setting the sidebars as a proportion of the viewport width, not as an absolute number of ems. Or perhaps to set a minimum width on the main column?

tl;dr: on screens that are medium-sized, bigger than typical mobile phone sized but smaller than modern hi-res desktop monitor size, the sidebar is too wide and the main content is squished to nothing. This is objectively worse than having to scroll sideways to see the sidebars.

[liv]

Just to make this clear, I'm not just whining because it's scary when my journal layout changes under me. I think this is actually broken in ways that will affect many users. I am entirely happy to discuss things with fu and the team and to write a patch if we can come to a consensus about possibly fixing this issue.

[jeweledeyes]

It seems like changing the colors of the navstrip from the customize style -> display menu no longer works. I have "use custom colors" checked. I've entered the colors and they're showing the proper "swatches" on the customize page, but on my actual journal, it's just the default light gray gradient.

[sponsorigami]

I have been encountering a strange thing that doesn't happen all the time but happens enough to where I notice it. That partial red bar appears. Sometimes I can make it happen by opening the comment box at the bottom of a thread. Sometimes I cannot. The privacy policy and other links still appear like normal. Even more puzzling is if I switch from one tab to the other and back, that bit of red disappears. It's doesn't seem to be anything major, but I thought I'd bring it to light in case it's tied to something else.

Or maybe the bottom bar has a friend who wants to say hi.

Windows 7, Chrome, 1366x768 resolution

[lunarwolfik]

I know the code push worked on streamlining content appearance on smaller devices, and I think this effected how my journal looks at all times. My journal's style is two columns (sidebar on the right) and before the code push, it displayed just fine. But now the sidebar has moved to the bottom of the page no matter the size of the window it's display in. I was wondering if there was something I can do to fix this?