Questions tagged [responsive-design]

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

5
votes
0answers
41 views

Links overlap on snippets

With certain screen widths, the “Hide results” and “Full page” links on snippets overlap (e.g. here, you need to run the code snippet to repro) Using a smaller or bigger width makes the page ...
8
votes
0answers
56 views

Do not place the editor on top of the author when zooming in

At a certain zoom level or sufficiently small browser window, respectively, author and editor information do not fit side-by-side anymore and get placed on top of each other. So far so good. However ...
2
votes
0answers
25 views

Background of “Edit tags” button overlaps with other tags

After the using of inline tag editor (tap "Edit tags", then cancel) on this post the "Edit tags" button background is overlapped with other tags: Image was taken from mobile Chrome with enabled ...
3
votes
0answers
44 views

Imgur notice overlaps the upload popup's border

On the insert image, the popup Imgur notice overlaps the upload popup's border for small screens (the image is taken on desktop Firefox with a narrow window, but the issue is also affects ruSO on my ...
7
votes
1answer
108 views

No “back” to translate

On the ask question page for the responsive view the word "back" is not available to translate for use on international sites. Here is the screenshot of English based site to clarify: To see this ...
12
votes
0answers
95 views

Add a horizontal scrollbar to MathJax formula blocks

MathJax formula blocks (i.e. $$these$$, not single-dollar-sign $inline$ mathjax) sometimes get wide, especially when they're arrays. Wide formulae don't play nicely with the responsive design though ...
7
votes
0answers
39 views

Revisit the decision not allowing to create tags from mobile

You can't create tags when using the mobile version of the site; when you attempt to do so, you're greeted with the following error message: New tags cannot be created from the mobile site. The tag ...
2
votes
1answer
65 views

Tab border rounding doesn't take wrapping into account

When tabs can't fit horizontally into page, they're wrapped to new line. But since the first, and the last tab borders are rounded this looks little bit odd: I zoomed an image to show the issue ...
3
votes
0answers
56 views

Filter sites are not responsive

Viewing questions from a global filter (like this one) looks like this on my mobile device: My requests: Please make filter sites responsive, so I don't have to zoom and scroll horizontally when I ...
13
votes
1answer
206 views

What is the state of the new site designs promised after the redesign?

Last year, Jon Ericson wrote in an announcement about the completion of the responsive design rollout: We'll continue fixing bugs and starting in 2019 we'll be working on designs for sites with the ...
2
votes
0answers
21 views

Flag summary page title may overflow into description block for non-English UI sites

In case of localized sited (in particular for Stack Overflow in Russian) and for a small screen there is a design issue with the head block of the flag summary page. For instance title of the current ...
5
votes
0answers
43 views

Suggested edits view only partially visible when using “Full site” in mobile

Although the review queue works fine, if I try to review a pending suggested edit by visiting the post and then clicking on edit(1), the view for the review is only partially visible. I cannot ...
1
vote
0answers
37 views

Remove bronze/silver/gold tabs from the Badges page

On the Badges page you can switch between "color" of badges by selecting the corresponding tab (bronze/silver/gold) or by pressing the badge icon: Since the badge type info is always visible I ...
5
votes
0answers
21 views

Display post asked/viewed/active info directly beneath the question on mobile

When I mention asked/viewed/active, I mean this little bit seen at the top of the sidebar: This information can be substantially relevant for people dropping in to moderate or curate a question. ...
4
votes
1answer
65 views

Question filtering menu displays partly off small screens

While using the Chrome browser on my iPhone SE, I noticed the question filtering menu displayed partly off the screen. Then I repro'd this behavior on my laptop using Chrome and reducing the ...
7
votes
1answer
97 views

Move side widget “Help improve the site” to the bottom of the review queues on smaller screens

When viewing the /review page on smaller screens, the "Help improve the site" widget, normally shown as a side widget on the right, is now shown above the review queues themselves. Can it please be ...
4
votes
0answers
35 views

The share link dialog box appears partly off a small screen

While using the Chrome browser on my iPhone SE, I clicked "share" to get a link to a post. I noticed the share dialog box appeared halfway off the screen. Then I repro'd this behavior on ...
7
votes
0answers
46 views

Cannot view “Delete this answered question?” dialog on small screens

I thought about deleting a question recently, so I clicked the delete link. The Delete this answered question? dialog appeared, but it was not entirely visible on my small iPhone SE. Worse, I ...
10
votes
1answer
84 views

No review, only hats

I can’t see the review or help icon in the top bar. All I see is hats and some other stuff: The help icon is typically missing for me when I unlock review. But it’s blocked by hats even on sites ...
3
votes
0answers
23 views

Search box on advice page missing on mobile web

It’s pretty simple: compare this page using desktop view with the screenshots below of the mobile version: What Shog calls the “most important part” of the page is missing: the search bar. Also, ...
5
votes
0answers
62 views

Site analytics looks broken: “responsiveness” and “yandex.rug.stackexchange.com”

I noticed some problems on the site analytics page. I saw these problems on ELU, but they could happen anywhere. First of all, the page is "responsive", which apparently means that as the browser ...
7
votes
1answer
119 views

Allow users to use responsive theme on all sites while logged in on a mobile browser

I (like many SE users) prefer the new responsive theme offered by SE as it has far more functionality and is simply more appropriate for my needs. However I must manually scroll to the bottom of each ...
7
votes
1answer
65 views

Responsiveness breaks image proportions

When responsiveness is enabled and page width is small enough the image proportions are broken: This behavior also affects both SE apps: Android and iOS. But in case of app you can’t disable it.
3
votes
0answers
31 views

Winter Bash top bar not responsive enough on very narrow screens

I like the responsiveness of the Winter Bash page, but I found one small problem: on very narrow screens, the user information in the top bar will shift down and overlap the Winter Bash logo: It's ...
19
votes
0answers
139 views

Flag-summary page is *mostly* responsive, but post titles overflow into the stats box

I see this on my flag-summary page: At first I thought this was because not all pages on the site are responsive yet, but this one (otherwise) seems to be. The stuff on the main part of the page re-...
13
votes
0answers
67 views

Responsive design makes it impossible to select a mod message template on mobile [duplicate]

I just tried to select a mod message template to compose a mod message. However, since that's basically impossible without a mouse (a complaint for another time), I switched to mobile. However, I got.....
119
votes
9answers
10k views

Responsive Design Themes - What can sites customize and how can they get changes implemented?

Update: We've begun working on new site designs and the information below also applies to them. I've added a new section about it and adjusted some of the guidelines as they've changed a bit. There ...
10
votes
0answers
82 views

Too many hamburgers and not enough space for icons

This is how the new responsive design looks on a narrow screen when you have a lot of stuff going on in the top bar: This is how it looks when you narrow the screen a bit: The help and the review ...
23
votes
0answers
278 views

Responsive design now available on all sites; new theme customization coming soon

It's been a long process, but the changes we announced back in March are done. Most sites will see their new themes live for all users on November 30. Some sites with blocking issues may have to wait ...
3
votes
2answers
39 views

How to show only new questions (with the new responsive theme)

As an administrator, I want to see all new questions that are posted to the site. Starting from the site's homepage https://softwarerecs.stackexchange.com, how do I show only new questions, in as few ...
5
votes
0answers
52 views

The “choose a template” modal for moderator messages is obscured on my mobile browser

If I attempt to create a Moderator Message ("contact user privately") in my mobile browser (Chrome on Android) for Mi Yodeya, with the new responsive design, the modal that allows me to pick a message ...
48
votes
2answers
385 views

On sites with new responsive theme, word wrap on long titles breaks in the middle of a word

For sites that have the new responsive theme enabled, where the "Ask Question" button is in line with the question title on question pages, the word wrap on long titles is not working correctly. It ...
5
votes
0answers
34 views

Cannot edit leftmost tags on a mobile device in the new responsive design

When I'm on a mobile device with a narrow viewport, I am unable to edit or remove tags that are on the left hand side of the tag edit bar. I am only able to reach the rightmost tag or, if it's short, ...
8
votes
0answers
41 views

Editing the duplicate list doesn't really work on mobile with the new responsive design

When trying to add a duplicate target to a closed question on my iPhone, I'd like to paste a URL in the box where you're supposed to 'search, or enter a question link or numeric id'. However, the ...
7
votes
0answers
29 views

Please display editor and poster flairs side by side on smaller screens

This is the normal situation: This is the situation on screens 965px or less: However, we still have a large gap where these could fit, and it pushes the content down. I would prefer it if ...
6
votes
1answer
93 views

Horizontal scrollbar on responsive sites I don't belong to

On sites that allow you to post an answer without logging in I get a horizontal scrollbar even when the site has a responsive design, probably due to the sign up/login boxes: Example links to sites ...
2
votes
1answer
50 views

Nomination edit page not responsive enough (yet)

The page for adding/editing your nomination during an election has been made (partially) responsive already; the top bar is optimized for the small width and the sidebar widget is moved to the bottom. ...
10
votes
0answers
67 views

Rendering bugs with smart quotes in default font stacks

SUMMARY: The default font stacks using the old 1990s Microsoft fonts don’t work well because of collisions with smart quotes. Those font stacks all need adjusting, and quite possibly should be served ...
32
votes
0answers
218 views

Ransom-note problems with IPA and Greek under new font stacks

When you stitch together letters from multiple typefaces, your text begins to resemble a ransom note that pastes together cut-outs from different newspapers and magazines:                             ...
7
votes
0answers
67 views

Tracking set too tight on uppercase text-transform CSS

You have a bunch of CSS elements that include: text-transform: uppercase But you are not correcting the letter-spacing at the same time — and under your setup, you need to. That’s because normal ...
7
votes
0answers
66 views

Make “Disable Responsiveness” persistent even when cookies are cleared / not allowed

Please add an option to make the "Disable Responsiveness" button persistent At the moment it seems to rely on cookies set in the browser. This means that the setting is lost if cookies are cleared or ...
13
votes
0answers
276 views

Unchanging font size, leading, and measure are incompatible with dynamics of responsive design

The new Responsive-Design theme doesn’t work for small viewports — nor for very large ones either! In the new, would-be “responsive” design, the actual font size used does not vary as a function of ...
14
votes
1answer
165 views

Some profile pages are messed up in sites with the new responsive design

Few examples across the network: MSE: Physics: IPS.SE: Can this please be fixed? Pretty sure it's related to the responsive design or left nav bar somehow, though can't see what's ...
2
votes
0answers
35 views

Top bar resized and overflowing on reputation change

In the normal case I don't see reputation points on the top bar on my Android phone: But it seems that after a positive reputation points change (green indicator on achievement icon) the top bar ...
2
votes
0answers
36 views

Responsive design squashing user image on profile page [duplicate]

When a user includes a large image in their "About me" section it appears to squash the user image on the left of the page. Reproduce here: https://scifi.stackexchange.com/users/54887/aegon ...
3
votes
0answers
47 views

Review queues left menu bug

I want to report a bug in the layout in the review queues. As you can see there is a scroll bar on the bottom, so it's not responsive. That's not the problem. When I scroll to the right, the left ...
6
votes
1answer
99 views

Will Area 51 Discussions be getting a responsive design?

It's been said already that due to the age of Area 51's code base, it will not be affected by the upcoming design changes. However, the Area 51 Discussions site runs on a more modern code base, the ...
15
votes
0answers
120 views

Why do we have two sidebar columns instead of combining them into one?

I know that SE is committed to both left nav and responsive design, and I'm not trying to disrupt that. The main reason the new design isn't working well for me is that the new left nav combines with ...
11
votes
3answers
307 views

Why all the downvotes on “updated site theme is now live” announcements?

Why all the downvotes on "updated site theme is now live" announcements? I have just taken a sample and found sites with downvotes: Software Engineering's updated site theme is ready for ...
2
votes
1answer
44 views

What does the Home Screen do that the Question Screen doesn't?

I'm one of the folks that don't like the left nav bar (hanging out mostly on EESE). I tried hiding it, but notice that I constantly need to hit the "Questions" choice. If I just click on the site ...