Welcome to DU! The truly grassroots left-of-center political community where regular people, not algorithms, drive the discussions and set the standards. Join the community: Create a free account Support DU (and get rid of ads!): Become a Star Member Latest Breaking News Editorials & Other Articles General Discussion The DU Lounge All Forums Issue Forums Culture Forums Alliance Forums Region Forums Support Forums Help & Search

Renew Deal

(82,930 posts)
Tue Dec 13, 2022, 04:45 PM Dec 2022

Bug: Smileys button on top of text editing buttons in default mode

This discussion thread was locked by EarlG (a host of the DU4 Bug Reports forum).

The smileys button slightly overlaps with B I U S Highlight and M. This is default mode on mobile.

4 replies = new reply since forum marked as read
Highlight: NoneDon't highlight anything 5 newestHighlight 5 most recent replies
Bug: Smileys button on top of text editing buttons in default mode (Original Post) Renew Deal Dec 2022 OP
I'll take a look at this EarlG Dec 2022 #1
I found one more similar issue. Renew Deal Dec 2022 #2
The good news is I've figured out what's causing the problem EarlG Dec 2022 #3
I've attempted a fix EarlG Dec 2022 #4

EarlG

(22,540 posts)
1. I'll take a look at this
Tue Dec 13, 2022, 09:03 PM
Dec 2022

I think what’s going on here is that I didn’t quite design small enough for very small screens like iPhone mini. My guess is there are a number of quirks like this which will crop up, similar to the Skinner Mode button issue you had earlier.

These issues should be fixable though. I’ll let you know when I’ve tried a repair on this (and the button issue which still needs work)

Renew Deal

(82,930 posts)
2. I found one more similar issue.
Wed Dec 14, 2022, 08:40 AM
Dec 2022

The reply box steps on all of the text modifiers and completely covers smilies in dark mode landscape mobile.

EarlG

(22,540 posts)
3. The good news is I've figured out what's causing the problem
Wed Dec 14, 2022, 10:12 AM
Dec 2022

The bad news is, I'm not sure how to fix it yet.

Again, this is related to the responsive design. For some reason, your iPhone mini, when turned horizontally, is displaying the tablet layout. That's why you're seeing the left column, and buttons aren't fitting properly (because there's not enough room for them to line up correctly).

But that shouldn't be happening, because even in landscape mode, the viewport of your phone should be small enough to display the mobile layout. My iPhone 12, when held horizontally, displays the mobile layout, even though it has a larger screen size than your iPhone 13 mini.

So basically if I can figure out how to fix this, it should resolve most of the other issues you've reported -- they are all pretty much related to this problem. The only thing is, I'm not entirely sure why this is happening.

I'll keep looking into it and hopefully will come up with a solution.

EarlG

(22,540 posts)
4. I've attempted a fix
Wed Dec 14, 2022, 10:27 AM
Dec 2022

Don't worry about Night Mode or Skinner Mode for now -- this is just in Default Mode.

Did this resolve anything for you in landscape mode on your phone?

Edited to add: just to be sure, try reloading the stylesheet. Visit this link on your phone and once the page has loaded, hit the refresh button:

https://du4.democraticunderground.com/du4css/du4.css

Hopefully your phone is not caching the old version of the stylesheet.

Latest Discussions»Help & Search»DU4 Bug Reports»Bug: Smileys button on to...