Questions tagged [design]
For questions regarding the design of the Stack Exchange websites; e.g., for issues with the layout.
4,129
questions
0
votes
0
answers
37
views
Badge achievements broken? [duplicate]
I recently got badges for Yearling in ELL and English Stack exchange, and they looked funny. I realized that I was looking at the badges from another site in the achievement dialog.
This is what it ...
7
votes
0
answers
80
views
Strange color change when clicking the vote button and holding the mouse
I upvoted a question today and saw than when clicking the upvote button, there was a strange color change to a blue color that seems to be consistent across all sites.
Example taken from Stack ...
-8
votes
1
answer
190
views
Only add the "edited by" label for big changes, and not "Edit tags"
Editing tags is a minor change; "Edited by ..." should be added only for big edits/ improvements.
Personally, I find "Edited by ... Kilroy" distracting, not helpful.
3
votes
0
answers
31
views
Add comment guidance has very low contrast text [duplicate]
This showed up the first time I added a comment:
The black on dark blue is very hard to read. I think it should use the standard code colour of code. so it would look like:
Comments use mini-...
-4
votes
0
answers
118
views
Non-ASCII characters are being displayed in the question section
Non-ASCII characters are appearing in the question section. These characters are also visible in both the New Question and Edit modes.
Please refer to the screenshot for clarification:
0
votes
0
answers
49
views
The search popover tooltip lost the keyword text in Meta
The search popover tooltip is missing the keyword in the Meta section. In the Stack Overflow Search screenshot, the keyword texts are displayed correctly.
Screenshot from Meta Stack Exchange:
...
64
votes
10
answers
17k
views
New Focus Styles & Updated Styling for Button Groups
New Focus Styles
We’ve released a design update to focus styles across the many components within our design system and as well as a new design for our button group component. See more details on how ...
63
votes
2
answers
637
views
Too small search bar and the search icon/magnifying glass is shown twice while viewing sites in portrait mode on mobile
The search bar (with drop-down) in the top bar isn't responsive.
It also is duplicated, which means it takes up an unnecessarily large amount of space on Stack Overflow with the AI text:
1
vote
1
answer
127
views
Bold text conversion doesn't work across paragraph break
When there is a paragraph break between two bold codes (double asterisk), the asterisks are displayed and nothing is bolded. Is it a bug, or intentional?
Possibly related; not duplicate: Markdown ...
2
votes
0
answers
142
views
The vote button disappeared if I voted a question/answers without signing up [duplicate]
Today, I see this question on the TeX - LaTeX site. Command for Multiplying Integers
I want to upvote the answers.
I click the upvote.
Oops, I forgot I didn’t even sign up an account for that site.
...
15
votes
1
answer
232
views
Vote Button :active state not reset after mouseDrag
The Vote button got some styling changes [1], which introduced a state where the ::active color does not reset, whereas the arrow stays white, becoming invisible on the white background.
Press (and ...
12
votes
0
answers
168
views
The behavior of popup vote totals losing their +/- sign if the absolute value requires 3 or more digits triggers awkward, sudden paragraph reflows
On the vote-total popup, the leading + or - is suppressed once the total hits three digits:
Demo:
Demo:
Demo:
Demo:
This happens in both the 🟢 upvotes on the top and on the 🔴 downvotes on ...
7
votes
0
answers
82
views
Hamburger Menu Link from Meta to Main sites has excess padding
When accessing a community Meta site, the parent site link under the Current Community heading has excess padding, breaking alignment with the help/chat/log out links, and with the pipe that leads to ...
-7
votes
1
answer
134
views
Remove border from non-textbox elements when focused
The recent design change of adding a visible border around textboxes when they're focused is a good thing IMO.
However, when applied to elements such as radio buttons, it can just look weird, e.g. in ...
0
votes
1
answer
261
views
Why is there a blue border around focused textboxes now? [duplicate]
I noticed that in all Stack Exchange sites, when I focus any textbox, there is now a very visible blue border/outline around it.
Was this outline intentionally added, and if so, what is its purpose?
...
3
votes
0
answers
48
views
Add an owner indicator to the suggested edit review after it has been reviewed [duplicate]
When a review has been evaluated by the question asker (OP) in the suggested edit review, it fails to indicate that it was reviewed by the question asker. Typically, the question asker's identity is ...
5
votes
1
answer
135
views
Too small margins between user names on the timeline
In the post timeline, the margins between usernames are too small, especially when a moderator (with the additional displayed icon) has participated:
7
votes
1
answer
154
views
Overlapped items on cookie customization popup
There are overlapping items on cookie customization popup on mobile devices like Android phone:
1
vote
0
answers
88
views
User names wrapped too early in chat transcript (mobile chat version)
On the chat transcript page, usernames are split to several lines for unknown reasons, despite there being enough space on the single line:
After joining the chat, all names fit in line:
Interesting ...
8
votes
0
answers
62
views
Edit review page: looks like all tags gone
No big deal, but here with the side by side display, a quick look gives the false impression that all the tags were removed in the new version.
So perhaps it would be best to repeat them anyway, in ...
18
votes
3
answers
566
views
Eeek! Footer can be broken when certain code is inserted to a post
On the SO post https://stackoverflow.com/questions/46677752/the-difference-between-requirex-and-import-x#:~:text=require%20uses%20module.,more%20or%20less%20like%20module.
The footer style is ...
7
votes
1
answer
157
views
Author card content is truncated in the blog
In the recent blog post titled The path to socially responsible AI, the content within the author card appears truncated, concluding with an ellipsis. Unfortunately, there is no tooltip available for ...
6
votes
0
answers
102
views
On the stackexchange.com filters page, use a background color instead of having to load an external image
On the filters page on StackExchange.com, a static external image is loaded to force a background colour instead of applying a CSS background-color for the HTML element .filters-sidebar .filters ul li....
23
votes
1
answer
500
views
Your gifs make me sick: Please disable auto-play
On Stack Exchange, gifs play automatically. See the lower part of this answer for an example without too much motion/flashing.
To many people, autoplay is merely an annoyance. However, to ...
2
votes
0
answers
56
views
The "Add" button in the edit interface for "Your Communities" is nearly invisible [duplicate]
I was trying to add my most visited sites from the top-right dropdown menu, and it took me so long, because I did not realize the faint add button is not disabled.
I thought I was doing something ...
2
votes
0
answers
98
views
Why is the color contrast in the comment instructions barely readable? [duplicate]
This is an example from the Politics site. I have noticed it on other beta sites. Black font letters on a medium-dark blue background is difficult to read.
I am sorry about the large section that is ...
-10
votes
1
answer
243
views
Are Stack Exchange websites' UI/UX development still happening? [closed]
I am curious to know if the platform itself for Stack Exchange is still being developed from a UI/UX point of view. Personally I haven't seen much change over the years, so that's why I am asking.
Is ...
18
votes
1
answer
210
views
The "Add" button on the "A list of all 183 Stack Exchange Sites" menu is not visible until you hover over it
The "Add" and "Reset" buttons on the "A list of all 183 Stack Exchange Sites" menu are not visible until you hover over them.
To replicate this bug:
Click on the "A ...
7
votes
0
answers
52
views
When viewing last page of a Saves list and it has one item only, the filter tabs disappear
There appears to be an edge case bug whereby the tabs of a Saves list disappear from view, namely the "Score | Activity | Views | Newest | Added" tabs.
This happens when you have ( n mod 30 ...
-4
votes
2
answers
366
views
Make the background of code blocks darker (or a different color)
When we use code blocks, created for example by the "Code Sample" button ({}), the background is so light:
Example: hsl(0,0%,96.5%)
But when we use backticks (`) to create inline code the ...
7
votes
1
answer
163
views
Hand cursor does not appear over radio buttons on flag dialog
The arrow cursor does not change into the hand cursor when it moves over the radio buttons of the "I am flagging to report this question as..." or the "I am flagging to report this ...
1
vote
0
answers
259
views
I am not able to figure out whether I voted or not and this is wasting my effort [duplicate]
I am not able to figure out whether I voted or not because of the colour of up and down buttons and this is wasting my effort because I do try to vote and then it tells me that I have already voted. ...
9
votes
0
answers
156
views
Colors of code-formatted text in comment help is difficult to read
The new color scheme on the collapsible help section when adding a comment is very difficult to read for the highlighted sections. The new darker highlight does not have enough contrast with the black ...
5
votes
0
answers
97
views
Problem with vote buttons—color change without actually voting
I've encountered an issue with vote buttons. I think it's a real issue when using a tablet (for reasons that will become apparent), but I've reproduced it in a PC browser.
The new vote buttons can ...
69
votes
9
answers
16k
views
Seeking feedback on tag colors update
Update February 15th, 2024
Thank you for providing the requested feedback on the original post. From the discussion, it seems like Option 3 and Option 4 were more favorable. Therefore we have taken ...
5
votes
0
answers
166
views
Please make all blue tags black and gray in per-site metas
In most per-site metas common tags have black (and gray) cards; an example is Meta Physics SE.
But there are some sites that have colored common tag cards such as Meta Philosophy SE. And the color of ...
3
votes
0
answers
49
views
Result of recent action on admin dashboard may overlap the border
Result of recent action on admin dashboard may overlap the border:
Original English string is slightly shorter:
Post flag resolved as helpful
As you can see the post long title is processed ...
2
votes
0
answers
41
views
Finish registration notice doesn't look designed right
Being an unregistered user, you can proceed with finishing the registration. In this case, you will see the same page as in a normal registration, but with a misaligned notice above:
Notice states:
...
1
vote
0
answers
59
views
Elements overlapping on send mod message page
In case of unverified Email for user, the private mod message has overlapping between page title and the notice on narrow screen:
Link for test for staff: https://ru.stackoverflow.com/users/message/...
1
vote
0
answers
58
views
Too big font size for user flagged post page
Currently the font size on user flagged posts page is too big:
It wasn't so big some times ago.
Looks like it affects many pages in user profile settings as well:
2
votes
0
answers
49
views
No bottom lines for last row of tags in next tag badge popup
In your profile you can track your next tag badge.
In some cases there are not bottom lines for tag blocks in next tag badge popup:
Animation with scrolling popup content:
Reproduced on iPad Pro 11&...
2
votes
1
answer
98
views
Long name of badge makes badge fat on Next Badge popup
When a badge with a long enough name hits into the Next Badge popup, it appears fat on a narrow screen:
It turns out it also happening on wide screens (e.g., on iPad Pro 11"):
Here's clearly ...
8
votes
0
answers
78
views
Part of Q icon in leftnav disappeared on mouse hover
When you hover a Question item on left-nav by mouse the bottom left corner of the icon disappears:
Animation below (tested on Windows 11 Google Chrome):
3
votes
1
answer
120
views
Is the icon update for accessibility purposes?
I just noticed an update on the SE icons (on many sites if it's not all):
Is this for accessibility purposes? Or is it for purely aesthetic purposes?
I'm just curious about the reason for the change
9
votes
1
answer
130
views
Text is not wrapping in the tag popup of "Top Tags" section in profile
As can be seen in the below screenshot, it's all messed up:
11
votes
1
answer
90
views
Make saves listing visually indicate deleted answers
In the current Saves List UI, deleted answers are shown the same as non-deleted answers. If an answer is deleted along with its parent question, then the question and the answer are highlighted in red ...
0
votes
0
answers
156
views
Why is the author info box on question posts now coloured blue? [duplicate]
I’ve noticed this change and not sure if I like it aesthetically, but what does it semantically signify?
71
votes
22
answers
34k
views
Update: New Colors Launched
November 22, 2023: To help with internal managing issues, you may see a reference number added next to the status tag on your post. These numbers don't determine the order or priority of issues but ...
15
votes
0
answers
504
views
Did the purple highlight just get worse?
I just refreshed a page on MusicSE, which got a nasty purple highlight after the recent colour changes - see New colors launched - to be presented with an even darker purple on a new contributor user ...
7
votes
0
answers
40
views
In the inbox, "N hours ago" is underneath the envelope icon when there's a URL in the notification
In this image, see how both messages were posted 9 hours ago but in the first one that text is covered by the envelope icon:
It still happens when the message is read. I think it's because of the ...