Skip to main content

Questions tagged [responsive-design]

For questions related to how the site looks, feels and behaves when its responsive design comes into play

Filter by
Sorted by
Tagged with
5 votes
0 answers
90 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 ...
fyrepenguin's user avatar
7 votes
0 answers
60 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 ...
αλεχολυτ's user avatar
5 votes
0 answers
55 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&...
Wai Ha Lee's user avatar
  • 2,073
1 vote
0 answers
53 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 ...
αλεχολυτ's user avatar
63 votes
2 answers
676 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:
Laurel's user avatar
  • 53.7k
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, ...
Mithical's user avatar
  • 83.2k
1 vote
0 answers
61 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/...
αλεχολυτ's user avatar
2 votes
1 answer
99 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 ...
αλεχολυτ's user avatar
25 votes
1 answer
228 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.
αλεχολυτ's user avatar
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-...
muru's user avatar
  • 7,747
50 votes
1 answer
819 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 ...
0stone0's user avatar
  • 3,227
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:
mjy's user avatar
  • 840
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 ...
αλεχολυτ's user avatar
6 votes
0 answers
51 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 ...
Glorfindel's user avatar
  • 253k
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, ...
αλεχολυτ's user avatar
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.
αλεχολυτ's user avatar
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 ...
Glorfindel's user avatar
  • 253k
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 ...
αλεχολυτ's user avatar
4 votes
0 answers
44 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 ...
αλεχολυτ's user avatar
4 votes
0 answers
29 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. ...
αλεχολυτ's user avatar
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 ...
αλεχολυτ's user avatar
7 votes
0 answers
69 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:
αλεχολυτ's user avatar
7 votes
1 answer
180 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 ...
αλεχολυτ's user avatar
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:
αλεχολυτ's user avatar
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.
αλεχολυτ's user avatar
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 ...
αλεχολυτ's user avatar
14 votes
0 answers
134 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 "...
tripleee's user avatar
  • 14.5k
5 votes
0 answers
99 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 ...
αλεχολυτ's user avatar
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 ...
αλεχολυτ's user avatar
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.
αλεχολυτ's user avatar
9 votes
0 answers
228 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 ...
Ben the Coder's user avatar
6 votes
0 answers
35 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.:
αλεχολυτ's user avatar
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 ...
αλεχολυτ's user avatar
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-...
αλεχολυτ's user avatar
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 ...
αλεχολυτ's user avatar
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:
αλεχολυτ's user avatar
2 votes
0 answers
165 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 ...
Panda's user avatar
  • 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....
Laurel's user avatar
  • 53.7k
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 ...
Glorfindel's user avatar
  • 253k
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 ...
CodeCaster's user avatar
  • 4,921
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 ...
Marijn's user avatar
  • 2,595
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, ...
Mithical's user avatar
  • 83.2k
3 votes
0 answers
74 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....
Arulkumar's user avatar
  • 38.9k
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.) ...
Laurel's user avatar
  • 53.7k
15 votes
2 answers
198 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 ...
Thomas Markov's user avatar
19 votes
0 answers
348 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 ...
cocomac's user avatar
  • 14.4k
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.
DialFrost's user avatar
  • 3,606
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 ...
DialFrost's user avatar
  • 3,606
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
DialFrost's user avatar
  • 3,606
6 votes
0 answers
58 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 ...
DialFrost's user avatar
  • 3,606

1
2 3 4 5