Questions tagged [design]
For question regarding the design of the Stack Overflow website, e.g. for issues with the layout, use this tag.
1,498
questions
12
votes
0
answers
42
views
When viewing a question's edit history that includes tag edits, the opacity is broken when hovering over a tag
I noticed that when you view the edit history of a question with tag edits and hover over a tag that the opacity of the popup is broken.
18
votes
1
answer
176
views
Icons within the community menu are oddly misaligned
This is my screenshot of this bug.
But there are more than 100 bugged images (on Role-playing Games, etc...).
And some images are not bugged.
10
votes
0
answers
85
views
The search dropdown does not hide when it loses focus
To reproduce:
Open the Stack Overflow home page.
Tab into the search bar. A dropdown panel will open like it should.
Press tab thrice to move to the profile icon on the navbar. The panel should close ...
18
votes
0
answers
528
views
Question link color in dark mode is hard to read
I'm usually using dark mode on every website if it's possible.
For me, on SO questions become really hard to read because of the bad contrast of link colors - so i switched back to light mode.
EDIT:
...
9
votes
0
answers
64
views
The info icons in the left sidebar on Stack Overflow are misaligned
In the left sidebar on Stack Overflow, the info icons () next to the Teams and Collectives headings are misaligned:
-3
votes
0
answers
116
views
Stack Overflow CSS content is not loading [closed]
When I open Stack Overflow on my PC it will open, but without CSS. Because of this I am unable to use the site on my pc. When I open Stack Overflow on my phone it will open normally.
I tried different ...
4
votes
0
answers
77
views
Partial option box visible issue in "Users and permissions" page
On the "Users and permissions" page, the "ROLES" option dialogue box is partially visible due to the grid's height. I can see the full content by scrolling the dialogue box, but it ...
15
votes
0
answers
118
views
Enhance close and delete links [duplicate]
While we are currently running A/B testing on button styling for vote arrows, I am wondering whether the Close and Delete links on posts could also be enhanced in terms of UX.
Here is how the Close ...
28
votes
0
answers
387
views
Revert to the old Upvote-Downvote buttons' design [duplicate]
This doesn't look good and doesn't match Stack Overflow's UI standard and design style. Please revert to the old design.
3
votes
0
answers
50
views
Extremely low contrast in 2022 Developer Survey results [duplicate]
The "All countries" tab in the "Geography" section of the 2022 Developer Survey has extremely low contrast. This affects readability. On low brightness, it is hard to see that ...
8
votes
0
answers
77
views
Wrong icons shown in reputation drop down
While on the academia SE, I clicked on the reputation button and saw this:
I actually don't recognise the icon next to all those StackOverflow reputation changes, but it's obviously not correct. On ...
10
votes
0
answers
143
views
Prevent Bulletins from following the White Rabbit
Please do something about the size of the Bulletin headers in Collectives. The header takes about 1/3 of the viewport on any decently-sized monitor.
While we are at it, please fix the sizing of the ...
9
votes
0
answers
57
views
Button Overflow™ on bottom sign-up banner at some browser widths
The bottom banner asking you to sign up is responsive, but at some widths the leftmost sign-up button and the close button are only partially visible:
(Safari 15.5 on macOS 12.4)
1
vote
1
answer
144
views
Where did the "Share" link go? [closed]
I'm trying to link to another user's answer here on Meta. There used to be 2 ways to obtain a direct link to any question / answer:
If I recall correctly, there used to be a "share" link ...
4
votes
0
answers
54
views
On mobile; comment menu has items of varying size, and rotating the phone changes them
For some reason just one of my comment notifications is larger than the rest:
If I rotate the phone from portrait to landscape nothing much changes:
But oddly, when I rotate it back, everything in ...
3
votes
0
answers
64
views
White text color on white background in companies filter search bar
On the "Best Companies hiring developers" page, when I was adding tags to filter the companies, I noticed that when a dark theme is selected the colour of the text and filter-search bar both ...
5
votes
0
answers
59
views
Strange line break in "Track next privilege/tag badge" popup
As shown in the image below, the popup seems to be too small for the text.
I encountered this same issue on Opera, Edge and Chrome browsers.
3
votes
0
answers
63
views
Link in inline code not changing color when visited
In the screenshot below, both links have been visited, but the color of the second link still remains a darker blue.
I think this is fixed in light mode, but I couldn't really tell because my eyes ...
3
votes
0
answers
106
views
Layout changed after I created a team. How can I get the old layout back?
I created a team yesterday. Since then, the layout of the page where it shows all the questions on the searched thing has changed. Now it shows both answers and questions and does not show the filters ...
10
votes
0
answers
118
views
Can we talk about the color of Collectives banners on dark mode
I'm an avid dark mode user, and for the most part I'm pleased with it. But take a look at this page I encountered earlier today.
Tell me where your eyes immediately wander on this page. I see a bunch ...
29
votes
1
answer
204
views
Vote duplicate for Gold tag badge when I added tag myself, shows HTML content in message
I just voted duplicate on a question and got this popup. Why is it showing HTML tags?
Note: I know what the popup is for, and why I got the popup is not the issue here. The HTML content in the popup ...
12
votes
0
answers
101
views
"Your Daily Reviews" progress bar floats left in Triage, since there's no "Filter" button
When looking at the review queues, there are four that are available to <2k rep users:
The daily reviews has a progress bar justified to the right.
For the Triage queue, you can see the progress ...
8
votes
0
answers
121
views
Word breaking in question titles of question list is too aggressive
Recently a change was made that resulted in question titles in the question list having word breaks, presumably to resolve issues with question titles with an incredibly long "word" in them. ...
4
votes
0
answers
68
views
Comment with `code` renders way out of container [duplicate]
Dont know if this is a well known issue for some older comments (after the change to highlight.js), but have not seen this before myself :
The comment in question is this. Absolutely nothing is wrong,...
3
votes
0
answers
57
views
SO mobile site showing scrollbars
Running:
Android 10
OnePlus 5
Brave Browser
I'm seeing these scrollbars when opening the site.
The first one seems like more of an issue in Portrait mode:
In landscape, the side bar just auto opens ...
4
votes
0
answers
66
views
Badge tracker on profile wraps oddly
On my profile page, where I am currently tracking the jenkins badge, it's basically impossible to see that the progress bars are associated with the badge.
The wrapping is probably caused by my ...
12
votes
1
answer
189
views
HTML Tags showing in text area
I tried deleting my question after it got closed and it gave me an error saying that I can't delete it due to people having invested time into it. However, the <a> tag is visible inside the text ...
12
votes
1
answer
139
views
The search field in the top bar is tiny
Recently, the Stack Overflow search field has become tiny. This screen shot is from Mobile Safari on my iPad in portrait orientation:
The tiny search field doesn't expand when I tap in it, so it's ...
7
votes
1
answer
86
views
Log in / Sign up buttons very close
The buttons "Log in" and "Sign up" are very close to each other, there is no margin:
I think, this used to be different.
2
votes
0
answers
87
views
Problem with upvote warning message [duplicate]
I don't know if this is the right way to bring it to notice, but when upvoting your own question (I know you can't) the warning message displayed is scrambled with special characters. Some problem ...
5
votes
0
answers
58
views
Stack Overflow Error Message <a> tags likely not being displayed correctly [duplicate]
Consider:
This is how I am seeing the <a> tag in the notification of not enough reputation points. Is this intended?
3
votes
0
answers
135
views
You need at least 15 <a href="/help/whats-reputation">reputation</a> to cast a vote, but your feedback has been recorded [duplicate]
First post here. Very minor UI bug - was upvoting the question here. I don't have enough reputation though.
A popup comes up like this. The popup contains raw HTML rather than text. Tried refreshing ...
22
votes
1
answer
364
views
Text in pop-up notification messages is incorrectly encoded (renders with HTML escape characters)
Very minor UI bug - was voting to delete an answer here (5 years late, and doesn't add anything new) but could not due to misclick, and saw in UI that an apostrophe character is rendered with html ...
-11
votes
1
answer
209
views
Can normal people suggest their own filter design? [closed]
Today we can see that there are many cool designs available for the user interface with some people's names. For example, "Bookface by Tom" and so on.
Are they staff or moderators or just ...
46
votes
4
answers
14k
views
How do I disable Stack Overflow Filters (the April Fools themes)? [closed]
I just logged on to Stack Overflow, and there was a message introducing filters. But for some reason I didn't think and reloaded the page, and then there was no filters menu. I also looked in settings,...
52
votes
0
answers
832
views
Frisa Lank: The most readable Stack Overflow yet! [duplicate]
Many thanks to whomever designed the "Frisa Lank" April Fool's Day theme for Stack Overflow!
It's by far the most readable and usable Stack Overflow CSS update I've seen yet! Nice contrast....
87
votes
4
answers
1k
views
New reputation activity indicator looks unfinished
A new activity indicator design has been available on Stack Overflow for a few minutes now. I know people have different tastes, but this activity indicator doesn’t look good. It looks a bit ...
9
votes
0
answers
90
views
Please make the 'select your next badge' modal normal-sized again, at least for full-size devices
Today I have noticed the "Select your next badge" modal window has become tiny, cramped, and hard to read due to smaller font-size. I am not sure when this changed (I do utilize custom user ...
-22
votes
2
answers
244
views
What is the point of showing the "sorted by" options when there is only 1 answer?
What is the point of showing the "sorted by" options when there is only 1 answer?
2
votes
0
answers
63
views
Close button when trying snippets on full screen might not be noticable
On my recent question, since I was trying the stack overflow snippet in full screen for the first time I couldn't notice that there was a close button on the top right corner, and that would be the ...
2
votes
2
answers
196
views
Typing out nicely formatted code on a cellphone is a far more awkward experience on the responsive UI than the old mobile site was
The box I'm typing in right now, on my iPhone 11 mini, seems to be 36 characters wide before it wraps. That's less than half the width of a 1970s punch card; I think it's fair to say writing code into ...
3
votes
1
answer
122
views
Can't upload profile image on small screen sizes / smartphone
I try to Change my Profile Image on Stack Overflow but I can't Upload the Image with Opera Browser in my Smartphone. The loaded layer when I push Upload New Image is Not responsive.
I can't resize the ...
5
votes
0
answers
60
views
Products doesn't fit on mobile
Products link in nav bar doesn't fit and activates horizontal scrolling in icon area:
It needs to responsively disappear, probably (... or just permanently disappear, it's not very useful, everything ...
14
votes
1
answer
118
views
Collective pages have two question lists elements with the same ID
On a collective page (e.g.: Google Cloud), there are two question lists with the same ID.
This makes it difficult to select the second question list containing the questions using a userscript, since ...
6
votes
1
answer
128
views
(Down)vote tooltip gets mixed-up with tags
For specifically short questions, I noticed that the downvote tooltip (I guess that there is no short enough question to be affected by the upvote tooltip) gets mixed-up with the tags and links under ...
5
votes
0
answers
45
views
Full screen snippets has an incorrect z-index in post revisions
Example post with a snippet https://stackoverflow.com/posts/71191950/revisions
Click "Run code snippet" and then click the "Full page" link
The top bar, side bar, and post ...
4
votes
0
answers
76
views
Questions with both Ignored and Watched tags are styled in a way that draws visual attention
Why do Ignored Tags not override the visual highlighted effect (where the background is a lighter color)?
If a question has tags that are both Ignored and Watched, I would expect that the question ...
-9
votes
2
answers
135
views
How can I manually add 4 spaces to code in Stack Overflow answers? [duplicate]
Whenever I paste any code in Stack Overflow by just copying it from Visual Studio Code and pasting it here in the answer field, it shows that I need to add 4 spaces in every line of code so that it ...
2
votes
0
answers
101
views
Redundant Highlighting of Posts and Tags With Watched Tags [duplicate]
Similar to this answer posted 2 days ago regarding the word "Watched" being highlighted unnecessarily, the new design introduced today has the same effect of drawing user's attention away ...
2
votes
0
answers
67
views
Has the phasing out of the mobile specific site in main areas begun?
I recall reading a meta post some time ago that the mobile version of SO was going away, set to be replaced by a responsive version of the regular site. I note as I write this question the edit box is ...