Questions tagged [responsive-design]
For questions related to how the site looks, feels and behaves when its responsive design comes into play
204
questions
1
vote
0
answers
55
views
Elements overlapping on send mod message page
In case of unverified Email for user, the private mod message has overlapping between page title and the notice on narrow screen:
Link for test for staff: https://ru.stackoverflow.com/users/message/...
- 65.5k
2
votes
1
answer
92
views
Long name of badge makes badge fat on Next Badge popup
When a badge with a long enough name hits into the Next Badge popup, it appears fat on a narrow screen:
It turns out it also happening on wide screens (e.g., on iPad Pro 11"):
Here's clearly ...
- 65.5k
23
votes
1
answer
170
views
On/off switch on mobile has shrinkable width
The on/off switch widget on mobile doesn't have fixed width and shrinks depending on other elements, e.g. in settings:
It's OK for one-line text, but shrinks otherwise.
- 65.5k
5
votes
0
answers
62
views
It's not possible to rearrange the communities list on a touch screen
On Chrome 115.0.5790.138 or Firefox beta (116.0b8) for Android, once you add a community to the "Your Communities" list in the editing view, it's not possible to reorder the sites.
Single-...
- 7,097
50
votes
1
answer
767
views
Mobile font-size way too large
Just now, when reloading Stack Overflow on my mobile, the font sizes have been enlarged:
I'm aware that the mobile views are deprecated, but this change doesn't look intentional.
The font sizes ...
- 2,949
6
votes
0
answers
53
views
Logout link appears duplicated on narrow screens
On narrow screens (typically mobile devices), two logout links are displayed.
Screenshot:
- 622
5
votes
0
answers
34
views
Popup for an active edit beneath the post contains the button that doesn’t fit into popup
When the post has an active suggested edit tapping on the link edit (1) leads to the opening a popup. That popup doesn't fit into screen width in responsive mode on phone's screen:
Animation was ...
- 65.5k
6
votes
0
answers
49
views
Improve responsiveness and formatting of private beta launch announcement emails
Today I got an email announcing the private beta of Programming Language Design and Implementation. When opening it on the standard Mail app on my iPhone, it seems to be using only 60% of the ...
GlorfindelMod
- 248k
4
votes
0
answers
141
views
Don't include the username as a part of the candidate statement
The candidate statement on the moderator election page contains the username of the candidate as a header part of it by default. You can manually remove it, but almost nobody does it. For instance, ...
- 65.5k
1
vote
0
answers
62
views
Flag popup is broken on election page for narrow screens
Flagging the candidate is almost impossible on the election page on narrow screens. See the animation below:
At the same time, flagging for a regular Q&A post works fine.
- 65.5k
4
votes
0
answers
55
views
Ballot widget makes it hard to see whether you've seen the entire list of candidates
The responsiveness of the Ballot widget on election pages is a bit unfortunate in some situations. Here is how it looks like in Firefox on a MacBook Pro 13" (with multiple tabs open). It's not ...
GlorfindelMod
- 248k
2
votes
0
answers
44
views
Justify election phase tabs with long translated names to the right
On the election page, the tabs are aligned weird for non-English long enough translations:
In that case, there isn't any margin between tabs and candidates count. I suggest to align (justify) all tab ...
- 65.5k
4
votes
0
answers
43
views
Newsletter preview doesn’t respect responsive design
The site newsletter preview doesn't respect responsive design. In particular: the left part of the popup isn't visible at all; scrolling to the right doesn't darken the background.
All necessary ...
- 65.5k
4
votes
0
answers
27
views
There are no voting buttons on suggested synonyms page for narrow screen
This issue is created based on the comment from related post: Interaction with vote buttons on tag synonyms page break tooltips
Responsiveness doesn't work well for suggested synonyms page, i.e. ...
- 65.5k
2
votes
0
answers
28
views
Make election page responsive on localized sites
Election page on ruSO currently looks like this:
As you can see the top part with dates and number of candidates don't fit into screen horizontally. So you can even scroll, but the rest of the page ...
- 65.5k
7
votes
0
answers
65
views
User name overlaps Network Profile button
In this user profile the user name overlaps "Network profile" button on narrow screen:
Yet another one:
And even for staff member:
- 65.5k
7
votes
1
answer
176
views
Unable to view exact view count on questions with many views on touchscreen devices
For questions with many views (when a suffix is used) there isn't any way to get the exact view count on touchscreen devices. E.g.:
On devices when the mouse pointer is available you can see the ...
- 65.5k
2
votes
0
answers
56
views
Revision description doesn’t fit in page
Because long single words don't wrap, in particular links, the description in the revision may overflow the page width.
E.g. here:
This also affects long enough user names like here:
- 65.5k
3
votes
0
answers
65
views
The 'Next badge' popup is appearing in the wrong place
The 'Next badge' popup in the profile page expands page width on mobile:
Positioning the popup entirely in the original page area will prevent width expansion.
- 65.5k
2
votes
0
answers
30
views
Vertical distance between title parts is larger than the distance between title and license attribution [duplicate]
In timeline for questions with long titles on devices with narrow screen the vertical distance between parts of the title is larger than between title and the licensing attribution. E.g. here:
Red ...
- 65.5k
14
votes
0
answers
133
views
Moderator message is not responsive on mobile
I received a message from the moderators, but it's rather hard to read on my mobile (Firefox on IOS 16.3.1, iPhone 12 Mini) because the text is wider than the viewport.
Wasn't the whole "...
- 13.4k
5
votes
0
answers
98
views
Intro paragraph for blog posts with an intro doesn’t fit into page
Blog posts with an intro paragraph have some trimming on the left and right if the screen is narrow.
One example: the link from the profile page of a suspended account
refers to Stack Overflow Blog ...
- 65.5k
6
votes
0
answers
67
views
Don't cut badges too early
Some long-named badges are truncated too early on the profile page when viewed on narrow screens (e.g., on Android Chrome):
Reproducible on Windows 10 desktop Chrome as well:
Could we just display ...
- 65.5k
1
vote
0
answers
47
views
No space between text and buttons on tag top users page
There's no space between text and buttons on tag top users page:
Related to ruSO, rusSE.
- 65.5k
9
votes
0
answers
207
views
Stack Overflow profile page doesn't show reputation graph on mobile
I couldn't help noticing that, on my Stack Overflow profile, the reputation graph in the summary section doesn't show on mobile or portrait devices. I feel that there's easily space to fit the graph ...
- 416
6
votes
0
answers
34
views
Move achievements to the right on accounts block
On the activity page of profile achievements block needs to be moved to the right part for the items with long enough site names. When they don't fit on the single line. E.g.:
- 65.5k
4
votes
0
answers
46
views
More columns for badges in narrow width mode
It seems that badges could be displayed in more columns in narrow width mode. Tested on my iPad.
Below the screenshots to compare:
full width
3/4 width
half width
quarter width
At least one more ...
- 65.5k
3
votes
1
answer
49
views
Tag to use for questions related to narrow screen size mode
What tag should I use for narrow screen size site mode?
In this mode, the site design is slightly different from normal mode.
mobile-web tag is marked as deprecated now.
As a suggestion, I used narrow-...
- 65.5k
5
votes
0
answers
40
views
Current profile section is not properly selected in narrow mode
In narrow mode (e.g. on mobile phone) if you select “Question subscription” in profile setting page you will be redirected to the page that is not adapted for mobile view. Going back (via browser ...
- 65.5k
6
votes
0
answers
125
views
Align reputation to the right in community list
To be consistent with other blocks in profile page, the reputation part in community blocks should be moved to the right:
Compare with badges block:
- 65.5k
2
votes
0
answers
155
views
Dropdown within mobile navigation menu on stackoverflow.co doesn't open
On Stack Overflow's marketing website stackoverflow.co, nothing happens when I click on the dropdown in mobile responsive view. The same goes for every page on that website, such as /teams.
With this ...
- 11.3k
10
votes
1
answer
112
views
X to exit hat modal blends into banner
This is the hat modal on Community's profile in dark mode. As you can see (or can you?), the X in the corner blends into the banner, potentially because of my screen size:
(Also happens in light mode....
- 50.1k
4
votes
1
answer
87
views
Legend icons in Winter Bash profile dialog are too responsive
There are some icons in the legend of the Winter Bash profile dialog:
I assume they're meant to remain square at all times, yet they don't (and look suboptimal) at narrow screen sizes, especially the ...
GlorfindelMod
- 248k
3
votes
0
answers
74
views
Activity submenu refusing to become muscle memory
There's this list of Activity submenu options in my profile ("Summary", "Answers", "Questions", ...):
Which for some reason refuses to become muscle memory for me.
Every ...
- 4,941
6
votes
0
answers
51
views
No padding between "Browse more questions" and anniversary banner on mobile
On the five sites that have their 10 year anniversary a banner is shown linking to a meta post about the anniversary. On mobile the banner is shown below the question list. However, there is no ...
- 2,586
15
votes
2
answers
187
views
Saves new feature notifier is acting weird in the review queue on mobile
I just opened up Meta.SE on my phone, and decided to take a peek at the review queues. The Close Votes queue had a red dot, so I decided to check it out.
I was greeted with this:
(Yes, ironically, ...
- 75.5k
3
votes
0
answers
71
views
Responsive design issue on the timeline page on the mobile screen
When viewing any timeline page on a mobile screen, the header banner is missing while scrolling to the right-hand side in landscape and portrait mode.
Sample timeline page: https://meta.stackexchange....
- 38.2k
8
votes
0
answers
121
views
Prevent nonbreaking spaces from making an election completely non-responsive
In any narrow enough window, entire paragraphs are on the same line when voting for this election:
(On phone, this is the only view. On desktop, you can make this happen with a narrow window.)
...
- 50.1k
15
votes
2
answers
196
views
The buttons on the top bar are no longer right-aligned on mobile
Yesterday the top bar on mobile (iOS Safari) looked like this:
Now it looks like this:
And this is not only limited to mobile devices. It can also be replicated by narrowing the width of your ...
- 7,690
19
votes
0
answers
345
views
Can the "Sponsored by AWS" message be made smaller (less annoying)?
Looking at Ask Ubuntu, the "Sponsored by AWS" is... large on mobile. For reference, this is how it would look on an iPhone 12 (I'm using device emulation for the screenshots hence why I'm ...
- 11.6k
5
votes
0
answers
73
views
Moderator sign is overlapping with network profile [duplicate]
As you can see, the moderator and network profile overlap each other.
I am on Chrome (version 103.0.5060.71) for Android, resolution 2220×1080 on mobile.
- 3,420
3
votes
0
answers
54
views
Bug with the profile edit save buttons
The 2 buttons seem too close to each other. Can this be fixed?
To get this you need to have an account on any site that you have not edited your profile before. So if you have customized your account ...
- 3,420
2
votes
2
answers
94
views
Question title text too big?
The question title text seems quite massive in comparison to the rest of the page. I am on mobile. Maybe we can make this a bit smaller?
Details of my phone:
Running Chrome on Android
- 3,420
6
votes
0
answers
57
views
Privileges page columns are misaligned on mobile
Misalignment with the privileges page
There are 3 sections. The rep count, the name of the privilege, and the description. The description section is not aligned correctly vertically when the name of ...
- 3,420
5
votes
0
answers
69
views
MathJax not rendering properly in comment on mobile-sized screen
MathJax is not rendering properly in the comment of this post.
Original comment:
In mobile view:
- 151
4
votes
0
answers
46
views
Links in stackexchange.com top bar sometimes shown as two rows instead of one
In Firefox and Chrome on my Mac, with some window sizes the 'Tour', 'About Us' and 'Meta' links are displayed in two rows instead of one:
It's probably browser-dependent, since I can't reproduce it ...
GlorfindelMod
- 248k
5
votes
0
answers
63
views
Responsive "Tour" page has extra right space due to one section that is not responsive (only when logged out)
Left: iPhone; right: Firefox desktop
Click either for higher resolution (URL)
Also makes scrolling on a mobile device funky; keeps twitching right.
To reproduce: log out. (Thanks @Laurel)
- 5,659
3
votes
1
answer
59
views
Votes cast statistic "{ } this week" is not aligned properly in the full site on mobile
The Votes cast statistic "{ } this week" in the Summary tab is not aligned properly in the full site on mobile:
On PC/desktop, it's correctly aligned:
I also tried landscape view, but the ...
- 9,604
7
votes
0
answers
59
views
Sections in the answer box header aren't sectioned properly when logged out on mobile
On mobile, this is the layout that you would normally see when logged in to the site:
However, on sites where you can post as a guest, logging out results in this layout when the answer box is ...
- 9,604
10
votes
0
answers
95
views
Orphaned "close this dialog" dialog when viewing an election as a moderator on mobile
When viewing an election on a site where you are a moderator while on mobile, a "close this dialog" dialog appears at the bottom of the page. It looks like the same thing that appears at the ...
- 75.5k