Questions tagged [design]
For question regarding the design of the Stack Overflow website, e.g. for issues with the layout, use this tag.
1,556
questions
36
votes
1
answer
610
views
Please never remove clickable items in narrow displays
In light of this question on Stack Exchange Deprecating our mobile views, the seems to be some ongoing effort to update some of the views of the website, that didn't display optimally on mobile.
But ...
1
vote
0
answers
110
views
User Page is not responsive as width of screen decreases
Recently, I came to my user page to check how things were doing and I resized my tab to around 1260 pixels. Around this width, elements on the page became fixed and would no longer move relative to ...
0
votes
0
answers
197
views
"Last seen" information removed in new profile design? [duplicate]
Since the change of profile tab design (I assume three or four days ago), I've noticed the disappearance of the "last seen" information.
As it is shown in the below old design:
Is it ...
240
votes
2
answers
3k
views
Bring the "last seen" field back on "profile" page, please
N. B.:
This is not a duplicate of How could we know “last seen” and “profile views” in profile?, as this is a feature-request to return the "last seen" like it was presented before, w/o ...
57
votes
0
answers
456
views
Profile page is very empty, revert to old version?
This is what my profile page looks like:
Before today
Today
There is a lot of blank space on the right side where the links/stats used to be. Can we put it back there?
10
votes
2
answers
208
views
"Developer Jobs Directory": Headings have bad contrast when using dark mode
The headings in the Developer Jobs Directory have bad contrast when using dark mode:
This problem seems to have existed since dark mode was introduced, as it can also be seen in this capture of the ...
24
votes
1
answer
617
views
How are badges ordered on the user profile?
Here're my top three bronze badges on the main site, it seems they're ranked by class:
But if I go to my activity's badges section and rank them by class, the top three bronze badges are these:
...
10
votes
0
answers
115
views
Active link in navbar of moderator tools in darkmode has very low contrast
The label of the active tab on the navbar in darkmode in some of the moderator tools has very low contrast and is difficult to read. While the hover active is quite bright compared to other darkmode ...
11
votes
1
answer
330
views
Transparent notification popups and closed questions headers
On the main site only, the headers of closed questions look transparent now:
and so do the popups when flagging comments - but only the ones that used to have blue background, e.g. when flagging the ...
24
votes
1
answer
834
views
Badge style is broken when filtered to less than three
To reproduce, please select the "All" tab first and type keywords to filter out badges until there're less than three badges.
Two badges:
One badge:
No badge:
5
votes
0
answers
136
views
Design out of bounds from editor history page
I found this issue while on the revision page and the editor has a high reputation and many badges.
Reference : https://stackoverflow.com/posts/4683716/revisions
Tried at macOS Mojave v10.14.6 on ...
4
votes
0
answers
58
views
Style bug: "Select your next badge" window overlapping close button [duplicate]
The close button on the "select your badge" window overlaps with the word "badge". This was not an issue, at least for me, before today.
System notes:
OS: Windows 10
Web browser: ...
6
votes
0
answers
54
views
Irregular badge summary formatting on profile page [duplicate]
The following screen capture sums it up:
Have there been some recent UI changes to the site? This screen capture was taken from my Android phone.
18
votes
0
answers
178
views
Select Your Next Badge UI Element Misplaced
On the "Select your next badge" popup, the exit button is misplaced and written over the window title thusly:
macOS: 11.4
Safari: 14.1.1
This behavior is present on SO and Meta.
10
votes
1
answer
160
views
The font of the comments change after one adds/edits a comment
I noticed that after adding (or editing) a comment on articles, the font of the entire comments thread changes and remains changed until the page is refreshed.
Here's how it normally looks:
And this ...
14
votes
0
answers
187
views
Add a little space between the location input box and the warning message
Go to Edit profile and settings and enter an imaginary location in the Location text box, say, 'Sagiri Mountain'. You will be warned that this location isn't recognized ('We don't recognize that ...
8
votes
1
answer
205
views
Pluralization issue in the Profile page - badge count
There is a pluralization issue on the Profile page.
Due to the recent badge section changes on the Profile page, for the single badge count, it is showing as "badges" but it is supposed to ...
17
votes
2
answers
635
views
Why does Stack Overflow use a monochromatic logo in dark mode?
Out of curiosity, why was it decided to keep the Stack Overflow logo monochromatic in dark mode?
The light mode uses the colored logo. Wouldn't it have been a better choice to keep the logo colored ...
5
votes
1
answer
326
views
Emphasized, inline code is displayed in cursive and thus unreadable on my machine [duplicate]
When a user uses emphasis on inline code, like so: the quick brown fox jumps over the lazy dog, yes, THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG, it gets rendered in cursive on Windows 10, Chromium:
...
13
votes
0
answers
245
views
Long tag names cause user card to wrap to the next line and become incorrectly aligned
I have just noticed a bug in the questions page while scrolling the list of questions in the huawei-mobile-services tag: the user card is not correctly aligned to the right:
It is aligned to left, ...
16
votes
0
answers
183
views
Make Rollbacks more intuitive for <2k
zcoop98 answered 'How do you rollback?' a few minutes ago with an answer that shows how <2k rep users can suggest an edit. To quote that answer:
Using the "Rev" dropdown, simply select ...
2
votes
0
answers
117
views
Wrong links in "need debugging details" close message [duplicate]
The close message for "needs debugging details" contains two links. These links can be helpful, but the placements of these links do not make sense, and looks like an editing mistake.
The ...
9
votes
0
answers
99
views
Ask/answer date for community wiki posts should always be shown in the "owner" (rightmost) user card/user info
I just noticed that the "asked" and "answered" datetimes for Community Wiki questions:
(from .NET: bool vs enum as a method parameter)
And answers:
(from How to loop through ...
3
votes
0
answers
52
views
Overlapping titles in the reviewer queue [duplicate]
I noticed that in the "Review Suggested Edits" queue, a title that is too long overlaps with the edited version in the side-by-side view.
Is this a design issue or a bug?
Even after ...
10
votes
1
answer
158
views
Bug in CSS code of badges tiles [duplicate]
Don't know they are called tiles or whatever, but I refer to this.
I'm new to CSS, but I guess this is a very rookie bug, ahahah.
Considering that the problem does not occur here, where the same plate ...
9
votes
0
answers
94
views
Change to "1 question with new activity" display - bug or feature?
A while back I noticed that when the SO site shows me the message "1 question with new activity" (well could be more than 1, but that's not relevant), the layout has changed. This is when ...
9
votes
1
answer
323
views
The selected tab button in "Upcoming Stack Overflow Events" has an ugly color
I think the color of this button should be changed in dark mode because it is unreadable:
Second thing I noticed:
When you click / pass the mouse on these buttons, the color is the same as in Normal ...
7
votes
1
answer
216
views
Send feedback button disappear when reporting ad
When I try to report an ad in Stack Overflow, this popup comes up to report it.
But after I attach an image and select Other, the Send Feedback button disappears from the screen.
The main issue is, ...
11
votes
1
answer
231
views
Body scrolls above the company header
When visiting a company page (example) and scrolling down, the top nav bar (Jobs, Companies, Saved Jobs, etc.) disappears, and the main body & right sidebar can be seen through the hole where the ...
5
votes
0
answers
126
views
Any possibility to expand the view of the page itself?
I am struggling a bit when I want to see some code, some users have "long" code (let's say 150 characters in a line), so the default view is not enough and I have a 2k ultra wide screen (...
12
votes
0
answers
101
views
"Track the next one" color should be changed
In dark mode, when you pass the mouse on the Track the next one button when you earn a badge, the button looks like this:
Maybe the text color should be changed.
14
votes
0
answers
164
views
"This post has been edited since you began" - The color of "edited" should be changed
When you edit a post and another person edits it before you click Save edits, this message shows up:
Maybe the edited word color should be changed? Personally, I find it hard to see, flashing with ...
10
votes
1
answer
217
views
"New answers to old questions" for small screens
The "New answers to old questions" page is actually really difficult to read on mobile screens.
The actual result looks like :
It seems that the following meta tag is not present on this ...
15
votes
1
answer
380
views
How do I prevent data from our Teams account from showing up on Stack Overflow? [closed]
I have a free Teams Stack Overflow account (/c/spintype) but how do I prevent questions from the Teams from showing up on the main page?
There is for example, "spintype Recently Active Questions&...
6
votes
2
answers
191
views
Cookie settings dark on white theme and white on dark theme?
Is the following the correct behaviour or an error?
Stack Overflow is dark themed, but the cookie settings is white
on Meta StackOverflow it is white theme and dark cookie settings
5
votes
0
answers
110
views
"Take a tour of Stack Overflow for Teams" link is not working in the Stack Overflow Teams page - Firefox issue [closed]
In the Stack Overflow Teams page, right corner bottom there is a messenger option there. By clicking on that, it opened a popup and inside that there is a "Take a tour of Stack Overflow for Teams&...
17
votes
1
answer
237
views
Question list missing left margin/padding
The question list has shifted over to the left into the margin, Firefox 87.0.0-rc.1 (Build #2015799099) on Android 10.
Main site:
Meta:
0
votes
0
answers
49
views
Comment to this answer is overflowing, design issue or something else? [duplicate]
Comment to this answer is overflowing, design issue or something else?
https://stackoverflow.com/a/22648862/5208077
-7
votes
1
answer
162
views
Dark mode and contrast
Text in dark mode are not contrasty enough. On examination I noticed the text colour isn't white but near white (235 vs 255 rgb value). can we make the text color 100% white #fff or rgb(255,255,255).
5
votes
0
answers
86
views
Small CSS bug with <pre><hr> ... <hr> ... <hr></pre>
The following formatting strategy
<pre>
Line 1
<hr>
Line 2
<hr>
Line 3
</pre>
renders like this for me (in Chrome) as of March 2021 (image edited to be narrower so it doesn't ...
5
votes
0
answers
40
views
The layout gets messed up when new questions are loaded via ajax [duplicate]
The original questions seem to have the following HTML format:
<div class="mln24">
<div class="question-summary" id="question-summary-66433415">
&...
13
votes
1
answer
150
views
A scrollbar appears when hovering over the "New contributor" indicator
I was just checking the Meta questions to see if I could answer any when I noticed a strange bug on this question. After doing more investigation, it seems that this happens with any questions posted ...
5
votes
1
answer
99
views
Possible bug in Help Center > Contact
Under Help Center > Contact i.e., https://stackoverflow.com/contact,
When I clicked on I need to delete my user profile, and then selected I lost my password (without clicking on X), both dialog ...
-8
votes
1
answer
213
views
Is there a way to write console-like not selectable text?
I constantly ask this to myself when reading/writing Python related questions or answers, so I'll use the Python console as example, but I'm pretty sure it can be extended to other contexts.
See for ...
3
votes
0
answers
129
views
Missing home menu on left side from Meta Stack Overflow when checking all reviews
Since the new review look, I am missing the menu
On the left side from all the review queues.
See
It is no major problem, but it should be fixed.
7
votes
0
answers
71
views
Review tools tab names disappear in dark mode
I'm not sure how long this has been the case as I haven't been on the Review tools page for a little while, but I noticed yesterday that the selected tab name is essentially invisible due to having an ...
10
votes
0
answers
82
views
Strange animation after clicking "Edit tags"
When clicking Edit tags to use the inline tag editor, I get this weird-looking animation:
Also, reproduced on Meta/light-mode:
(Rapid flicker warning)
It appears to be some sort of progress ...
17
votes
1
answer
158
views
Request to change position of 'Looking for a job?' dialog
When I am reading a question, I see this 'Looking for a Job?' dialog:
See this video for more details.
I feel like the 'Related' dialog should be placed on top of the 'Looking for a Job?'. Because the ...
-23
votes
1
answer
168
views
Is "top 0.01% overall" really appropriate for Jon Skeet?
There is a brief assessment of your performance in the user activity screen, e.g. "top XX% this year". Just out of curiosity I looked up Jon Skeet. His assessment states "top 0.01% ...
19
votes
0
answers
157
views
Diamond symbol hidden on communities list
For a long time, I've relied on the diamond symbol next to the stack exchange links of a user's community list to see which (if any) site a user moderates, like this (Tim Post's communities):
But if ...