Questions tagged [design]
For question regarding the design of the Stack Overflow website, e.g. for issues with the layout, use this tag.
521
questions with no upvoted or accepted answers
29
votes
0
answers
172
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:
28
votes
0
answers
620
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 ...
27
votes
0
answers
396
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
0
answers
279
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
1
answer
318
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
0
answers
121
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
0
answers
117
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
0
answers
590
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:
26
votes
0
answers
448
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 ...
26
votes
0
answers
256
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
0
answers
313
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
0
answers
447
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
0
answers
327
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 (...
25
votes
0
answers
152
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&...
25
votes
0
answers
362
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
0
answers
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
0
answers
409
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
0
answers
276
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
0
answers
402
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
0
answers
249
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
0
answers
784
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
0
answers
563
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 ...
24
votes
0
answers
459
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
0
answers
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
0
answers
781
views
The GitHub and Twitter links are obscured in the new layout
Update
I think I've changed my mind. It is not that bad.
With the new layout of the profile page, the GitHub and Twitter icons are so small and occupy just a tiny space which makes them hard to find ...
23
votes
0
answers
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
0
answers
382
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
0
answers
417
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
0
answers
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
0
answers
300
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
0
answers
210
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 ...
22
votes
0
answers
322
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
0
answers
336
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
0
answers
255
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
0
answers
95
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 ...
22
votes
0
answers
326
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
0
answers
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
0
answers
128
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 ...
20
votes
0
answers
426
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
0
answers
729
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
0
answers
520
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
0
answers
354
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 ...
20
votes
0
answers
254
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
3
answers
611
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
0
answers
156
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 ...
19
votes
0
answers
166
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 ...
19
votes
0
answers
219
views
Scrolling through "similar questions" resulted in visual tearing/overlap
I started to type a question and when I scrolled through the similar questions box there was some sort of overlapping visual bug:
19
votes
0
answers
220
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
0
answers
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
0
answers
233
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.