Questions tagged [design]
Use this tag for question regarding the design of the Stack Overflow website, e.g. for issues with the layout.
1,347
questions
86
votes
3answers
654 views
Weird flickering effect when changing vote
So, I mistakenly down-voted a question and noticed a weird flickering effect which caught my eye:
It seems related to the opacity during the animation.
OS: Windows 10
Browser: Chrome; 70.0.3538.110 ...
86
votes
0answers
1k views
Please improve the criteria for the “Welcome back” message
The message to a user to remember to vote on questions and answers is a good thing, for those users that do not know to do so. It is very annoying to many users, as evidenced by Disable "don'...
85
votes
1answer
1k views
“I'm Interested” and “I'm Not Interested” are not properly aligned
This happens on the jobs messages page (https://stackoverflow.com/jobs/messages) in the inbox. On the below screenshot, the "I'm Not Interested" button is a bit lower than the "I'm Interested" button.
...
84
votes
0answers
1k views
Can the “edited” information always be kept to the left of the post owner's information?
tl;dr:
Could the "edited" information be kept to the left of the post owner information (instead of reflowing to be above it) until it's too narrow to fit?
If not, could the 32x32 px div for the ...
83
votes
1answer
808 views
Return old colors for review buttons
Today I noticed the new layout of Stack Overflow. I have (almost) no comments; I love it, but the only thing that makes my eyes bleed are the new buttons:
They used to be dark and fit in perfectly. ...
83
votes
2answers
951 views
Left nav bar thingy has too much whitespace
Related: Too much whitespace at MSO's top
Related, not a duplicate. If anyone is voting for this as a dupe of something else, pick the thread where it's mentioned in the answers: Live: Left nav, new ...
81
votes
3answers
1k views
Request for redesign to have better compatibility with 1024px-wide displays
The last time the 1024px issue was brought up was in early 2015. I wonder what the user metrics are now it's 2017.
Personally, while I do have other machines with bigger displays, I'm currently ...
80
votes
1answer
999 views
Use consistent shades of green/red for reputation gains/losses
There are currently three different shades of green (or red) used to show reputation gains (or losses), depending on where you view your reputation.
The colors on the recent achievements dropdown (1) ...
79
votes
3answers
2k views
The new design is completely unusable on mobile in Desktop mode
The problem
The new design completely broke the appearance of the website on mobile (Firefox on Android) rendering it completely unusable. It is one long strip with the menu, then many, questions, ...
76
votes
1answer
596 views
Top bar reflows after page load, breaking muscle memory
I don't like web pages that "reflow" (i.e. modify the already visible layout), because when I see an element I'd like to click/touch and it has moved in the (half) second it was visible. See also Don...
75
votes
1answer
667 views
Change old link icon
https://stackoverflow.com/help/privileges/new-user
Change the old icon to the new SVG icon used in the editor nowadays.
74
votes
0answers
710 views
Hot Meta Questions link color is too bright & doesn't meet accessibility standards
Links in the Featured on Meta/Hot Meta Posts sidebar are #0095ff, while other links on the page are #07c. Does anyone else think this looks weird? The sidebar links are the same color as the Ask ...
73
votes
0answers
1k views
Ugly formatting with accept/bounty warning next to question
When a question has been ignored by the user long enough, this warning shows up:
IMO, this is pretty bad formatting. The questions should be aligned horizontally, and I believe that the warning ...
72
votes
2answers
887 views
Can we hide the new line on the left of the page?
Today a new line was added to the page on the left hand side of the screen.
For users that hide the left hand nav could we get rid of the line? It makes the page feel more cramped when not using the ...
72
votes
2answers
632 views
Move Favourite Tags above the Community Bulletin & Careers?
With the expansion of Community Bulletin items and Careers on SO, the Favourite Tags section in the right hand pane of the main questions page has been pushed down the pecking order somewhat and on my ...
71
votes
0answers
775 views
The Hot Meta Posts vote counter is too narrow
Following the redesign of the Hot Meta Posts pane, the padding around the vote count is (still) too small, resulting in the vote count closing in on the question title when the vote count exceeds 100:
...
70
votes
1answer
396 views
Setting language attribute for Stack Overflow
I am from Germany and using a screen reader making the Content of Stack Overflow accessible for me. Unfortunately no language attribute is set for Stack Overflow, so the screen reader reads all the ...
67
votes
1answer
2k views
“Vote down requires 125 reputation” on answers with -7 votes or less behind the code snippet [duplicate]
The "Vote down requires 125 reputation" message appears behind a code snippet on this faded answer, and thus I'm unable to close it.
67
votes
4answers
575 views
Don't auto-expand the first three examples when navigating to a topic [closed]
When I enter a topic for the first time, without having followed a link to a specific example, I end up on a page with the first three examples already expanded. For instance, opening Promises on ...
67
votes
5answers
633 views
Placeholder text for birthday is cut off
In your profile settings you have a field for birthday with placeholder text:
I get up to "only used for displa..." and don't know what else it really says. Is it only used for display purposes? ...
67
votes
1answer
886 views
Align Stack Overflow logo on left column
I am not sure if this is the right place, but it's bothering me:
Can the logo be aligned on the left side? This goes for Meta and the whole of Stack Exchange really.
Current:
Adding 2 "0" to ...
67
votes
1answer
1k views
The flagpole needs painting
The flag icon which appears when hovering a comment has a pole which is too red:
This is specific to Stack Overflow, e.g. on other site it looks fine:
On SO, the pole is more red, and the ...
67
votes
0answers
1k views
“Top Questions” is Pointless
I'll admit that when StackĀ Overflow changes their layout I usually don't like it at first. Sometimes the changes grow on me, other times they linger and fester at which point you either just have to ...
67
votes
0answers
641 views
Please add support for the <samp> tag
From MDN, <samp>
The HTML <samp> element is an element intended to identify sample
output from a computer program. It is usually displayed in the
browser's default monotype font (...
66
votes
3answers
1k views
Page Not Found for questions deleted via moderation needs updating
For <10k users, when you click on a deleted question instead of seeing the question, you are presented with a page saying "Page Not Found" with a few links to similar questions and also information ...
66
votes
1answer
725 views
Long tags make things jump. Hide instead of suppress
If you have 10k+ reputation, then you could reproduce it (it's the problem with the inline tag editor).
Go to What is the most secure way of passing messages between an injected script and Google ...
66
votes
1answer
1k views
Stackoverflowbusiness.com/blog the LinkedIn share button is not aligned correctly
I just noticed that the share (social) buttons on https://www.stackoverflowbusiness.com/blog are misaligned. The LinkedIn button is centered at the bottom instead of the top.
Please see the picture ...
66
votes
0answers
583 views
In memory of the Yellow CSS Box
Oh yellow box of error
How I miss your background hue
Parsing your words of terror
From the many to the few
Now replaced by a simple line
That's vertical and grey
A designer thought it fine
But to me ...
66
votes
0answers
454 views
Bold text in the wrong place in Marked As Duplicate!
Today I came across a question that has been marked as duplicate and the message shows like this:
I found this very strange. I thought the bold text would be "duplicate", not "marked". That just ...
66
votes
0answers
344 views
Un-gray questions in review queues when hovering over them
Since we now are returning a post to normal highlighting when hovering can we implement this in the review queues as well. For myself it is not too bad but it still strains the eyes trying to read ...
66
votes
2answers
2k views
Jon Skeet has too many badges again! [duplicate]
I was wondering if there was a /dev/null equivalent on Windows.
On that answer, Jon Skeet's badges overflow.
This also happens with @MarcGravell, and a lot of other high-rep users.
This was fixed, ...
62
votes
0answers
401 views
Reserve space for job advertisement before loading
I'm not sure it's only me or all the others, but I've suffered from clicking on the job related advertisement on the right pane on SO accidentally. It's mainly because when I open the SO page and ...
61
votes
1answer
889 views
Why does the 'Ask Question' button change colour between tabs?
I was just flicking through the tabs at the top, when I noticed the styling of the 'Ask Question' button changes.
For example, on 'month' it's white...
Then on 'week' it's blue...
Weirdly, I can't ...
59
votes
1answer
1k views
Stack Overflow (main site) logo renders incorrectly on Safari Version 8.0.8 (10600.8.9)
I'm on a mid 2014 retina MacBook Pro and am browsing with Safari version 8.0.8 (10600.8.9). The logo appears to not render correctly. Note the problem with the a:
The logo looks fine on Chrome ...
58
votes
1answer
1k views
If you can't vote your own post, why the arrow icons?
Why put efforts in showing these messages, instead of just hiding the arrows?
58
votes
1answer
301 views
Copy the design of the Docs review queue for the other queues
Currently, the Docs review queue has a nice table showing how the review played out:
However, other review queues do not have this design:
Can they be upgraded to look like the Docs one?
58
votes
0answers
753 views
Titles that are exceedingly long extend too far into the right and may crowd the poor “Ask Question” button
See the image. A question with long title made the "Ask Question" appear to be the part of that question!! The "Ask Question" button intrudes inside Question title unintentionally. Please provide it a ...
57
votes
3answers
595 views
Default edit box too small
The editor has by default 9 rows.
Almost every time I edit or write a post I catch myself resizing the editor box to make it bigger. Especially for code segments it is annoying to have such a small ...
57
votes
3answers
751 views
Flag window is semi-transparent for downvoted answers
On an answer with 3 or more downvotes, the flag window is semi-transparent, like the answer, which makes the flag options hard to read and select:
The problem is also visible with the share window (...
57
votes
2answers
751 views
Can't determine my bounty amount
To reproduce this, go to a reputation page and look at a bounty award history.
This page of mine has one (the day that I obviously had to get a bounty): https://stackoverflow.com/users/1783619/...
57
votes
2answers
939 views
The edited icon is too prominent
I just noticed that the icon for the edited comments has changed recently:
Is there any reason to make such a minor thing so prominent?
I am requesting that it be made the same color as the ...
57
votes
0answers
1k views
The 10k tools could do with some love
Related posts:
Filter 10k tools by a tag
Give some features to the āLate Answersā page
Looking at the 10k tools used for reviewing, users are presented with this monstrosity:
Could this page and ...
57
votes
4answers
530 views
Move a questionās tags to directly under the title
Logically, the tags on a question are part of the title.
(And indeed, posters are discouraged from putting tag words in the title because "that is what tags are for".)
While reading a title, one ...
56
votes
1answer
542 views
The new top bar appears on every page when printing
With sticky headers comes additional problems. This one strongly affects the ability to print pages on our sites, because a sticky top bar apparently gets repeated only every single page of the print ...
55
votes
2answers
1k views
Profile display gets cut off for users with lots of badges
I was just reading an answer by Jon Skeet and noticed this:
Removing overflow: hidden fixes it. The whole <div> is just a few pixels too far to the right.
55
votes
3answers
1k views
Too much whitespace at MSO's top
The new navigation changed the way MSO looks, and left quite a lot of empty whitespace at the top, between the "Top Questions" heading and the buttons:
Or, to put it more bluntly:
Perhaps we could ...
55
votes
0answers
334 views
Increase the contrast for the “pressed” election buttons
I have reasonably good sight, but I'm still having problems recognizing which button is pressed in the election. I know there's a list on the right side, but it's not anchored and disappears when you ...
55
votes
0answers
558 views
Stack Exchange logo not visible in chat
The one-box image of http://stackexchange.com is transparent and not visible boldly unlike the http://stackoverflow.com one-box image.
It looks clear only when you look close. Perhaps it needs the ...
54
votes
2answers
1k views
What does the temporary message banner at the top of the page say?
What does the temporary message banner at the top of the page say? I canāt read the full message:
I canāt click on it, scroll it, or get any information about it at all!
54
votes
6answers
735 views
Buggy UI when a badge is earned
I just earned the Commentator badge, and this is what the UI looked like:
Is this right? You can't even read the text at the bottom unless you hover over each of those buttons. Surely there must be ...