Questions tagged [design]
Use this tag for question regarding the design of the Stack Overflow website, e.g. for issues with the layout.
1,340
questions
98
votes
1answer
3k views
Add support for Flutter/Dart code snippets
Almost a year ago, someone made a feature request to add support for Flutter/Dart code snippets, but as far as I can tell, nothing came of it. I'd like to make the argument that the ability to ...
19
votes
0answers
194 views
The count badges on the activity tabs are breaking social distancing rules
As of this morning, the activity badges on the user Activity page have moved to be right next to the relevant tab name:
This movement makes it harder to read the tab name, could it please be ...
3
votes
0answers
29 views
Jobs page Remote filtering button functions only if you press label or checkbox
The remote job filtering button on the Jobs page only works if you click the checkbox or label.
The other areas of the button is not effective.
8
votes
0answers
79 views
reCAPTCHA widget does not use the dark theme in dark mode
I usually don't come across a lot of forms on StackOverflow. But today, when I clicked on the "Contact Us" section in the Help Center, I came across this form under the URL https://...
-2
votes
0answers
90 views
Taking nested Headline Levels into Account
Well, when I want to write a headline in Markdown I do it like this:
# My Headline
Which looks like this:
My Headline
A little bit huge, isn't it?
It makes total sense when we have many topics like ...
6
votes
1answer
100 views
Message after applying for a job is still too bright
The message after applying for a job is too bright
It is basically a duplicate of the question above. The popup survey is still too bright in dark mode.
I am using dark mode on macOS v10.15.6 (...
11
votes
0answers
100 views
Tag badges have an ugly black rectangle in dark mode
I noticed today that tag badges looked different than before in dark mode, in two places:
In the "Top tags" section on the user profile page, there's a black rectangle surrounding the badge ...
42
votes
3answers
923 views
Capitalisation again
The "edit tags" link-button has been restyled slightly, and while making that change someone has capitalised it.
This is inconsistent with your other link-buttons (though the actual buttons tend to ...
-12
votes
0answers
89 views
Fix `Recommended` label on badge progress bar
The 'Recommended' label hides part of the badge progress bad. Can it be reduced or moved down or up a little bit?
5
votes
0answers
44 views
Gradual Color Change in Review Queues->Late Answers in Dark Mode incorrect [duplicate]
I am using StackOverflow in dark mode (very nice by the way), and would like to bring to your attention that when in the "Review Queues"->"Late Answers" "Skip" is ...
29
votes
0answers
305 views
Where have all the scrollbars gone?
For some reason, scrollbars at least in the revision history and in the 10k NATO tool aren't present in code blocks, and cause obnoxious effects like this:
... or in the 10k NATO tool:
Not sure ...
3
votes
0answers
37 views
Some question revision histories are rendered with a very wide width [duplicate]
I have noticed over the last few months that the revision history for some questions is very wide. See an example here:
In contrast most revision histories are displayed with a normal width. See an ...
10
votes
0answers
84 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.
-11
votes
0answers
103 views
Asking questions about asking questions [closed]
Your post appears to contain code that is not properly formatted as
code. Please indent all code by 4 spaces using the code toolbar button
or the CTRL+K keyboard shortcut. For more editing help, click ...
4
votes
0answers
40 views
“Question couldn't be submitted” and “Question is ready to publish” icons aren't aligned with background color in Dark Mode
Got this error in the Ask Question page, and saw that the error icon wasn't aligned with the red background:
Same thing with the green icon:
It looks okay in the normal mode, like a red shadow, but ...
12
votes
0answers
71 views
Toggle between dark and light theme based on browser setting by default without requiring user to login [duplicate]
Currently, an individual has to login, then go to Preferences -> System Setting to make SO choose the Dark or Light theme by default based on browser configuration.
It would be much nicer if SO's ...
8
votes
0answers
50 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
2
votes
0answers
60 views
Hat in profile image overflow: hidden [migrated]
Hat in profile image gets cut like the following image:
I've inspected the element:
<div class="gravatar-wrapper-32 wb-hat-checked">
<div class="hat" style="float: ...
41
votes
1answer
259 views
Post highlighting in the review queues is not usable under dark mode
This was first reported on March 30th. Here's a gif demonstration of the issue:
This happens only with answers and it happens in three review queues:
First Posts (answers only).
Low Quality Posts (...
2
votes
0answers
34 views
Dark mode bug in the “Review|Low Quality Posts” queue [duplicate]
In the "Review|Low Quality Posts" queue, when the post is loading in dark mode, all I see is a white a very bright yellow flash for a few seconds, which against a dark background is very ...
3
votes
0answers
88 views
Vote breakdown missing minus sign when >= 100 downvotes [duplicate]
In the upvotes/downvotes breakdown you get by clicking on a post's votes, it appears the minus sign goes missing if there's at least three digits worth of downvotes. This can be seen in e.g. What is ...
2
votes
0answers
47 views
Developer story section textbox is not readable in dark mode
In the Edit profile and settings page, in the "Developer Story preferences" menu, the text inside the "Your public link" textbox is not readable in the dark mode.
When Dark mode is ...
9
votes
1answer
177 views
I don't see the 'Ask Question' button on the site
I can add comments and add answers I believe.
I don't see anything on my account that says anything about my account being suspended. I refreshed a few times on my Google Chrome.
I see the 'Ask ...
3
votes
0answers
30 views
Search icon has white background in dark mode search help docs
The search icon in the search help has a white background. It might fit in better if it used the dark mode icon on the dark background.
There's no accessibility issues since it has good contrast still....
16
votes
0answers
139 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 ...
10
votes
0answers
85 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 ...
6
votes
1answer
150 views
Undoing recent CSS tweaks
Is it just me? I view the StackĀ Overflow website on my iPhone. A recent update modified the CSS content so all texts/links are the same colour, regardless of whether or not I've previously visited ...
2
votes
0answers
35 views
“Similar questions” widget doesn't repaint properly after scrolling until a dialog is opened [duplicate]
On Firefox 81.0 (64-bit) on Ubuntu 18.04, if you ask a question on Stack Overflow or on Meta here, the "Similar questions" widget has a repaint bug when you scroll it:
The widget contents ...
3
votes
0answers
43 views
Long lines in code break layout of revisions page [duplicate]
This first revision of a question has a very long line in a code section (no linebreaks). Instead of showing horizontal scrollbars, the preview of the post content does overflow the revisions page. ...
37
votes
0answers
124 views
Make the text “Post has been deleted” popup brighter on a deleted post in Dark Mode
Earlier, I went to flag a spam post, but it got deleted just before I clicked. I saw this popup:
The text and background is just terrible. Can we please make that much brighter (I couldn't make an ...
0
votes
0answers
56 views
Odd bug in post editor in an HTML code block
I noticed an odd bug in the post editor in an HTML code block. There seems to be some HTML leaking through since the < character is interfering with the > of the blockquote somehow, and a caret ...
44
votes
0answers
181 views
Make the “many similar phrased questions have downvotes” banner prominent
This is a follow-up feature request regarding a comment I posted on "Unhelpful-Title Warning for Question Writers".
As shown in the following picture, when a user attempts to beg for help in ...
13
votes
1answer
94 views
Bad word wrap styling for company name under Job Recommendations on user activity tab
I noticed for listed job postings if the company name is too long it reaches into the next box.
I was able to fix it by setting max-width: 100% on the company name, but if you do that, I'd recommend ...
7
votes
1answer
76 views
Change color of question hyperlink in “Edit post” page in Dark Mode
In the Edit page of this question, I thought the page was missing the hyperlink to the question, because the color is so dark:
Upon searching, I found that the color is #000 !important. Can we ...
14
votes
0answers
146 views
Informational banner for suggested edits (“Your edit will be placed in a queue until it is peer reviewed⦔) is unreadable in dark mode [duplicate]
In the dark mode, when you are editing another person's post, you see this informative message. To be honest, it doesn't cause any problems, but I must say that it is not readable enough.
8
votes
1answer
127 views
Poor contrast on edit page in dark mode
Edit Notice
When editing a post that will be placed into a queue for review, a notice is shown that has poor text contrast in dark mode. It has a color contrast ratio of 1.42:
The notice element has ...
12
votes
0answers
100 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 ...
5
votes
0answers
52 views
Unable to read “User” tab on tag info page when using dark mode
The text on the "users" tab of the "Tag Info" (e.g. python) page is unreadable in Dark Mode.
Also, when hovering the mouse, it is displayed in the color of the Light Mode.
Related:...
7
votes
0answers
80 views
Floating Button for Support: Shadow is limited and cut off by iframe
The FAB shadow (bottom right) for the support chat on the Stack Overflow for Teams pages seems to be limited by the iframe it's embedded in.
This leads to the shadow cutting off very unsightly.
9
votes
1answer
159 views
Issue on Company background color
When you reach this link you will see a not uniform background colour when you have dark-mode ON:
From a user developer story like this one
Click on a company popup to see the employees list
Related ...
7
votes
0answers
90 views
Tools “new answers to old questions” has a design bug
I would suspect it was introduced recently because I go there from times to times and this just caught my attention today.
On the table from the main element of the "New Answers to Old Questions&...
16
votes
0answers
135 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 ...
-21
votes
1answer
153 views
User reputation in answers appear differently than in the profile
Just came across this answer from @JonSkeet and, in the reputation, just realize it appears 1219k:
Why does it appear differently that in the user profile (1.2m)?
Personally, I find 1.2m more user ...
2
votes
0answers
111 views
Review buttons end up off the right side of the browser at scale 120%
When I am at the top of the page it is OK:
But when I scroll down, then the element moves off of the screen despite there being space on the left side:
I'm using Firefox version 79.0.
At 100% it ...
28
votes
2answers
242 views
Increase the height of textarea
When I click the Easy apply button, I will redirect to this kind of page and request to fill in the application form. However, the textarea size for the Introduce yourself section only has 3 visible ...
4
votes
1answer
123 views
Comment formatting help isn't dark enough
I just noticed something wrong with Stack Overflow dark mode feature as screen-shot below.
I am wondering if I there is an official way to "open issue" regarding the problem. So other ...
5
votes
0answers
101 views
“Reviewing post”-screen is too big
I think the "Post-Review screen" expects a too big monitor. And should be more adaptable to screen size.
Here is an image of the review screen:
Problems:
Action buttons are hidden on the ...
17
votes
0answers
115 views
Text “Your edit will be placed in a queue until it is peer reviewed” in edit post notice should be more visible
On Stack Overflow in Dark Mode, when clicking on a post to edit it, I'm greeted with this message (because I don't have full editing privileges):
That's not the problem. The text is too light, too ...
9
votes
0answers
53 views
Hovering over the “award bounty” button doesn't show a hand cursor
The title pretty much says it all. Hovering over the button that's used to award a bounty shows the default cursor instead of the hand cursor. All other buttons to the side of the answer use the hand ...
6
votes
0answers
68 views
Bug in heading when using quotes [duplicate]
Using heading in quotes has some strange behavior, for instance:
>Quote title
>---
>Rest of the quotation
The above should make Quote title a header, and indeed it does in the preview ...