Questions tagged [design]
For question regarding the design of the Stack Overflow website, e.g. for issues with the layout, use this tag.
545
questions with no upvoted or accepted answers
10
votes
0
answers
167
views
Can the survey request popup be made less obtrusive, please?
I was looking at a question on SO that happened to be in the Microsoft Azure Collective (I am intentionally not linking it and pixelating the question to avoid causing the Meta Effect on that post, as ...
10
votes
0
answers
69
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:
10
votes
0
answers
133
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 ...
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 ...
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 ...
10
votes
0
answers
138
views
What's with the big blank div on the sidebar under HMP/Announcements?
Recently there's a big blank spot underneath the HMP/Announcements box. This looks like a new div.js-sidebar-zone with min-height: 735px applied, but nothing seems to be put in it. Can this be fixed/...
10
votes
0
answers
284
views
Reputation changes are not vertically aligned in the "Achievements" dropdown menu
Now this is misaligned too!
Come on, guys… testing! 😏
10
votes
0
answers
75
views
Text ugly wraps the star icon on developer survey page
Look for this weird aligned text on developer survey 2019 page:
10
votes
0
answers
302
views
CSS bugs on Safari desktop
I have noticed the following strange CSS bugs on the profile page of my Stack Overflow account lately:
This is happening on my desktop Safari (I use a MacBook Air). I can't say anything about mobile ...
10
votes
0
answers
88
views
Are there supposed to be three different cream colors?
After editing a question, I saw three different cream colors (see the screenshot below).
Are these colors supposed to be all different? I feel like the site would look a bit spiffier if they were ...
10
votes
0
answers
199
views
Adapt new site layout for half-width 1080p
This is a problem with the new site layout for half-width 1080p screens, i.e. two windows side-by-side. The notification and reputation change badges are juuuust off screen now, and you see just ...
10
votes
0
answers
160
views
Industry removal icon is misplaced
While searching jobs and applying filters, I noticed this:
This happens after I apply Industry filter, then come back to it. (When adding it's fine.)
The removal icon is still clickable and ...
10
votes
0
answers
106
views
The election overflows
The election page has a #mainbar whose width is 728px.
Inside that there is the .election-candidates table, which contains the info about the candidates.
But it's too wide, because the vote buttons ...
10
votes
0
answers
91
views
Distinguishing adjacent visited links
I've often seen people to write multiple adjacent links, and I've done so myself.
Today I noticed that at least for visited links on the main SO site, there appears to be nothing to visually ...
10
votes
0
answers
165
views
Layout issue when subscribed to popular tag
I noticed a minor layout issue if you are subscribed to a popular tag. If you hover over a tag it shows you a popup with the tag-wiki description and some other basic info. The "unsubscribe | rss" ...
10
votes
0
answers
97
views
Two-line editing comment causes incorrect format on suggested edits page
When suggested edit on this page (requires 10k rep) has quite long editing comment, it takes two lines and the text floating block is displayed below the avatar like "Get started with Latex on Linux" ...
10
votes
0
answers
487
views
It's hard to identify deleted questions from the review history on Meta
On a review history page here on meta (say of the close votes queue), the titles of non-deleted questions don't stand out at all:
Comparing that to the same page on the main site, the non-deleted ...
10
votes
0
answers
91
views
Could we vertically center the score text inside their frame box?
I've noticed the new frame boxes around the scores:
I like them, just, could they have the text vertically centered? Now they are shifted one pixel to top in my browser (Chrome 40.0.2214.115 on ...
10
votes
0
answers
414
views
Recent Badges Styling
I was having a quick look at badges, when I noticed some minor styling that could be improved with the Recent Badges displayed in the right hand column:
Issues:
Longer names cause the name to be ...
10
votes
0
answers
120
views
Closed and deleted banner layout is too big
The banner for closed questions and deleted questions is too wide in the new layout. I didn't notice this on a closed question that isn't deleted, but you can see it on a deleted question.
This ...
10
votes
0
answers
256
views
"seen" color within the user profile changed in the new layout
Edit #2:
This has been resolved. Thanks for the good work, Mods.
Edit:
It seems to be related to this recently posted meta
In the new layout the "seen" line of a person that recently visited the ...
10
votes
0
answers
171
views
Visual issue when closing "This post has been deleted" message
I was going through the one review queue, and was trying to edit the one post I came across. While I was working on it, the user deleted their post. I was provided with the appropriate notification ...
9
votes
0
answers
58
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)
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 ...
9
votes
0
answers
100
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 ...
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
0
answers
168
views
Formatted code colors have changed, for the worse
Why have formatted code colors changed within the past 2 days?
Here is an example with the old colors on the left, new on the right
(Taken from this question which was asked 2 days ago, and I ...
9
votes
0
answers
322
views
What happened to the tabs in the unanswered page?
I noticed that the unanswered page's tab bar looks quite weird:
This doesn't seem to be the issue of my screen size. I used Safari's Responsive Design Mode to check on larger screen sizes but the all ...
9
votes
0
answers
239
views
Question filter tags are overflowing
The buttons in the picture below should not be overflowing in to the 'Featured on Meta' box as they are.
URL: https://stackoverflow.com/questions/tagged/php
OS: Windows 10
Browser: Chrome (69.0....
9
votes
0
answers
130
views
Why is the reputation number on meta red?
The reputation on meta has turned into red, specifically into #C91D2E red.
Inspecting the element you can see that is getting the color of the a element from the primary-unified.css file
It led me ...
9
votes
0
answers
57
views
Developer Story description text is cut off in Firefox
I've edited my developer story and added a few words of description under a "Blogs or videos" section. It looks bad.
There are two bugs here:
The text should not be faded, and the Read more button ...
9
votes
0
answers
110
views
Related Questions vote count padding too small
There seems to be a slight issue with the styling of the vote counters in the Related questions list, specifically when a question has a 3-digit vote count. The left and right padding does not match ...
9
votes
0
answers
91
views
comments getting hidden behind username
I've noticed that comments are getting hidden behind the commenter's username. This seems to happen mainly in comments exactly one line long, causing the commenter's username to appear in the next ...
9
votes
0
answers
143
views
Make links to redirected questions display title instead of raw URL (i.e. look pretty)
A URL that redirects to another question, like this one: [1]
Raise the bar for tags that have been community-deleted, to make it harder for them to return
Doesn't resolve the URL to the question ...
8
votes
0
answers
154
views
Stack Overflow Collectives: The article propose popover is positioned absolutely behind the sticky header
In Stack Overflow Collectives, the "Article Propose Popover" popover, which display:
Simply submit a proposal, get it approved by a Recognized Member, and publish it.
See how the process ...
8
votes
0
answers
79
views
Very long words (e.g. in URLs) in edit summaries don't wrap, causing horizontal scroll bars to appear
I came across this when I saw this suggested edit on my phone, and saw that there was a horizontal scroll bar due to a long URL in the edit summary:
To better reproduce the bug I suggested this edit ...
8
votes
0
answers
81
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 ...
8
votes
0
answers
124
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. ...
8
votes
0
answers
233
views
Reverting to old Profile Page design
Note: This is not a rant but trying to understand how to get back to what I had earlier. I am sure many people would like the new layout but I prefer the old one. I tried searching for the settings ...
8
votes
0
answers
88
views
Can't see help center icon in contact page when using dark theme
In the Contact page on Stack Overflow, that's what I see: (dark theme used)
As you can see, the image being used fits the light theme, not the dark theme so almost invisible.
Can the image please be ...
8
votes
0
answers
239
views
"Votes" tab on user profile is on its own line
The "Votes" tab seems to have been dropped onto its own line, away from all the other tabs. I'm not sure I remember this previously being the case. I imagine the the addition of the "...
8
votes
0
answers
55
views
In dark mode the text in the Job Search Status modal is hard to read
The text color is not visible in Job Search Status modal
8
votes
0
answers
85
views
Fix CSS to word-break code blocks when printing
Similiar to this post: Fix CSS to word-wrap code blocks when printing, can we have also:
@media print {
pre {
word-break: break-word;
}
}
Currently, if there's a long, unspaced string ...
8
votes
0
answers
149
views
Comments in deleted posts seem clickable with incorrect tooltip
As you can see in the picture below, when hovering over a deleted post's comments section, this link / button seems clickable: The cursor changes to pointer and the forecolor changes, indicating this ...
8
votes
0
answers
102
views
Line near side of profile page
I was looking at a user's profile, and found there was a line straight through the text.
The line continued through the entire page, top to bottom. I suspect this is intended to be the right border ...
8
votes
0
answers
175
views
Empty review queue spacing
Below you see the landing page for an empty review queue.
I can't help but feel that when these two lines are the only lines, there should be some padding at the bottom of the text, as it feels a ...
8
votes
0
answers
142
views
Another profile bug related to website link field
The website link field fails when we try to use some characters at the start of the link and this will create an issue in the profile page when the link is very long:
I have used ! at the start ...
8
votes
0
answers
153
views
The "Activity" tab severely messed up on iOS 9.3.5
So... uh... just look at this:
I don't even know what to say here. The Reputation box is a mess: it's impossible to even see how much rep I have, or how it changed over time, because the part with ...
8
votes
0
answers
49
views
Job advert wrapping issue?
I saw the following issue a few minutes ago in the image below with the link in the advert:
Edit: Seen again today (16th of May 2018 at 2.30pm GMT):
Hopefully it will help you guys out. Maybe ...
8
votes
0
answers
108
views
Hint / warning is not completely displayed when asking a Question
I just saw that a part of the warning (question appears subjective...), when asking a question, is hidden because the div is to small.
I have the resolution 1920x1080, maybe for other resolutions it ...