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
14
votes
0
answers
117
views
Collectives icon is slightly shifted to the top
Collectives icons on questions list in the tag section are slightly shifted to the top:
More closer look:
Reproduced on iPadOS 16.6, Chrome 115.0.5790.130
14
votes
0
answers
112
views
Dark theme topbar logo styling for dark mode
I'd really like to see orange part of the Stack Overflow logo when in dark mode.
I noticed that the Stack Overflow image is just plain white on dark-mode
vs the light-mode view:
So I inspected the ...
14
votes
0
answers
139
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 ...
14
votes
0
answers
127
views
Please fix the user card colors in dark mode; they fail contrast tests
A short while ago the dark mode styles updated (or perhaps my cache just refreshed), and the user card background changed from a nice neutral grey (Something like #3d4951 or very close to it, as I ...
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 ...
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 ...
14
votes
0
answers
244
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
149
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
121
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
268
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
132
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
132
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
221
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
456
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
146
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
109
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
174
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
262
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
173
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
166
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
211
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
388
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
334
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
106
views
Can we make the tabs draggable?
As of now, you can only move the tabs by clicking Move Left or Move Right on the drop-down of the selected tabs. It can be quite frustrating when you have multiple tabs and you have to re-select the ...
12
votes
0
answers
469
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
53
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
164
views
Search bar is unusable on smaller tablet-sized screens
I am using Stack Overflow quite a lot (for questioning and answering). Recently, I bought an Onyx Boox Nova 3 Color tablet with has a 7.8″ E Ink color screen with a resolution of 468x624 (in portrait ...
11
votes
0
answers
126
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
122
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
131
views
SO jobs message sidebar styling bug
Just noticed a styling bug on SO job messages inbox app. It appears that the 'Messages' sidebar container is missing a left margin and/or padding. This is only happening with window width of 980px and ...
11
votes
0
answers
289
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,...
11
votes
0
answers
93
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.
11
votes
0
answers
341
views
Search bar not expanding on meta
The sidebar is now active for every user of MSO.
But I have a question: Why is the search bar not full-sized when it is focused?
It is on main:
Sorry, but I can't insert red free hand circles now. ...
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
672
views
Change the Android app notification bar color
While using the Stack Overflow Android app, it is hard to see the notification and status bar icons. By default the icons in the notification bar are white and the app's background color is not much ...
11
votes
0
answers
117
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
188
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
164
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
238
views
Messed up buttons in Tag Watching & Ignoring settings
Go to your user page > Settings > Email Settings > Tag Watching & Ignoring:
The buttons work, but:
When the input box is hidden, Done has no use.
When the input box is visible, Add a ...