Questions tagged [design]
Use this tag for question regarding the design of the Stack Overflow website, e.g. for issues with the layout.
472
questions with no upvoted or accepted answers
18
votes
0answers
334 views
Developer Story tab leaves too little space for moderator-specific info
With the new Developer Story tab, the space at the top is getting to crowded and the Mod tools lose out:
The Account Info & Mod menus, and the various status counters plus the meta-user and ...
18
votes
0answers
295 views
Not enough space between username and rep on the questions list
On the front page / new questions list, the name of the user and their reputation is too close together, and looks ugly, making it hard to read & tell apart:
Right now, it's nameOfUser2,910, it ...
18
votes
0answers
298 views
Some view counts in main page not coloured?
Is there any reason for having one view count coloured and not the other (with higher view count)?
Checked on Chrome 40.0.2214.115 (64-bit).
17
votes
0answers
140 views
Diamond symbol hidden on communities list
For a long time, I've relied on the diamond symbol next to the stack exchange links of a user's community list to see which (if any) site a user moderates, like this (Tim Post's communities):
But if ...
17
votes
0answers
136 views
Ability to collapse “Tagged with” tags
With the ability to create custom filters that can comprise of many tags, it pushes results to below the fold when the page is loaded
Would be great if that tag cloud could be hidden/collapsed on ...
17
votes
0answers
271 views
User page questions list layout bug
"Have you considered accepting an answer or starting a bounty for this question?" displaces way too much horizontal space on the left side.
17
votes
0answers
175 views
Could we have “all questions” in the navigation button bar bit more clear?
Navigate to, let's say Unanswered C questions and see this:
Which one to choose to get back to all questions only tagged by the C tag is not clear at this time. There's quite enough space to play ...
17
votes
0answers
217 views
Button backgrounds overlap with the border on tag tab
The buttons info, newest, featured, frequent, votes and active on the tab below the Stack Overflow menu are overlapping with the border on the background, resulting in ugly dashes as can be seen ...
17
votes
0answers
219 views
CSS bug on blockquotes in Review Suggested Edits
Reference: https://stackoverflow.com/review/suggested-edits/17605861
While doing my duty
by reviewing suggested edits I came across this:
I first thought the edit added an unwanted newline, so I ...
17
votes
0answers
312 views
Progress bar not rounded on right side when complete
I was looking at my badge progress and saw this UI issue with the progress bar of one of the badges.
The right side does not have rounded corners like the left. I assume this is a border-radius ...
17
votes
0answers
219 views
Flickering browser tab while editing
While reviewing this I got distracted during typing with flickering of the browser's tab text.
The text seems to get redrawn on every keystroke while editing the body of the post (not its title). I ...
17
votes
1answer
218 views
Please make all of the link tooltips the same style as the “follow” tooltip
The tooltip on the "follow" link looks great. Can we have the same style tooltip on the other links, please?
😎
😞
16
votes
0answers
142 views
Hat position is fixed on page, doesn't move down when you Run a code snippet
When a code snippet is executed it expands to show output, and everything below it moves down -- except for hats on profile pics:
Initial view
When running
On closer inspection, there appear to be ...
16
votes
0answers
144 views
My Stack Overflow flair username is trimmed
I want to use the Stack Overflow flair and my username (which is also my real name) is trimmed. The last letter of my surname is missing.
Screenshot (in case the flair hopefully becomes fixed in the ...
16
votes
0answers
104 views
Transparent profile pictures should be rendered on a dark background in dark mode
I've recently changed my profile picture to an image with a transparent background. While this looks great on the light theme:
It doesn't look nearly as good on the dark theme, because it keeps the ...
16
votes
0answers
99 views
Review overview User Interface drawing too much attention to what I can't do
A recent UI (User Interface) change is taking a lot of real estate in the Review overview for users with less than 2000 or 3000 reputation points. The big blue boxes, as seen here:
I don't need the ...
16
votes
0answers
271 views
Unranked users have a blue minus sign by their name on their profile page
I just saw that there is a blue minus sign beside my username on my profile page.
Here's an image to show you what I mean:
What does that mean? Is this a bug, maybe?
16
votes
0answers
235 views
Add option to hide Products menu
Other than using a monkey patch, I'd like an option to hide the new Products menu. I currently have my left side navigation collapsed. Perhaps it could be folded into there.
16
votes
0answers
152 views
Edit summaries are truncated in reopen reviews
I recently edited a question which I thought had been incorrectly marked as a duplicate. However, the reviewers declined to reopen it. Fair enough, it wasn't a great question, and maybe they thought ...
16
votes
0answers
372 views
Stack Overflow Talent register form looks weird
Just visited the register-page of Stack Overflow Business and saw the buggy form.
I tried with Opera, Chrome and Firefox with a resolution of 2560x1440.
Same everywhere.
Is it just me?
If not a fix ...
16
votes
0answers
99 views
Could we stick the “cancel” and “help” links to the top of the “Save Edits” button?
Steps to reproduce:
Add comment to a post
Go to edit it and resize the edit box
Check the the cancel and help links positions
Problem:
This is what I can see. The cancel and help links are ...
16
votes
0answers
324 views
Related questions are going off the screen
Consider this image:
When you ask a question and put in all of the content(title, body, etc.), a whole bunch of Related Questions show up. If you scroll to the top(on a Mac, at least) and scroll ...
16
votes
0answers
287 views
Moderator diamond still shows when you flag a post
I just notice that the moderator diamond not hide when you open the flag list :
Is this a bug, or it is for purpose?
16
votes
0answers
228 views
Why isn't the Pundit Badge displayed on the Next Badge list?
Users' have asked for some time a way to control the Pundit Badge. There's even a post on MSE with links for queries on the SEDE to keep track of the various badges, such as this one for the Pundit ...
16
votes
0answers
326 views
The flag dialog for a comment on a downvoted answer is transparent
When I flag a comment on a downvoted answer, the flag dialog is semi-transparent, which makes it hard to use.
Steps to reproduce:
Find a downvoted answer with score <= 3 and at leat one ...
16
votes
0answers
243 views
The box around the post-owner's name in comments overlaps the underline of links
The box around the post-owner's name in comments overlaps the underline of links on the line above. I think this only affects MSO, I've only tested a few other sites, and I don't know if any other ...
15
votes
0answers
229 views
Some css is broken on developer story page
Some css is broken on developer story page (Recommended reading section).
Browser: Google Chrome (Version 71.0.3578.98 (Official Build) (64-bit))
Link and text heading out of designed box.
15
votes
0answers
179 views
Tab style is inconsistent between normal pages and search results
Tab/page style is inconsistent between normal/category pages and search results.
Is this a conscious decision or is this still in progress? To me it feels like somebody forgot to update the search ...
15
votes
0answers
217 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:
15
votes
0answers
344 views
Stacked icons on new top bar?
Look at the rightmost of the image. The MSO icon and the grayscale SE icon gets stacked up.
Google Chrome 63.0.3239.111 (from Play Store), Android 7.1.1.
15
votes
0answers
163 views
Can we fix this typo in the suggested edits queue?
I recently gained access to the suggested edits queue and noticed a typo, shown in bold:
Approve edits you know are correct
Improve Edit the edit by making additional corrections
Reject and ...
15
votes
0answers
137 views
top x% font size is small
Before the redesign of the profile page the font size for top x% this period is bigger and was not superscript.
Can top x% this period have the same font size as Reputation and share the same ...
15
votes
0answers
115 views
Comment styling in moderation tools breaks workflow
In the diamond moderator queue, the comment moderation tools have been broken from a workflow perspective since the change.
Here's the normal workflow:
Open Comment Flags
Put Mouse button over top ...
14
votes
0answers
114 views
Tooltips are persistently visible on Safari
Using Safari version 14.0.1 (16610.2.11.51.8), the tooltips on Stack Overflow are persistently visible (see attached screenshot) and cannot be dismissed.
14
votes
0answers
379 views
Questions' titles break free!
Here's what the front page looks like for me on the first iPad iPad (3rd generation), iOS 9.3.5, in Safari:
As you can see, the title in the circle is clearly out of its bounds, to an extent where ...
14
votes
0answers
230 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
0answers
251 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
0answers
145 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
0answers
119 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
1answer
295 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
0answers
265 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
0answers
123 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
0answers
106 views
Move tags field to top when creating/editing a question
Since we have a common problem with people putting tags in the title wouldn't it make sense to have the editor hint that isn't appropriate by the flow? I think we could move the tags at the top to ...
13
votes
0answers
452 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
0answers
101 views
Tags don't wrap on questions when using a narrow screen
When the screen is too narrow tags stay on one line, rather than wrapping as would be expected. This causes them to overlap with other content in the right side panel:
Using FF 83.0 (64-bit) on ...
12
votes
0answers
123 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?
12
votes
0answers
251 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
0answers
191 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 ...
12
votes
0answers
154 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
0answers
204 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 ...