Questions tagged [design]
Use this tag for question regarding the design of the Stack Overflow website, e.g. for issues with the layout.
471
questions with no upvoted or accepted answers
29
votes
0answers
258 views
Migration Stats page layout bug
The migration stats page page displays the number of questions migrated to Stack Overflow and away from here. The data is displayed in table but the stats are displayed incorrectly. Each column is ...
28
votes
0answers
619 views
Post as a guest breaks Responsive Layout
Steps to reproduce:
Logout of SO (might be hard, I would advise you to open a Incognito Window)
Find a question on SO
Make the width of the screen small (like 400px)
Notice you can scroll to the ...
28
votes
0answers
186 views
The “contact us” link is hidden behind a “sign up” banner for people who don't have accounts
I was testing something in as an unregistered user and spotted that the "contact us" link is hidden behind the "sign up" banner:
Can the link be moved to the top of the "Company" list? People shouldn'...
28
votes
0answers
166 views
Review queue side-by-side diff broken when wide image is present
Wide images break the side-by-side view when reviewing posts.
Link to review item. Screenshot below.
And another one (link)
And another, awful one:
27
votes
0answers
394 views
Really small reply screen on mobile
On my Samsung Galaxy S7 Edge which has a screen width of 360px, the input box for replying to someone on Jobs is really small. It is unfit to type a proper reply on mobile.
Can there be a full screen ...
27
votes
0answers
278 views
Flag's 'other' box is too large (comment flagging)
I was going through the Triage review queue, when I came to this question.
I acknowledge that the OP edited the code out of their comment to their question, but however before this their comment was:
...
27
votes
1answer
310 views
80-column code samples scroll horizontally in Chrome on Ubuntu
Something that's struck me as weird for a long time is that I get a horizontal scrollbar on code samples on Stack Overflow if they go over 79 characters. This seems perverse, given that 80 characters ...
26
votes
0answers
113 views
Colorblind mode for reviewing suggested edits
Roughly 8% of men and 0.5% of women are colorblind, the vast majority of which fall into the red-green category, including myself. When reviewing suggested edits, the colors used to differentiate what'...
26
votes
0answers
110 views
Developer story tags are pretending to be clickable
So I was browsing my developer story and wanted to click the tags I had gathered there.
To my surprise they are non-functional, but do display a hover effect, as if they are clickable.
My suggestion ...
26
votes
0answers
254 views
Weird layout when posting an answer
When posting a new answer using the mobile website, the new Answer similar questions box breaks the layout.
Can this be fixed please?
25
votes
0answers
311 views
Long job title name does not fit into border
As described in the title I saw a job in the "Looking For a Job?" section with a pretty long name that kinda destroys the look of the page.
25
votes
0answers
443 views
The fixed size of the div containing deleted flagged posts causes display issues on small screens
The flag summary page puts deleted posts in a <div> with
width: 685px
and
background-color: #f4eaea
which doesn't take the size of the page into account. As a result the <div> flows ...
25
votes
0answers
447 views
“ Answer questions”? all of them at the same time?
Yes again another question about the new layout and about a link I don't understand (maybe it was there before but I never notice it)
What is the purpose of the "answer questions" link. I discovered ...
25
votes
0answers
360 views
How can the anonymous user workflow for the landing page be improved?
The interesting section
When I visit the landing page (https://stackoverflow.com) it leverages a set of knowledge to provide me with interesting questions. I actually like that set, to be honest. ...
25
votes
0answers
133 views
Followed links colouring inconsistent
Whilst I am overall in favour of the new design, I too feel there are a few things that could be improved. One is the colouring of followed links - it's inconsistent between the main site and meta, ...
24
votes
0answers
408 views
Noticeable inconsistency in font sizes for subheaders
Here is a noticeable inconsistency in font sizes for subheaders on the "all revisions" and "single revision" pages:
https://giphy.com/gifs/stack-overflow-Xbfu0zueDYkszketuG/fullscreen
Compare
https:...
24
votes
0answers
274 views
The bounty label is highlighted in mobile devices even if still not awarded
I set up a bounty in a question with a lot of research effort coming from another user last week. Today I've used my mobile browser to see it and award it to the single given answer (the question was ...
24
votes
0answers
401 views
When building a custom view, the tag autocomplete widget position looks wrong
I was creating a custom view and noticed that the tag autocomplete widget appears at an awkward place:
I'm using Chrome 72 on OSX
24
votes
0answers
521 views
Stack Overflow META logo is missing META on the user page
The MSO logo, when logged out, is missing the orange META mark on the user page.
Image of the header when logged out:
Image of the header when logged in:
24
votes
0answers
247 views
'run code snippet' buttons misaligned
I was looking at an answer that had a 'run code snippet' section, and the buttons below it look misaligned - the 'copy snippet to answer' button is higher than the 'run code snippet' button by 1 pixel....
24
votes
0answers
776 views
The new design does not work on IE11
The buttons that are now on the left side do not work on IE11.
They are visible but not clickable.
24
votes
0answers
147 views
Question tags appear on top of error message in the Z order
I recently stumbled upon a question that I had downvoted because I hate fun. In a brief moment of weakness, I tried to undo my downvote, only to learn that it had been locked in. All good, except&...
24
votes
0answers
456 views
“You need 150 reputation to vote” error message is too low
Knowing that users with less than 150 reputation can't vote in elections, I tried to vote in the election with a low-reputation sock puppet just to see what happens. As expected, I got an error ...
24
votes
0answers
275 views
Big arrow navigation confusing for home page lists
I just saw the new arrows at the right and left of posts. It doesn't make sense for me to thumb through home page lists as they are unordered and "random". They also disappear when I click the ...
23
votes
0answers
323 views
New 'Similar questions' box is too small
I noticed there's a new 'Similar questions' box now. I remember that with the old box I could see about three questions at once, here I can see only one and a small portion of another.
Could this be ...
23
votes
0answers
561 views
Incorrect display of bronze badge with 2 digit count
I'm unsure if this qualifies as a bug, but at least on my display, part of the bronze badge gets cut off.
Although just an aesthetic issue, it's bothering nonetheless.
As pictured, the right hand ...
23
votes
0answers
380 views
Grey background doesn't appear for code in deleted answers
The grey background for code seems to have disappeared for deleted answers. For example, this deleted answer looks like this:
This happens on meta as well
Bug?
I'm using the latest version of ...
23
votes
0answers
393 views
“Show code snippet” chevron is underlined
Links in posts on Meta are given a bottom border:
.wmd-preview a, .post-text a, .comment-copy a {
border-bottom: 1px dotted #444;
}
This results in the chevron next to "Show code snippet" also ...
23
votes
0answers
566 views
After the redesign the “possible vandalism: deletions” page is virtually useless
I've already put a question on Meta Stack Exchange about possible improvements to this page, but since the redesign of Stack Overflow even what information I could get from the page has disappeared.
...
23
votes
0answers
298 views
Tag score is too high to fit in
Jon Skeets C# score is too high to fit into the container div.answer-votes in the tags section.
Screenshot:
Issue still persists with new updated UI:
22
votes
0answers
316 views
Hidden Stack Snippets are not accessible and violate web standards
I noticed recently in a question about accessibility, that a snippet I included (marked as hidden by default; as it includes more details then strictly necessary for the question) is not very ...
22
votes
0answers
331 views
The image for the “How do I view vote counts?” part of the “Established-user” privilege is outdated
The Help Center > Privileges > Established user page currently looks like this:
The image shows the vote up/vote down buttons from before a redesign - the image should really be changed to look ...
22
votes
0answers
310 views
Layout: Make the textarea (edit box) for answers and the preview reflect the final width even before posting
Before an answer being composed is posted, the textarea element (edit box) is wider than the answer that will render once actually posted, because the width that is later taken up by the vote tally (...
22
votes
0answers
254 views
X-axis labels for the reputation graph are collapsed in Edge
X-axis labels for the reputation graph are collapsed in Edge (Microsoft EdgeHTML 17.17134)
rather than spread along the axis, as in Chrome or Firefox:
22
votes
0answers
322 views
Data and API links should be visible in the footer
The new footer looks nice and elegant, and it removes a large number of links to Stack Exchange sites that are already promotes at the "Hot Network Questions" section on each page.
However - the "...
21
votes
0answers
91 views
Make the space between the time value and the units a non-breaking one
In rare cases, a comment of a certain magical length will cause the time stamp to wrap onto the next line in a confusing way:
(Image shamelessly stolen from Shadow Wizard, exploiting his hard ...
21
votes
0answers
451 views
Isn't the chat's lobby footer supposed to be stuck on the bottom of the page?
On every tab of the SO chat where the boxes don't cover the whole page (usually favorite | events | mine), the footer is detached from the bottom (unlike when the boxes fill the entire area). It would ...
20
votes
0answers
425 views
Comments in the responses tab on Meta have overflowing rows
Location is "Responses" tab in the "Activity" view: https://meta.stackoverflow.com/users/current?tab=responses
This only affects the Meta profile page; the main SO profile page doesn't have this ...
20
votes
0answers
678 views
The site header is bouncing in Microsoft Edge on scroll
The top header is bouncing when I am scrolling down. It is fine in Firefox and Chrome; this is happening only on Microsoft Edge browser.
It is a little bit annoying to see it bouncing.
20
votes
0answers
480 views
Remove Pluralsight IQ from timeline or header
I feel that it's a bad thing that the results of Pluralsight IQ tests are displayed both at the header of my Developer Story and on my timeline. Is this duplication really necessary? It directs user ...
20
votes
0answers
251 views
Why aren't the Suffrage and Vox Populi badges paired together on the badge page?
I earned the Vox Populi badge earlier today, which prompted me to
read over the badge page in the Help Center and see what else I might be close to earning
get confused about the Suffrage badge I ...
20
votes
3answers
609 views
“I am flagging this comment as” popup is flickering on answers which are shaded
Not major but thought I would log it nonetheless. Whilst flagging a comment on a shaded answer (by shaded I mean it has a negative score of 3 or more) the popup appeared in front of another shaded ...
19
votes
0answers
197 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 ...
19
votes
0answers
92 views
Remove the strikethrough on the edit review page
When going through the edit review, it's hard for me to compare code before and after because of the strikethroughs in the red marked code.
It's harder for me to digest/compare the old code to the ...
19
votes
0answers
346 views
Formatting of code in comments does not preserve spaces
I entered a comment of the form Omit the `& ` entirely containing a segment in backticks. However, the space after the & inside the code segment was collapsed with the following space outside ...
19
votes
0answers
215 views
Cropping/centering problems with logos in Developer Story
If you provide an image that is taller than it is wide, its height is not correctly scaled to fit the 64x64 pixel box:
Using very tall images, the problem gets worse (distortion is mine, I just ...
19
votes
0answers
144 views
Why does the tag in suggested edit review contains vote count?
This is one of my first tag wiki edit reviews, and I was a bit surprised about it containing a vote count display:
Is there a feature that allows voting for tags that I've been ignoring all this time?...
19
votes
0answers
232 views
Questions icons wrapping when title contains an extremely long word
The mobile site's Questions votes and answers icons wrap if a question title contains an extremely long word.
19
votes
0answers
200 views
Yellow is a bit stressing for the eye, change the highlight color of linked chat message
https://chat.stackoverflow.com/transcript/message/16052270#16052270
I suggest a lighter shade with a bordered background.
Edit: I'll go with the color what the chat input box has: #FBF2D9, with a ...
18
votes
0answers
284 views
Overlapping content on Safari iPad mini
There seems to be an issue with overlapping content in Safari on an iPad mini 1, model A1432, with iOS 9.3.5 running. Switching it off and on again, deleting cache, rebooting, etc. has not solved ...