Questions tagged [design]
For question regarding the design of the Stack Overflow website, e.g. for issues with the layout, use this tag.
517
questions with no upvoted or accepted answers
14
votes
0
answers
246
views
Tags don't wrap on questions for users without inline tag edit privilege
Update for currently supported browser versions
As of September 2021, this is still an issue in both Firefox (tested 93.0b2 on Windows 10 and 91.4.0 on Android 10), and on Edge 93.0.961.38.
You can ...
14
votes
0
answers
235
views
New styling of vote count/bounty award has insufficient padding on fade in
The new styling on vote counts in user profiles is really nice. I quite like it.
It looks like that style has also been applied to bounty awards in existing answers. When clicking a link from the ...
14
votes
0
answers
256
views
Enhancing the readability of user page and questions pages
It's been about 2 weeks in Internet time (2-4 days normal time) since the new design went into effect on Stack Overflow, and I'm still finding some things difficult to read.
Issue #1 of mine is ...
14
votes
0
answers
150
views
Squished lines in review history
Related: Question titles & scores misaligned/mismatched size in flags list
On the review history page, the items look rather squished:
Furthermore, the font size is different between links and ...
14
votes
0
answers
123
views
Consider changing StackSnippets icon image
It just doesn't seem to match the rest of the icons in the editor:
It almost looks like an icon that was created a decade ago. Could we use something more that signifies a script...Something more ...
14
votes
1
answer
296
views
Unable to vote on close votes due to incorrect floating box sizing problem
There is a small bug in that trying to cast a close vote pushes the hovering pop-up off the screen. This is when doing review and scrolling down the page. This is a recent macOS with a recent Chrome. ...
13
votes
0
answers
147
views
New home page question layout is missing the yellow emphasis for watched tags
The new question list layout overall seems pretty reasonable, but there used to be yellow highlights for questions from watched tags. This was extremely useful for finding questions I care about ...
13
votes
0
answers
247
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, ...
13
votes
0
answers
270
views
Unable to close the bottom banner in the dev Stack Overflow page
In the Dev Stack Overflow page, unable to close the bottom banner. When click on the close (X) button it is not responding. I have verified in the recent Chrome and Firefox browsers.
Screenshot for ...
13
votes
0
answers
235
views
Sign-up banner is displayed over the header
There is a z-index issue (z-index: 5001) which brings to the front top (over header) the sign-up bar when scrolling.
See this screenshot:
13
votes
0
answers
134
views
Chat does not resize correctly
It's not the end of the world, but even so I will occasionally decrease the size of chat window so that I can do other things while keeping an eye on it.
If I make the window too small I get this:
...
13
votes
0
answers
133
views
Maybe move the "Back To Main Site" button out of the "help" dropdown?
So I was just going to go back to the main site. I clicked the "help" dropdown and click "Back to Stack Overflow":
Then I thought, wait, why "Back to Stack Overflow" is under help? I don't need help ...
13
votes
0
answers
222
views
Why is reputation change on the activity page shown twice?
After the recent profile page changes, the activity tab now contains information about how much reputation we gained since the last visit to reputation tab twice:
Near entire reputation
and near the ...
13
votes
0
answers
462
views
I made a jsfiddle of a responsive SO
Original, Responsive. I got rid of fixed widths and made percent widths. It starts to break at around 650px width, by then it could go to mobile styles.
What do you think? Could something like this ...
12
votes
0
answers
125
views
Consistent feedback options for review
I was going through and reviewing questions and answers and noticed something. The feedback options are not consistent throughout. For example here are the options for each review category:
First ...
12
votes
0
answers
148
views
Missing margin around "post your answer" button
When I'm not logged into my SO account, under the "Your Answer" field, I see the post your answer button, along with some text to the left of it (I'm not using an RTL layout) that has no ...
12
votes
0
answers
81
views
Gap between tag buttons diminishes after in-place refresh of the question body
The tags under every question:
When an in-place refresh of the question body happens (which is either because you have edited the question in-place or because you have clicked the "question was ...
12
votes
0
answers
110
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 ...
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.
12
votes
0
answers
99
views
Tour page in dark mode has a light mode gradient
When you visit the tour page in dark mode, a gradient is visible on the question and answers section which is for light mode. The image is supposed to give a fading effect to the text while in white ...
12
votes
0
answers
178
views
Styles are broken on comments section when inserting a part of code with spaces?
Probably spaces aren't trimmed or trimmed incorrect and comments area isn't limited as well
Link to the comment
Navigator -> User Agent
Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_5) AppleWebKit/...
12
votes
0
answers
271
views
Why have some hyperlinks started being underlined and others not?
Just noticed that some hyperlinks on pages now have hyperlinks on them. Is this some kind of test or a bug?
For example, on this question, under the question things like the OP's name, and the edit ...
12
votes
0
answers
174
views
Long words in a question/post don't cooperate well with the Community Bulletin
One of the current Hot Meta Posts has a title with a long word, which causes an overflow:
Interestingly enough, that title appears with a word break in the Linked section of this very question:
...
12
votes
0
answers
167
views
Right padding on nested chat quotes causes premature word wrapping
When there is a long series of nested quotes in the chat, the right padding on each quote accumulates, leaving lots of unused whitespace on the right side of the screen and premature word wrapping. ...
12
votes
0
answers
213
views
Overlapping banner ([Sign up] and [Terms of Service]) for anonymous user
Reproduce:
Open private/anonymous tab
Go to Display Progress Bar at the Time of Processing
Result:
You can see that the two banners at the bottom of the page overlaps, which saves some horizontal ...
12
votes
0
answers
400
views
SO Favicon not appearing in browser tabs in some versions of Firefox
I just noticed that the favicon is missing for Stack Overflow in some versions of Firefox. It's missing whether I'm logged in or out, in a private session or normal, and regardless of whether I have ...
12
votes
0
answers
336
views
Bring back the Ask Question button
With the new top navigation, how do I ask a question?
Oh, I need to scroll right. Or make my browser window very wide — if I make it full-width on a cheapo monitor (1920x1080) in portrait mode (which ...
12
votes
0
answers
472
views
Comments Overlapping with Related Questions
I was browsing a duplicated-question when I came across this interesting layout glitch:
Basically, all the comments on the page are scrolling too far to the right and are overlapping with the "...
12
votes
0
answers
56
views
Keyboard Select style- side border
I'm not a big fan of the big box shadow that is applied on keyboard navigation. I would suggest that we did a left-side border that stands out instead of shadowing over the content.
My proposal would ...
12
votes
0
answers
142
views
Flagged Posts font size and layout
What is going on with the font size and line spacing on the Flagged Posts page in the new design for SO.
The font size for the links is 18px and to me looks much nicer at a 16px or 14px.
Then as the ...
11
votes
0
answers
128
views
Hot Meta Posts not visible unless logged in
I noticed that "Hot Meta Posts" doesn't show up unless I'm logged in. Is this the intended behavior? If so, why?
11
votes
0
answers
127
views
Texts in Ads is not so readable in Dark Mode
I saw the below Ad today, apparently the benefits in the ads is not readable. Is this bug is happening because of I am using Dark mode or the Ad is just like that ?
I think this is not providing a ...
11
votes
0
answers
199
views
Developer Story tab tooltip behind top bar
I have just noticed that the tooltip on the Developer Story tab in my profile is behind the top bar. So you really can read only the half of the message. I tested Chrome and Firefox, which both have ...
11
votes
0
answers
199
views
Suggestion for improvement profile questions section
I saw some difference inconsistency in the questions list (profile page) where “accept-reminder” is visible (red text). The texts goes jagged.
I think if they are aligned, it will be better.
...
11
votes
0
answers
148
views
Badges appear halved
On all posts and in question lists, but not in the top bar, the badges are misaligned.
For example, the CSS for .badge3 has changed from background-position: -62px -398px; to background-position: -...
11
votes
0
answers
118
views
Question tag edit doesn't show up properly in edit history
When looking at the edit history of the post I noticed that tag only edits show up weird. Notice the extra highlighting between the tags:
Found on this questions history (revision 2).
However it ...
11
votes
0
answers
198
views
Custom flag textarea overflows at right
It seems that the otherText textarea which is meant for the custom text when flagging a question "other (needs ♦ moderator attention)" is overflowing the right side of the containing box.
It ...
11
votes
1
answer
167
views
Filter text box in the Users page is expanding vertically after typing
Looks like the filter text box in the Users page is expanding vertically after typing:
I've reproduced it in both Chrome and Safari (haven't tried in other browsers though).
10
votes
0
answers
137
views
Extremely poor text wrapping in nested Discussions on mobile
I flagged a Discussion, and found this:
The flag icon is tiny, the word Flagged is wrapped every two letters, and Share is wrapped partway through.
If it matters, I'm on mobile iOS.
To protect the ...
10
votes
0
answers
178
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
73
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
149
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
119
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
83
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
145
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
285
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
303
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
290
views
Top bar messed up on iPad running iOS 9.3.5
This is how the front page looks for me on the first iPad running iOS 9.3.5 (horizontal orientation):
The problem is, it's impossible to see the rest of the top bar, so I can't get access to messages,...
10
votes
0
answers
94
views
The question sort/filter buttons overlap the right sidebar at some screen sizes
Click on one of your tags.
After SO will bring results for your tag, resize your browser window
As you can see, the buttons overlap the right side bar.