Questions tagged [responsive-design]
For questions related to how the site looks, feels and behaves when its responsive design comes into play
211 questions
6
votes
0
answers
106
views
Topbar Navigation drop downs move when screen is resized
The drop downs for the top bar navigation icons move awkwardly when you resize the screen:
I would think (and thought they use to) remain in place when resizing the screen.
Tested on Chrome Version ...
- 2,775
6
votes
0
answers
117
views
Google login popup covers login area on mobile
I recently had to change my password, which led me to log into the site on mobile, which I haven’t had to do in a while. I noticed that the “Sign in with Google” completely covers the regular login ...
- 337
7
votes
0
answers
63
views
Button on suggested edit popup doesn’t fit on mobile
Suggested edit popup has a button that doesn't fit into it. At the same time the entire popup width looks correct, based on the close icon position.
The issue probably arises due to different length ...
- 69.7k
6
votes
0
answers
60
views
The "Cookie Settings" link in the footer is not aligned vertically with the other links in the "Company" section on narrow screens
When the width of the browser window that is displaying a site on the Stack Exchange network is sufficiently wide, it shows the different sections in the footer (e.g. the "Meta Stack Exchange&...
- 2,083
2
votes
0
answers
84
views
Almost useless list of filtered options in review queue on mobile
A review queue can be filtered by tags and other options (e.g., close reasons). I believe that it looks fine on a desktop, but it's not OK on mobile. For instance, on enSO not all conditions are ...
- 69.7k
63
votes
2
answers
694
views
Too small search bar and the search icon/magnifying glass is shown twice while viewing sites in portrait mode on mobile
The search bar (with drop-down) in the top bar isn't responsive.
It also is duplicated, which means it takes up an unnecessarily large amount of space on Stack Overflow with the AI text:
- 56.4k
6
votes
0
answers
92
views
"close question" button on the waffle bar doesn't work on a small screen
For some flags on questions, moderators have the option to handle the flag by closing the question. If you visit a post with a pending flag, the flag shows up in a bar at the bottom of the screen, ...
- 84.4k
1
vote
0
answers
62
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/...
- 69.7k
2
votes
1
answer
102
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 ...
- 69.7k
25
votes
1
answer
231
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.
- 69.7k
5
votes
0
answers
68
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-...
- 8,235
50
votes
1
answer
852
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 ...
- 3,517
6
votes
0
answers
58
views
Logout link appears duplicated on narrow screens
On narrow screens (typically mobile devices), two logout links are displayed.
Screenshot:
- 850
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 ...
- 69.7k
6
votes
0
answers
53
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
- 256k
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, ...
- 69.7k
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.
- 69.7k
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
- 256k
2
votes
0
answers
45
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 ...
- 69.7k
4
votes
0
answers
46
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 ...
- 69.7k
4
votes
0
answers
30
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. ...
- 69.7k
2
votes
0
answers
29
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 ...
- 69.7k
7
votes
0
answers
70
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:
- 69.7k
8
votes
1
answer
185
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 ...
- 69.7k
2
votes
0
answers
59
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:
- 69.7k
3
votes
0
answers
67
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.
- 69.7k
4
votes
0
answers
41
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 ...
- 69.7k
14
votes
0
answers
137
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 "...
- 15.1k
5
votes
0
answers
100
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 ...
- 69.7k
6
votes
0
answers
70
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 ...
- 69.7k
1
vote
0
answers
48
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.
- 69.7k
9
votes
0
answers
234
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 ...
- 426
6
votes
0
answers
36
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.:
- 69.7k
4
votes
0
answers
47
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 ...
- 69.7k
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-...
- 69.7k
5
votes
0
answers
41
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 ...
- 69.7k
6
votes
0
answers
127
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:
- 69.7k
2
votes
0
answers
172
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....
- 56.4k
4
votes
1
answer
88
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
- 256k
3
votes
0
answers
75
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,931
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,908
15
votes
2
answers
191
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, ...
- 84.4k
3
votes
0
answers
76
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....
- 39k
8
votes
0
answers
122
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.)
...
- 56.4k
15
votes
2
answers
200
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 ...
- 8,020
19
votes
0
answers
349
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 ...
- 16.1k
5
votes
0
answers
74
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,626
3
votes
0
answers
57
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,626
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,626