Questions tagged [responsive-design]
For questions related to how the site looks, feels and behaves when its responsive design comes into play
11
votes
0answers
58 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
37 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
49 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
51 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 ...
12
votes
1answer
144 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
18 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
42 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
63 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
95 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
34 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
45 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
21 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
60 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
116 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
136 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.....
121
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
274 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
51 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 ...
49
votes
2answers
375 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
40 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
28 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
1answer
78 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
47 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
66 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
207 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
66 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
64 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
263 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 ...
15
votes
1answer
164 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
34 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
89 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
117 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
305 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 ...
1
vote
1answer
43 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 ...
13
votes
15answers
677 views
Responsive design for international sites has been released
I am excited to announce that international sites have gotten the new responsive design Wednesday, September 26th.
Last week, all beta and undesigned sites got the new theme:
Some things to be ...
14
votes
1answer
152 views
Does the new unified design theme result in more off-topic questions where lost users asked on the wrong site?
This is partially a request for opinion, and partially a request for statistics.
For a very long time, Meta Stack Exchange has suffered from a problem where a lot of users ask blatantly off-topic ...
52
votes
26answers
13k views
Responsive design released for all Beta & Undesigned sites
This is now out for all of the sites
We've had the new default unified theme up on Programming Puzzles & Code Golf for a month and a half now and the response there has been really positive. We ...
20
votes
3answers
150 views
Updates to error states
We have updated error states for Ask a Question to use a new inline style that works better for smaller screens.
New error state
Old error state
42
votes
2answers
576 views
What’s the redesigning campaign – in a nutshell?
On my favourite site, a new design was announced. It contained a lot of links to posts which in turn contain a lot of links, answers, timelines, and references to stuff like Teams which is not ...
