Questions tagged [responsive-design]

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

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:                             ...
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 ...
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-...
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 ...
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 ...
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 ...
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 ...
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 ...
10
votes
0answers
49 views

Helpful sidebar content is down below

Currently, when the window becomes too narrow, the whole right sidebar is just appended below the whole main column. That is bad for two reasons. Parts that are immediately related to the top and/...
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 ...
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 ...
8
votes
0answers
74 views

Responsive design on a phone indents posts and comments too much

This is what a question on MSE looks like on my phone, with left nav turned off: For comparison, here is what a question from a site that doesn't yet have the responsive design looks like: Long ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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. ...
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 ...
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 ...
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, ...
5
votes
0answers
48 views

Too much horizontal space on mobile

On a mobile device, the responsive design mostly fits a single page, but the "Post as guest" pushes out and increases the horizontal space for the whole page. In the image above, the red line is ...
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 ...
4
votes
0answers
36 views

Answer count is not aligned horizontally in responsive design

In case of the existence of answers for questions in responsive design the middle block text is slightly (~2px) shifted to the bottom: This makes me nervous.
4
votes
0answers
14 views

Show “edited” in one line with “posted” if possible in responsive design

I just noticed on my iPad, that “edited” block is displayed above the “posted” block in case of responsive design: In old (normal) style both items are displayed in single line: As you could ...
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 ...
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 ...
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, ...
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 ...
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 ...
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 ...
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 ...
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
19 views

Tab switch in responsive design should be allowed to wrapping

For very narrow width of the page view area the tap switch should be allowed to wrapping. It draws outside the page layout instead:
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 ...