Stack Exchange Network

Stack Exchange network consists of 175 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange

Questions tagged [design]

Use this tag for questions regarding the design of the Stack Exchange websites; e.g., for issues with the layout.

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
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 ...