Questions tagged [design]
Use this tag for questions regarding the design of the Stack Exchange websites; e.g., for issues with the layout.
3,111 questions
1
vote
0answers
40 views
Hot Meta Posts titles aren't spaced from vote totals if vote total is a three-digit number
Recently, a post with a three-digit vote score ended up on the Hot Meta Posts list on Stack Overflow. Due to its high vote score, it ended up just barely touching the post title link:
Can extra space ...
9
votes
0answers
69 views
Apply the site primary theme color in the edit profile page
In all the Stack Exchange per-site and per-site meta's Edit Profile page, the sub menu titles (PERSONAL INFORMATION, EMAIL SETTINGS, SITE SETTINGS, ...) and markdown editor toolbar hover color are set ...
3
votes
0answers
17 views
Privilege box height is less than badge box [duplicate]
On my temporary profile page for Game Development, the height of the privilege box is less than badge box located next to it.
21
votes
0answers
120 views
The privileges page uses problematic styling
Prompt.
The things I can do are faded to the point of unreadability, while the things I cannot do are more legible.
The hover effect is used to gain readability of faded items, but many devices have ...
3
votes
0answers
42 views
Direct links to Stack Exchange profile subtabs look bad
In a StackExchange.com profile, you can directly link to a tab like Favorites just fine. But when you try to link to the votes subtab under that, it doesn't look right because it's not the entire page ...
3
votes
0answers
24 views
Expand summary block to full width if there no items in queue
If a queue has items to review, it looks fine:
But if there are no items in queue, the description looks bad.
This block basically consists of 2 blocks:
<div>
<div class="...
6
votes
1answer
64 views
Flag dialog is under sidebar text
The flag dialog is under the left sidebar text. This only started happening over the past day or two.
Using Safari 12.1.1 on MacOS High Sierra.
Successfully reproduced on StackOverflow and PPCG, along ...
5
votes
0answers
41 views
Ask question - Tags - partial placeholder text truncated
On the Ask a question page, in the Tags textbox, the placeholder width is set to 19px, so a part of the placeholder text is truncated.
2
votes
0answers
36 views
Summarize badge counts > 1000 [duplicate]
There exists (glorious) users on various StackExchange sites with more than 1000 badges. This makes the formatting of the user profile at the bottom of questions/answers a little odd, as the badge ...
4
votes
0answers
44 views
Make click on row behave like click on checkbox in “move comments to chat” option in mod menu on question
Right now, clicking on the row behaves like clicking on the radio button.
Notice how the radio button flashes indicating that it's being clicked. The checkbox should be checked instead.
4
votes
0answers
54 views
On the admin page statistics table is out of the border on meta site
https://ru.meta.stackoverflow.com/admin
8
votes
0answers
26 views
Double tooltip on Email Settings page
There's tooltip doubling on Email Settings page on the profile:
That definitely looks weird.
2
votes
0answers
22 views
HNQ links sometimes hard to see [duplicate]
The Hot Network Questions tab exists on many sites. It is (almost) always dark-ish text on a white background. Usually, links that I've clicked on before change color, which helps me keep track of ...
3
votes
0answers
27 views
RSS icon overlaps url in subscribe window
For example, on locked-questions page.
It's ok to overlap, but 'cause icon has alpha background, it looks bad. Possible solutions:
Add padding.
Make white icon background.
5
votes
0answers
41 views
Links overlap on snippets
With certain screen widths, the “Hide results” and “Full page” links on snippets overlap (e.g. here, you need to run the code snippet to repro)
Using a smaller or bigger width makes the page ...
-5
votes
0answers
85 views
Separator line not aligned when viewing vote counts on historically locked posts on Internet Explorer 11
When viewing the vote counts on a post with a historical lock on it in Internet Explorer 11, the separator line between the upvotes and the downvotes isn't aligned.
Normal post (aligned):
Locked ...
8
votes
0answers
55 views
Do not place the editor on top of the author when zooming in
At a certain zoom level or sufficiently small browser window, respectively, author and editor information do not fit side-by-side anymore and get placed on top of each other. So far so good. However ...
2
votes
2answers
78 views
Why do stack sites use different fonts?
I just found that the Stack Overflow font is bigger than the font on math.stackexchange. Look at last lines on two images.
math.stackexchange:
Stack Overflow:
Why do they use different fonts?
3
votes
0answers
25 views
Activity data checkbox style
Activity data checkbox style looks different on my iPad than other checkboxes on the Preferences page:
I’m using iOS Google Chrome 74.0.3729.155
6
votes
0answers
73 views
Bounty text color is awful [duplicate]
Green text color! Are you serious! It used to be white for sure.
Could be found in the reputation tab - for example, I browsed this dear user.
13
votes
0answers
72 views
It's annoying to click the top banner ad when I'm trying to click upvote
I don't know if my internet is slow, but it seems to be perfectly timed that right when I am about to click the upvote for a question, the top banner ad loads into view right where the upvote button ...
42
votes
0answers
563 views
Bounty amount on reputation tab hardly readable
Today, a bounty was awarded to one of my answers (thanks @gnat); when I visited my reputation tab I noticed that the amount is hardly readable since it's green text on a blue background:
Can that be ...
3
votes
0answers
32 views
Too much whitespace breaks markdown side-by-side diff
I came across this "bug" when reviewing this suggested edit. The review basically removes a lot of useless whitespace from a codeblock (that was used to show a stacktrace). This is how it looks like ...
18
votes
0answers
59 views
Is it possible to make the annotation and flag counters on profiles colorblind friendly?
I have a heck of a hard time identifying whether a user has annotations or flagged posts on their account when looking at the profile page and only one is present. There is an older post asking for a ...
5
votes
1answer
93 views
Add a whitespace before the provider icon
The message in register new account dialog using 3d-party provider has no whitespace before the provider's icon:
I think this should be fixed.
1
vote
0answers
44 views
Missing Schema.org types 'QAPage' and 'Question' for question without answer
If a question has no answer, the structured data is missing the Schema.org types QAPage and Question.
Example: question with answer
The QAPage item is specified on the html element, and the ...
4
votes
1answer
61 views
Color for new events in dropdown is too light
Whenever I get new reputation events, badges, or comments I end up scrolling too far because the highlight is too light. See for example in this image:
The regular background is white (#FFFFFF) ...
1
vote
0answers
30 views
Alignment issue in the users search page warning message
There is an alignment issue on the Users page. When the given search text does not match any user, we receive this warning message:
No users matched your search.
But the text is not aligned with ...
-6
votes
1answer
62 views
Please replace pages that have responsive design with those versions on mobile
The responsive design is very nice on pages like the homepage (has a theme, more buttons on the top than mobile) and has extra functionality on questions (view votes) and the asking UI (all the ...
1
vote
1answer
55 views
When feeds post an instant deleted question in chat the formatting is off
In the SEDE Chatroom I have two feeds, one is the Twitter StackStatus, the other is a networkwide filter on questions tagged data-explorer.
Today I noticed these feed items:
The second item clearly ...
7
votes
0answers
106 views
Bad combination of colors for text and background on Sign up button
Just open MSE (or any other SE site) in private mode to see the ugly color-combination:
Same for the achivements-popup.
BTW don't forget about long standing colors issue in chat.
5
votes
0answers
33 views
Highlight quotes with blockquote in Low Quality Posts popup
Is it possible to eliminate double quote symbols around comment text in Low Quality Posts popup and use block quote highlighting like in regular post instead?
I think using some kind of universal ...
-4
votes
1answer
108 views
Labels atop code blocks
I'm sure this is an accident, but I've recently found out that you can "label" code blocks in a really nice way by using inline code in a level 4 (####) header:
#### `Main.hs`
```haskell
module Main ...
2
votes
0answers
25 views
Background of “Edit tags” button overlaps with other tags
After the using of inline tag editor (tap "Edit tags", then cancel) on this post the "Edit tags" button background is overlapped with other tags:
Image was taken from mobile Chrome with enabled ...
6
votes
1answer
80 views
No options while editing a post body
I was browsing the review queues and tried editing a question. There were no options under the body. I was pretty confused so I skipped the question only to see it was happening on other questions too....
7
votes
1answer
80 views
Hidden left nav looks weird (blue linkish design)
Previously the left nav hidden in the topbar had the same black layout as the uncollapsed nav. However recently they turned into some strange bluish/link color. I don't think this is intentional:
...
4
votes
0answers
35 views
When Improve Edit the side bar content is displaying in the bottom of the page
When review the suggested edit - click the edit link from the post and Improve Edit in the screen the side bar of How to Edit and How to Format sections are displaying in the bottom of the page.
GIF ...
3
votes
1answer
66 views
Icon for election is different on community bulletin for main and meta sites
Physics SE has an ongoing election.
Here is a screenshot of the community bulletin visible on the main site:
This is what I see when I'm on the physics meta site:
I believe that the meta ...
3
votes
0answers
43 views
Imgur notice overlaps the upload popup's border
On the insert image, the popup Imgur notice overlaps the upload popup's border for small screens (the image is taken on desktop Firefox with a narrow window, but the issue is also affects ruSO on my ...
9
votes
2answers
118 views
What is this clock icon near the voting buttons?
On the image from Nick Craver’s tweet where the screenshot of my post is displayed I noticed a clock icon on the left hand side of the post below the favorite star icon.
What’s the purpose of ...
16
votes
1answer
112 views
Deleted posts could create confusion for colour blind users; is there something to be done about it?
I'm a mod on Game Development and today, in chat, a user has asked me to delete something they mistakenly posted as an answer instead of a comment. And so I went ahead and deleted the answer.
But ...
10
votes
1answer
69 views
Featured on Meta widget missing :visited style
Pretty self-explanatory. Basically all links on stack exchange use #07C as the default colour, and #005999 for the :visited, :active, and :hover states (or whatever the colours happen to be for a ...
1
vote
0answers
26 views
Slight width difference for the notification message text cell in Stack Exchange site achievements dialog
There is a slight width difference for the notification message text cell, in between the stackexchange.com and other Stack Exchange site's achievements dialog.
As per the screenshot below, same ...
2
votes
1answer
67 views
Show Tags in HNQ Sidebar [duplicate]
Old related post from 8 years ago: Add tags next to the question in list of hot questions
As of now, there's no way to see the tags on a Hot Network question in the sidebar without clicking into it.
...
12
votes
1answer
110 views
Will the design related bugs be accepted for non-100% scale factor since responsiveness is available?
Before the responsive design era all design related bugs that happen only on non-100% scale factor of the page were considered as invalid, i.e. not-a-bug.
Nowadays many SE pages already have ...
2
votes
0answers
21 views
SE app looks weird on mobile device [duplicate]
I have been using SE sites (mainly SO) on my desktop computer and on my Samsung S4 mini mobile phone for years. It works well on of both devices. Recently I got a Samsung Galaxy Tab S2 9.7, and the SE ...
10
votes
0answers
88 views
A possible bug: The right margin of printed SE content is way too large [duplicate]
I am viewing a Stack Exchange question in Chrome on a Windows machine. If I now click on "Print...", I obtain the following preview:
Visually, there appears to be way too much white space to the ...
12
votes
0answers
84 views
Long site name hides the diamond in profile page Communities
Normally we see the sites where the user has a diamond in the Communities section of their profile:
However, when the site name is lengthy and causes text overflow, the diamond is hidden:
(...
2
votes
0answers
20 views
Mobile chat chops off the numbers [duplicate]
As seen in the image below, the numbers (which represent seconds left for a timeout to end) are chopped off.
They start as a whole from the bottom left corner, but are chopped off on the way, first ...
2
votes
0answers
32 views
Tapping site icon on stackexchange.com increases page width
Stackexchange.com page with site tiles looks normal initially:
But if you tap on any tile from the right side the page width will be increased to make popup visible:
In the same time top bar ...
