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
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/...
αλεχολυτ's user avatar
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 ...
αλεχολυτ's user avatar
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.
αλεχολυτ's user avatar
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-...
muru's user avatar
  • 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 ...
0stone0's user avatar
  • 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:
mjy's user avatar
  • 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 ...
αλεχολυτ's user avatar
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 ...
Glorfindel's user avatar
  • 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, ...
αλεχολυτ'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
  • 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 ...
αλεχολυτ's user avatar
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 ...
αλεχολυτ's user avatar
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. ...
αλεχολυτ'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
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:
αλεχολυτ's user avatar
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 ...
αλεχολυτ's user avatar
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:
αλεχολυτ'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
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 ...
αλεχολυτ's user avatar
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 "...
tripleee's user avatar
  • 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 ...
αλεχολυτ'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
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 ...
Ben the Coder's user avatar
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.:
αλεχολυτ'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
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 ...
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
  • 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 ...
Glorfindel's user avatar
  • 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 ...
CodeCaster's user avatar
  • 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 ...
Marijn's user avatar
  • 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, ...
Mithical's user avatar
  • 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....
Arulkumar's user avatar
  • 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.) ...
Laurel's user avatar
  • 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 ...
Thomas Markov's user avatar
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 ...
cocomac's user avatar
  • 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.
DialFrost's user avatar
  • 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 ...
DialFrost's user avatar
  • 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
DialFrost's user avatar
  • 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 ...
DialFrost's user avatar
  • 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:
Shub's user avatar
  • 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 ...
Glorfindel's user avatar
  • 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)
ymb1's user avatar
  • 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 ...
Justin's user avatar
  • 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 ...
Justin's user avatar
  • 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 ...
Mithical's user avatar
  • 75.5k

1
2 3 4 5