Questions tagged [design]
Use this tag for questions regarding the design of the Stack Exchange websites; e.g., for issues with the layout.
3,827
questions
5
votes
0
answers
63
views
Why is there a non-functional dropdown menu in the top bar while viewing users' network profiles? [duplicate]
Within the last hour or so, I've noticed that, when viewing a user's network profile, there is an additional icon in the top bar:
It looks like it's intended to be some sort of dropdown menu, but ...
9
votes
0
answers
65
views
Why not have the editor with two horizontal panes instead of a vertical layout?
I was wondering why the preview is below the question's editor and not to its side?
A long question may require scrolling up and down to check the layout.
The window in which to type a question is ...
3
votes
0
answers
43
views
Question summary tooltip shows incorrect text when a question has only one [accepted] answer
Currently, this is the tooltip you see when hovering over the green box in the question summary:
one of the answers was accepted as the correct answer
When there is only one answer (which is ...
2
votes
0
answers
78
views
Question is now closed - text not vertically centered in box
I noticed the following message isn't vertically centered in the box, but I think it would look better if it did.
This question is now closed - please refresh the page for updated status.
4
votes
0
answers
85
views
Is there a way to make the text size of special formatting like subscripts and superscripts larger? [duplicate]
On Math Stack Exchange, people use a lot of sub/superscripts and it gets very difficult to read with how small the font sizes are. Even worse is when people make in-text vectors with subscripts (with ...
-4
votes
0
answers
67
views
Support the <details> syntax for collapsible/expandable sections in Markdown posts [duplicate]
When posting, I would like a way to show a collapsible section that adds value, but it might be distracting to have in full while just reading though the post casually, or adding extra details that ...
7
votes
0
answers
60
views
Orphaned "close this dialog" dialog when viewing a completed election as a moderator on mobile
When viewing a completed 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 ...
7
votes
0
answers
40
views
Properly insert breaks in titles on the profile's reputation page
I was browsing a user's profile, when I saw this monstrosity:
In the screenshot, the first and third line look fine.
The last line looks okay-ish. I'm impartial if the title should break here, or ...
12
votes
1
answer
90
views
Alignment issue in the toggle for tracking a tag badge/next privilege
There's an alignment issue in the toggle for tracking a tag badge/next privilege:
10
votes
1
answer
68
views
"API" list item in the footer is misaligned on smaller-width viewports
Here is a screenshot (freehand red circle included) of the "API" list item misalignment when the @media screen and (max-width: 980px) media query kicks in for viewports of less than 980px ...
30
votes
1
answer
417
views
Every site just turned blue
Probably not intentional, but every site's theme just turned a(n admittedly nice) shade of blue.
CGCC:
Infosec:
Cooking:
]
Worldbuilding:
6
votes
0
answers
95
views
Expand the horizontal viewing area of Stack Overflow
The original Stack Overflow question/answer viewing area is too skinny to show the complete code at once, and it doesn't expand with respect to the width of the browser. I'd like to expand the viewing ...
2
votes
0
answers
23
views
Display bug on code block in comments [duplicate]
I noticed this display bug on a comment, where the spaces inside code block is extended well past the comment width, and well beyond the content width as well, bleeding into the margins.
3
votes
0
answers
94
views
Topbar sometimes detaches from the top
Sometimes (not always) while browsing Stack Exchange I notice that top bar tries to escape its position, and an annoying margin appears:
It is not really predictable. It could happen when I check ...
24
votes
0
answers
157
views
Make notification and reputation counts bigger again
The top bar's recent problems were mostly fixed, however there's still one thing that bugs me:
The number is smaller than before, and harder to read. Compare with how it used to be before the changes:...
14
votes
0
answers
162
views
The top bar on Area 51 is malformed
The top bar on Area 51 seems to be malformed:
For a while now, Area 51 has been using an older version of the top bar on Stack Exchange sites, that better conforms with its 2011 design. However, it ...
7
votes
0
answers
84
views
Search bar is cutting out parts of the characters [duplicate]
The search bars are cutting out the bottom parts of some characters with descenders (like g). This is annoying since some of the letters look pretty similar with this (like g and q)
The text above ...
11
votes
0
answers
91
views
Moderator flair and "Meta user" link overlap
Moderator flair and "Meta user" link overlap sometimes, eg from https://travel.stackexchange.com/users/9009/jonathanreez on Chrome for Android on a Google Pixel 6:
8
votes
1
answer
106
views
Unable to customize cookie settings on stackoverflow.co
I wanted to look something up about the company and the About link took me to the new marketing site for Stack Overflow. I got the cookie privacy notice and it initially appeared as it's supposed to. ...
48
votes
2
answers
304
views
In the new top bar, the moderator diamond no longer changes color to indicate new inbox messages
The title says it all—this is yet another regression with the unannounced, untested, unwanted launch of the redesigned top navigation bar. Moderators have a diamond icon in their top bar, which is ...
38
votes
3
answers
435
views
Can I dim the top bar?
The color changes to the top bar now make it SCREAM AT THE USER .. as if it contained neon icons. All the icons are an eye magnet with the dark background.
It's not so bad on Stack Exchange sites ...
19
votes
0
answers
158
views
Unwanted horizontal scrollbar, when rep hits 10k+ (plus badges)
I am facing a little CSS annoyance with the top bar containing my rep count representation:
Can we get rid of that horizontal scrollbar please. If necessary shorten the rep/badge info from the ...
9
votes
0
answers
99
views
Topbar on mobile clogged: here’re some suggestions
Below you can see how topbar looks on mobile currently:
Oh sorry, wrong photo
There was a question regarding topbar overflow. I’d like to go slightly further:
“home” not needed, since the logo* (“...
26
votes
0
answers
174
views
The new forced-frame-with-white-background causes issues to user avatars that contain transparency
It appears that the new design that has been rolled out recently forces a frame with a white background when displaying the user avatar at the top of the page.
I'm kind of forced to use gravatar to ...
45
votes
2
answers
322
views
The top bar's Stack Exchange logo is permanently max-width and squeezes out the site switcher on mobile, requiring scrolling to access
The newly updated top bar has come with a change that's kind of inconvenient on mobile: the “Stack Exchange” logo is full width always, and this squeezes out the site switcher, requiring people to ...
96
votes
5
answers
744
views
Option to remove fuzzy outline and restore clarity to the counts on new top bar
I don't normally care much about these things, but the new fuzzy outlines (and related changes) on the numbers of unread messages / rep delta really hit my eyes wrong (and my eyes are already ...
7
votes
0
answers
60
views
Style for chat top bar is broken [duplicate]
Where to find: the main chat domain. For example https://chat.stackoverflow.com/ or https://chat.meta.stackexchange.com/ both have the same problem:
SE chat:
SO chat:
On the top, the user ...
47
votes
1
answer
381
views
Chat top bar styling is broken
The most recent rollout of the new top bar design broke the styling for the chat top bar - can this be fixed, please?
8
votes
0
answers
102
views
Why is the header bar suddenly brighter and with a different layout? [duplicate]
Before:
After:
In particular, the profile picture seems a bit jammed in, and the icons have gotten visibly brighter.
What is this change and why did it occur?
6
votes
2
answers
115
views
Header hiding top of page on Firefox [closed]
With the latest layout (rev 2022.3.30.41810), the top of the main content goes under the header:
As you can see, the page is scrolled all the way to the top.
The problem exists in Firefox 98.0.2 on ...
87
votes
7
answers
1k
views
What is the idea behind the new top header icon color?
Before
After
If this was intended, what's the idea behind this?
More 'readable'?
The change seems to be platform wide, but due to the white background color on SO it does not seem to have any ...
6
votes
0
answers
38
views
Hovering on a search result tag should give the option for adding to the search
When searching I don't always think to add relevant tags, or I discover a new tag that might help narrow down my search.
To make the process smoother, could a button to 'add to search' be added to the ...
9
votes
0
answers
51
views
Questions loaded via live refresh miss padding
A picture says more than a thousand words:
(Firefox, macOS, all latest versions)
13
votes
1
answer
122
views
Is it intentional that the question titles on per-site metas are now orange?
Looks like this again Some per-site-metas are orange - again? except it is the link styling and not the other parts of the page.
Sites I visited with the issue: ELL, EL&U, The Workplace.
-1
votes
4
answers
270
views
Is there a way to differentiate between transparent and white parts of images?
I saw an answer that displays a transparent image with a white circle in the center. Is there a way to differentiate between the two parts?
I know that I can right click on the image and open the ...
3
votes
0
answers
98
views
Self-accepting an answer shows 0 rep in green instead of gray
When you accept an answer that you wrote for your own question (self-accepting), the event in the reputation history correctly shows 0 rep earned, but it incorrectly displays it in green:
...instead ...
-5
votes
1
answer
230
views
On Code Review SE, I see curly braces "{}" with reputation [closed]
On Code review SE, the design in the top navigation bar shows curly braces '{}' with user reputation. Here's a snap for reference. Looks like a design flaw.
20
votes
1
answer
233
views
The new answer sorting menu appears in English even on language specific sites
It appears that the new sorting menu has been rolled out network-wide, but no exception was made for our language specific sites:
Stack Overflow на русском (Question from screen capture)
Stack ...
7
votes
1
answer
63
views
Capitalization issue in the answer sorting menu
In the answer sorting menu, "Highest Score" is in title case, whereas the other two options are in sentence case:
The screenshot provided in Revisiting changes to answer sorting menu: ...
8
votes
1
answer
174
views
Answer sorting menu is cutting off the bottom part of letters
When sorting things by the default sorting, the 'g' from the word 'Highest' is cut off.
I'm using Chrome, at the most recent version (99.0.4844.82), and my zoom level is at 100%. If I zoom out to 90% ...
8
votes
0
answers
78
views
The date overflows the reputation graph's tooltip bounds [closed]
In the reputation subtab on the Activity page, in the graph view, there's a bug:
The year (e.g., 2022) does not fit in the tooltip (shown when you hover over a bar on the graph).
I'm using Chrome, ...
6
votes
0
answers
30
views
Links in nomination flag descriptions aren't colored unlike for Q/A's
The links ("does not disclose the author's affiliation"
and "inappropriate for respectful discourse") aren't colored for the "spam" and "rude or abusive" flag ...
4
votes
0
answers
43
views
Inconsistent whitespace between statistics and tooltips in the Impact summary
On the Activity page, in the Summary subtab, there seems to be an inconsistency in the amount of whitespace between the statistics and tooltips in the Impact summary. The spacing is fine between the &...
5
votes
0
answers
71
views
Inconsistent alignment in the reputation summary
There seems to be an inconsistent alignment in the reputation summary. For example, on Stack Overflow, a user with 147 reputation has the following alignment:
However, another user with 172 ...
3
votes
0
answers
79
views
The code used in code blocks for Stack Overflow has changed after I installed some new fonts on my system. How can I change it back?
I was installing and testing new fonts in my macOS for use in Visual Studio Code. After I was finished with that, I noticed the font has changed in Stack Overflow code blocks to one I do not prefer.
...
11
votes
0
answers
81
views
Can we make post editors and answerers more visually distinct?
I genuinely mistook a post editor for a post answerer. Admittedly this was on mobile view (the layout, not the alternative site mode, as that mode has been removed as far as I can tell) but it's also ...
9
votes
1
answer
147
views
Rep history color bugs again
Today I upvoted an answer that was unaccepted, and now in the author's reputation history I can see a -5 event, but it's not red, it's green!
But I thought this was fixed last month?
3
votes
0
answers
45
views
Achievements icon is always highlighted on stackexchange.com when there is reputation change, even without any new achievements [duplicate]
This is what I see now here on MSE, and any other SE site:
And this is what I see on stackexchange.com:
Note the subtle difference: se.com showing the icon itself highlighted green, as if there is ...
14
votes
0
answers
82
views
Empty banner on election page for future elections
When viewing the election page of an election which hasn't started yet, there's an empty blue banner at the bottom:
It should either be hidden, or filled with something like
Nominations will start ...
8
votes
1
answer
125
views
User card Overflow / Underflow ™ on non-English sites
On this question on Stack Overflow en español, the text on the user cards for both the author and the last editor cause an overflow/underflow: