Questions tagged [design]
Use this tag for questions regarding the design of the Stack Exchange websites; e.g., for issues with the layout.
3,902
questions
8
votes
0
answers
65
views
Can we have a little whitespace between lines in user cards?
I just noticed the usercard of our Community Manager Salmon_of_Wisdom in this question, where they made an edit (which was superseded by another edit, yes one by me):
As their username is relatively ...
- 34k
5
votes
0
answers
44
views
Trailing whitespace in collapsed vote score
This one is a design nitpick that I think is worth posting because I've noticed it repeatedly. There's a trailing whitespace in the collapsed vote score if we select it:
But if we compare it with the ...
- 23.8k
12
votes
0
answers
83
views
Links should not look the same as plain text
This image shows three users in the comments on German Meta:
One of them is deleted and therefore lacks a link to their profile. However, all of the links look like regular text so it's impossible to ...
- 37.6k
2
votes
0
answers
54
views
Text not vertically centered in recent flag declined banner
I noticed that unlike many of the elements across SE the text in the "recent flag declined" banner isn't vertically centered inside the box.
Notice the text is above a centered line, instead ...
- 23.8k
5
votes
0
answers
69
views
Extraneous whitespace in close dialog in Safari
In Safari (16.0) on macOS (12.6), the close dialog has some additional whitespace above the title - it seems to be aligned with the bottom of the close icon:
On other my browsers (Firefox, Chrome) it ...
GlorfindelMod
- 225k
6
votes
1
answer
98
views
Please make the "Show questions" button bigger in moderator election
I am seeing this election page on Math Overflow and the button which shows the selected nomination questions for the election is too small.
Could the "Show questions" button be increased in ...
6
votes
1
answer
120
views
Is there a path for other SE sites to have rep hidden by default like MathOverflow?
Looking at MathOverflow, I noticed rep and badges from all users was hidden by default. It's a very interesting concept and I was just curious if another SE wanted to have their rep hidden by default, ...
- 2,695
16
votes
0
answers
168
views
Link of Share button shows stop sign on hover
A recent change in the CSS of the Share button under posts has the pointer turning into a stop (or forbidden) sign if you hover over the link.
(I wasn't able to take a screenshot containing the cursor ...
- 23.8k
4
votes
1
answer
131
views
Accepted answer box; grey instead of green
A few days ago, the new styling made the accepted answer boxes dark green, as described in this question.
Today, I saw a 'new' grey variant, with the 'accepted answer' icon:
Screenshot of all 3 ...
- 2,326
29
votes
1
answer
408
views
Ignored tags no longer gray out the questions
It seems a new change was made to SuperUser, where questions with tags on my ignore list are now almost as visible as regular questions. In fact, they seem to pop out more than the non-ignored ...
- 851
19
votes
1
answer
167
views
Code samples in recent blog post about Perl are difficult to read when system is in dark mode
Apparently in the past there have been difficulties with color issues in the blog. The recent blog post This is not your grandfather’s Perl contains some code samples. Two of the first samples, under ...
- 1,428
18
votes
1
answer
220
views
Light gray link text in “Share” pop-up is almost illegible
The “Share” button at the bottom of a question or answer produces a pop-up, with the link being selected in a (read-only) input field:
The link text is almost illegible. Would it be possible to ...
- 1,436
28
votes
0
answers
222
views
Please test design / colour changes in dark mode and site themes
It's become painfully obvious that design changes, especially around colours, are never tested in Dark Mode, at least not for https://stackoverflow.com.
These changes affect other themed sites as well,...
- 922
-1
votes
3
answers
584
views
Give us back the light green box for accepted answers. It can be accessible too!
Today the box that indicates if a question has an accepted answer has changed colour. This was done in an effort to improve the accessibility of the site. A noble goal which I generally applaud.
If we ...
- 34k
25
votes
1
answer
207
views
Watched question titles are changed to blue on themed sites
The site's theme colors were preserved for unwatched questions, but watched questions have been forced blue, as seen on https://rpg.stackexchange.com:
The site's theme colors should be preserved. The ...
- 6,310
36
votes
1
answer
758
views
Why has the green accepted answer indicator become darker on all the sites?
I just noticed this change recently; the green accepted answer indicator has become darker (i.e., from 47% lightness to 31%) on all the sites:
Previous design for comparison:
Was this intended?...
- 9,464
12
votes
1
answer
156
views
Editor in "Ask Question" page has two snippet icons
There are two snippet icons displayed in the question's body Markdown editing tool. Clicking on both icons opens the snippet section.
I am able to reproduce this on Meta Stack Exchange and Stack ...
- 35.1k
8
votes
0
answers
52
views
Home page sidebar - "faq" tag popup content is aligned to the right
There is an alignment issue in the "faq" section's tag description, which is in the "Frequently Asked" section of the sidebar of the Home page in the Meta Stack Exchange and per-...
- 35.1k
11
votes
1
answer
100
views
Display issue when hovering over any of the tags in the "Responses" tab
There is a display issue when hovering over any of the tags in the "Responses" tab. The popover on the bottom is overlapped with the below revision's tag and icons. But the popover on top ...
- 35.1k
9
votes
0
answers
123
views
MathJax can create unbroken, too wide texts
On Astronomy, I just encountered an answer to this question which completely overflows the answer/question column of the site:
I'm not sure whether there actually is a good solution to this - but SE ...
- 401
8
votes
0
answers
76
views
The revision number could use some more room
There's (too) little space between the revision number on the left, and the edit summary and links to the right, when the revision number has three digits. See for example the most often edited Stack ...
GlorfindelMod
- 225k
5
votes
0
answers
30
views
No padding after 'Log in' link at the top of the Stack Exchange home page
On both Safari and Firefox (I haven't tried other browsers), the Log in link at the top right corner comes all the way up to the edge of the browser window. After looking over the recent questions ...
- 151
3
votes
0
answers
54
views
Incorrect tag badge interface [duplicate]
I just received the Archaeologist badge on Stack Overflow:
When I clicked Track the next one, I was displayed a choice of the tag badges I had made progress in instead:
Then when I clicked on the &...
- 724
3
votes
0
answers
31
views
Is the alignment incorrect on the tag badge congratulations message? [duplicate]
The congratulations message and icons which are displayed when I receive a new tag badge are top-left aligned in the Summary box on my profile page.
Is this how it's supposed to look?
- 724
12
votes
0
answers
91
views
Empty text field next to light bulb on questions closed with multiple community-specific (off-topic) reasons
It seems that recently, a bug was introduced in the post notice on questions that were closed with multiple community-specific (off-topic) close reasons. There's a spot for a text field next to a ...
4
votes
0
answers
72
views
Site features such as Logout/Chat/Help are difficult to find due to icon help/hover text ("A list of all ... Stack Exchange sites")
The help/hover text says "A list of all 181 Stack Exchange sites", and yes, there are several sites and sets of sites here:
Current community
Meta site for the current community
Top ...
- 607
9
votes
1
answer
109
views
Undo/Redo buttons are vertically stacked in Markdown mode on narrow screens
When using Markdown mode in the new Stacks editor on narrow screens, the Undo/Redo buttons are vertically stacked:
When in rich text mode, the Undo/Redo buttons appear side-by-side, like in the old ...
- 9,464
10
votes
0
answers
79
views
"Add Original" button not reachable on mobile browser
If a question is closed as a duplicate (of one other question), and then if I try to edit it to add more duplicate questions, it's ok on a PC desktop browser.
However, on a mobile browser (Chrome on ...
- 375
70
votes
1
answer
530
views
Favicon sprites are offset in site list dropdown, not as a result of a new site being created
I opened up the site today and am seeing site favicons offset in a weird way:
Is this just me? Or did something happen with the way the sprites are rendered?
The Featured sidebar is where I noticed ...
- 6,021
8
votes
0
answers
197
views
Some buttons on the site are being highlighted even on mouse-click
When selecting some of the buttons under a question or an answer using a mouse (for e.g., the Follow, Close/Reopen, Flag and Delete buttons), the button has a highlight around it, as the GIF below ...
- 9,464
1
vote
1
answer
76
views
User avatar overlap
When reviewing some questions, I saw this:
Is this a bug? The user avatar characters aren't even fully visible either.
Related: Alt text overlap for Top Network Askers with broken avatar
- 1,873
-9
votes
1
answer
70
views
Making the 'Original Question' and 'Last Answered' dates easy to see instead of assuming duplicate, as tech evolves [duplicate]
There's a lot of talk about removing or penalizing questions because they are "duplicates", but there's a lot of times when a question should be reasonably reasked because the technology or ...
- 21
8
votes
0
answers
87
views
Reputation Overflow™ on activity page sidebar
Some of the sidebar links in your personal activity page have badges to indicate certain updates. Sometimes, they become too large and overflow the labels:
I can reproduce this on the latest Firefox ...
GlorfindelMod
- 225k
5
votes
0
answers
36
views
Hyphen and ellipsis overlap for certain long titles
Under certain circumstances, a browser's word break and text overflow functionalities collide, producing a hyphen that overlaps the ellipsis. This is how this user's profile looks like in the latest ...
GlorfindelMod
- 225k
5
votes
0
answers
57
views
Expanding a post with a large code block in profile pages breaks the design
After expanding a post that contains a large code block in a profile, the design of the page breaks and creates a horizontal scroll.
Collapsing the question afterwards does not fix the design, and the ...
- 1,620
19
votes
0
answers
326
views
Can the "Sponsored by AWS" message be made smaller (less annoying)?
Looking at Ask Ubuntu, the "Sponsored by AWS" is... large on mobile. For reference, this is how it would look on an iPhone 12 (I'm using device emulation for the screenshots hence why I'm ...
- 1,074
4
votes
0
answers
70
views
Moderator sign is overlapping with network profile [duplicate]
As you can see, the moderator and network profile overlap each other.
I am on Chrome (version 103.0.5060.71) for Android, resolution 2220×1080 on mobile.
- 1,873
7
votes
0
answers
79
views
"Sorted by" dropdown is further right-aligned than the answer area on Q&A pages
The sorted by dropdown is not aligned with the rest of the answers page:
You should add the class post-layout--right to the <div class="answers-subheader d-flex ai-center mb8"> div ...
- 179
2
votes
0
answers
52
views
Bug with the profile edit save buttons
The 2 buttons seem too close to each other. Can this be fixed?
To get this you need to have an account on any site that you have not edited your profile before. So if you have customized your account ...
- 1,873
1
vote
0
answers
188
views
Close x in update profile info dialogue not centered
In the network profile if you choose Update profile info the close button doesn't have the X centered inside the circle. I've found older posts where this happens with a different misalignment.
Using ...
- 23.8k
10
votes
0
answers
244
views
"Email me new responses to my posts" is missing a top margin
"Email me new responses to my posts" is too high:
As you can see it is too close to the edge of the question box. Can we move it down a little? I am on Chrome (version 103.0.5060.71) for ...
- 1,873
4
votes
0
answers
121
views
Multiple issues with the site on Safari on iPad [closed]
After asking a question on iPad bug design reports here, I thought I might ask this question to help fix issues with Safari on iPad. This issue has been prevalent for quite a while now, so hopefully ...
- 1,873
4
votes
1
answer
107
views
Should I report issues on iPad?
I was using my iPad recently, and realised how weird the formatting was on the SE sites, like really screwed up - profile page, question page, review queues etc. Should I report the issue? Or do I not ...
- 1,873
4
votes
0
answers
47
views
Awkward text wrap for recording moderator absence
In the moderator dashboard, there's an option to record yourself as absent / inactive. There's a checkbox to have this apply on all sites you moderate, but its label is wrapped awkwardly; "on all&...
GlorfindelMod
- 225k
5
votes
0
answers
44
views
Can we preserve the right alignment of usercards in the recently awarded lists of badges [duplicate]
I was browsing the list of recently awarded necromancer badges and noticed that some of the usercards where aligned to the left, instead of to the right. It is obvious that these usercards don't fit ...
- 34k
2
votes
0
answers
34
views
Rotation makes dropdown text too big
Using iOS Safari or Chrome, I noticed the font size gets increased dramatically in almost every top bar dropdown after rotating the phone back to portrait. The left sidebar menu is not affected, but ...
- 37.6k
2
votes
2
answers
91
views
Question title text too big?
The question title text seems quite massive in comparison to the rest of the page. I am on mobile. Maybe we can make this a bit smaller?
Details of my phone:
Running Chrome on Android
- 1,873
2
votes
0
answers
31
views
Minor alignment issue in Activity page Impact section's tooltip
There is an alignment issue in the Activity page Impact section's tooltip for the "people reached" and "votes cast" captions.
The tooltip is displayed correctly for the "...
- 35.1k
2
votes
0
answers
88
views
Chat room appears as text only without any styling
Most of the chat rooms I join appear to me as text only without any styling. Is this because of my company firewall?
- 128
2
votes
1
answer
112
views
The Stack Overflow logo seems a bit too low in the blog
I get the impression when looking at the logos in The Overflow blog's top right corner that the Stack Exchange logo stands out for being aligned slightly too low.
(The strange thing is that every ...
- 23.8k