Questions tagged [design]
Use this tag for questions regarding the design of the Stack Exchange websites; e.g., for issues with the layout.
3,877
questions
9
votes
0
answers
63
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 ...
70
votes
1
answer
498
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 ...
4
votes
1
answer
141
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 ...
0
votes
0
answers
46
views
User avatar overlap
Related:
Alt text overlap for top network askers with broken avatar
When reviewing some questions, I saw this:
Is this a bug? The user avatar characters aren't even visible fully either.
-8
votes
1
answer
65
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 ...
8
votes
0
answers
80
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 ...
4
votes
0
answers
33
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 ...
5
votes
0
answers
55
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 ...
19
votes
0
answers
314
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 ...
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.
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 ...
2
votes
0
answers
49
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
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 ...
7
votes
0
answers
169
views
"Email me new responses to my posts" is too high
"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 ...
-3
votes
0
answers
75
views
Profile header in SE network blocked [duplicate]
The link I provided in my profile description header is blocked by my profile info!
-3
votes
0
answers
175
views
Implementing a fill-in-the-blank type structure for new users asking questions
SE places expectations on users to ask high-quality questions, in the absence of which closure, deletion, etc. can drive away new users from the site. Further, it drains the effort of experienced ...
4
votes
0
answers
119
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 ...
4
votes
1
answer
106
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 ...
4
votes
0
answers
44
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&...
5
votes
0
answers
43
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 ...
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 ...
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
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 "...
2
votes
0
answers
81
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?
2
votes
1
answer
111
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 ...
8
votes
1
answer
130
views
Under-labeled & Over-labeled Tables
Any particular tag's Top Users page has some tables. The Top Answerers (for the Last 30 Days and of All Time) and Top Askers (not shown) are listed along with two columns of numbers:
These tables ...
7
votes
0
answers
69
views
'Next badge' overflows if it and the newest badge have long names
The name of 'next badge' overflows its progress bar if both the 'newest badge' and itself have long names:
5
votes
0
answers
32
views
Can we format "How do I search?" similar to the "Markdown Editing Help"?
There are a lot of excellent articles in the help center, albeit some being structured more convenient than others.
Take for example the Markdown Editing Help. Each h2 level is a hyperlink to its own ...
7
votes
0
answers
85
views
Please remove the Circles/Outlines around the Voting Buttons [closed]
While the new Upvote/Downvote button design is a nice attempt at a new style, it's too big, detracts from the actual answer post, doesn't fit in with the rest of the post design, and makes an ...
3
votes
0
answers
44
views
Different on focus highlight sizes in "Want updates to your inbox?" blog section
One of the three buttons under the section titled "Want updates to your inbox?" has a different highlight height on focus. (Screenshot collated to show differences side-by-side).
Using ...
3
votes
0
answers
32
views
Alignment issue in the low quality review post
There is an alignment issue in the low quality review post. When a post was deleted already and a user is viewing the review post, the highlighted area for the deleted post is not aligned correctly ...
7
votes
0
answers
88
views
"Congratulations!" and subsequent text is incorrectly positioned
I recently earned a tag badge. On my profile, the "Congratulations!" and subsequent text looks incorrectly positioned.
Perhaps it is meant to look like this:
(my mockup)
7
votes
2
answers
81
views
Copy link doesn't have highlight when using TAB key to put it in focus
I noticed that in the "Share a link" dialogue, after you press Tab to cycle the buttons, if the "Copy link" button is selected it doesn't have a highlight around it like the other ...
4
votes
1
answer
107
views
New styling on 'bottom-share-links' elements is completely illegible [closed]
The new styling on the bottom-share-links elements cannot be read. It has bad colors and ultra-low contrast. Here it is on ELU for example:
First, you cannot have red text on a red background. There ...
1
vote
0
answers
76
views
The 'Share', 'Edit', 'Follow', and 'Flag' buttons are not obvious [duplicate]
The 'Share', Edit', 'Follow', and 'Flag' text buttons are very well hidden below a post in a hard-to-distinguish font and colour without any icons.
I've been using Stack Exchange for a few years ...
9
votes
0
answers
138
views
Long.strings.with.no.spaces in titles overflow into the right column
On an individual Badges page (for example, Promoter), when a title includes a long string with no spaces, it overflows into the right column (where the user cards are):
It's worse on mobile (Chrome ...
2
votes
0
answers
33
views
When a user offers a bounty on their own question, their name isn't highlighted [duplicate]
All the bounty events (bounty started, notice added, bounty ended, notice removed) are missing the blue highlight (exact color varies by theme) for the OP's name in the timeline. Example:
(More ...
5
votes
0
answers
88
views
Achievements icon color slightly too dark in top bar when earning a new badge
I just received a new badge on MSE and was surprised to notice the badge notification color is darker than the reputation notification color. I think this is a recent change and the colors used to be ...
3
votes
1
answer
80
views
Badges forgot how to count [duplicate]
When reading a question here on MSE just yet, I noticed this. Instead of the number 15, the badge count is written as a word.
I haven't found any other instance that replicates this.
3
votes
0
answers
53
views
Closing as duplicate produces a comment with broken markdown and link, if the question title is too long [duplicate]
On https://ru.meta.stackoverflow.com/, I tried to close a question as a duplicate of Что делать при получении сообщения «Вопросы/ответы участника с данной учётной записью больше не принимаются»?.
This ...
11
votes
0
answers
45
views
Increase margin for rate limit message when editing tag wikis
There is a rate limit for submitting tag wiki edits. When you hit it, the "You can perform this action again in 30 seconds" message appears rather close to the Save edits button:
It could ...
14
votes
1
answer
189
views
Weird profile icon on topbar on Insights
This is very similar to this bug, but on a different domain. The top bar on insights.stackoverflow.com has a weird profile icon. Unlike the previous bug, this one actually kinda works. Here's what you ...
7
votes
0
answers
50
views
Login link on stackexchange.com is missing styling
The login link on https://stackexchange.com/ has a bad contrast with the black background:
Unlike e.g. this site, where it's a button, it has been a plain link for a while but with much better ...
8
votes
1
answer
117
views
Some tooltips are dark and lost readability
Some tooltips recently changed to having a dark background with white letters (this happens both on SO where I use dark theme and on MSE where dark theme isn't available). I think this happened after ...
12
votes
0
answers
97
views
The [un-]bookmark and "Unfollow" tooltips for deleted posts are barely visible
In light of some recent design changes regarding the Following and Bookmarks tabs, for questions/answers which have not been deleted, the [un-]bookmark and "Unfollow" tooltips show just fine:...
10
votes
1
answer
115
views
Is there any way we can experiment with site design locally, or in some kind of sandbox?
There's been movement at the station with regards to site design for beta sites, and Stack Exchange staff are asking for feedback in meta posts, like this one at Spanish.SE. I'm just wondering if ...
4
votes
0
answers
48
views
Can the "Add Another Answer" button have its own draggable pop-up too?
If I recall correctly, there used to be a browser pop-up after clicking/pressing the "Answer Your Question" button. Now it has been changed to an in-site draggable pop-up:
Can the same be ...
8
votes
0
answers
38
views
Reputation gains for Teams not vertically aligned in daily summary in achievements dialog
In the achievements dialog, the reputation gains/losses per site per day are aligned vertically, but for Stack Overflow for Teams the icon is too large, which pushes the '+12' in the screenshot below ...
6
votes
1
answer
148
views
Long site names shown in the visible communities in the Profile tab are not truncated, resulting in inconsistent left-column widths
When users have accounts on sites with long names (for example, History of Science and Mathematics) and have them displayed in the visible communities list in the Profile tab, the width of the left ...
3
votes
0
answers
46
views
Are all undesigned graduated sites getting their design? [duplicate]
As of recently SE has hired new developers to make site designs it appears:
Bitcoin
Ethereum
Others?
There are many more sites that have lost their beta labels, and graduated since SE stopped ...