Stack Exchange Network

Stack Exchange network consists of 174 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
Join us in building a kind, collaborative learning community via our updated Code of Conduct.

Questions tagged [design]

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

0
votes
0answers
31 views

Badge notifications from other sites should not use the icons from the current site [duplicate]

Badge notification from other sites (here, meta.SE) should use their resp. badge icons (here, the default), not the ones from the site I'm currently on. Failing that (because, do we really want to ...
11
votes
0answers
75 views

Dismissing the CoC announcement also closes the “join this community” hero banner

Screencast to demonstrate the issue, more detailed explanation below. Sorry for the bad quality, it seems that imgur compresses the gif a bit ... a bit much. On Stack Exchange communities that I have ...
26
votes
3answers
133 views

Can we show new/anonymous users more Q&A?

With left nav, responsive design, and various new-user notices, this is what an anonymous user currently sees (browser window here is 1090px wide): I realize that a lot of this content -- code of ...
12
votes
2answers
222 views

It is now all but impossible to tell sites apart at a glance

Let's play a little guessing game. I came across an open tab -- which site am I on? All but impossible to tell at a glance from design elements alone!¹ All my subconscious has to go on are ...
0
votes
0answers
33 views

StackOverflow Teams: Team goals List [migrated]

How to Teams manage their Team goals list? This list appears at the top right-hand part in the team-specific part of StackOverflow. I was wondering if this is a customizable component? I.e. is ...
40
votes
11answers
880 views

What does constructive criticism of a design change look like?

Last week we rolled out the new network theme to several sites. Some of these sites had beautiful designs previously and now have a less striking look. Unsurprisingly, the response to these changes ...
3
votes
0answers
34 views

Question titles overflow their column

Long question titles (and their tags) extend to the left of the appropriate column: The same behaviour can be observed on a number of sites. I suspect it's something to do with the new theme, but I'm ...
12
votes
0answers
63 views

Badge icons partially hidden on some sites with the new design

On three sites with the new theme, Ask Ubuntu, Super User and Server Fault, the badge icons displayed in the user's profile summary in the top bar are partially covered by the numbers. I reported this ...
3
votes
0answers
17 views

Left-aligned numeric columns in network profile

In the Top Questions and Top Answers sections of one’s network profile, the post scores are misaligned. For example: Notice how the 1 in the 1046 line is in the same column as the 9 in the 938 line. ...
3
votes
0answers
21 views

Invalid message in “Select your next badge” popup

Consider the "Select your next badge" popup. You can access it via user profile page: In some cases, i.e. filtering tags by class (Gold only on the image below) the following message is invalid: ...
5
votes
0answers
31 views

Too much space between badge icon and number of badges

An (perhaps unintended) consequence of the new design (e.g. here on Meta Stack Exchange) is that the spacing between the badge icon (the gold, silver or bronze dot) and the number of badges is ...
0
votes
0answers
85 views

If there's a design pattern, shouldn't it be present throughout the sites?

So, Ask Ubuntu just got a facelift/new theme. It's the Stack Exchange site I frequent the most. Also, recently, I have been looking for some work. The top bar moving in to the left bar to ...
0
votes
0answers
18 views

Border appears on left of question list, even without sidebar [duplicate]

I have disabled the sidebar. However, the annoying left border still remains: Why is this here? It also shows up here on MSE and Programming Puzzles & Code Golf Stack Exchange:
2
votes
0answers
39 views

Make the share, edit, close, flag, … buttons more obviously buttons, please?

The buttons for acting upon a question or answer — share, edit, close, flag, sometimes others — are presented as tiny gray words. Here's what you see reading this question right now, for instance: ...
13
votes
1answer
158 views

Why was a vertical line added on the left for users who collapse the left navigation? Can it please be removed?

I noticed that a vertical line has begun appearing on the left of every page in the new responsive layout, if I have the left navigation collapsed in my account settings. See screenshots: ...
2
votes
0answers
20 views

Profile page don't fit 15-inch displays (laptops) when used in Opera browser

In displays/screens with 15 inch, the profile layout doesn't fit, for example on Meta Stack Exchange: This "bug" occurs on the stackoverflow.com/users/<id> and meta.stackexchange.com/...
7
votes
0answers
46 views

The line spacing for the subtitle for the CoC on Aviation.SE looks strange

https://aviation.stackexchange.com/conduct I see while on other sites I see it normally
-27
votes
6answers
426 views

Is the Code of Conduct illustration “truly” inclusive?

Yesterday, @Rand al'Thor posted a question observing that the image accompanying the newly released Code of Conduct, seemed to be slanted in favor of Stack Overflow (SO). As the OP is not a member ...
11
votes
2answers
127 views

New Code of Conduct for international sites. No link?

International sites, like SO en español or SO em português (Can't really access to Ja or Ru), doesn´t have a banner at the top pointing to the new Code of Conduct. We are rushing to get a version 1 ...
4
votes
1answer
152 views

The illustration for the code of conduct is broken

In the illustration accompanying the code of conduct, the part with the lady in the wheelchair is broken: The fill of her top is not aligned with the outline. Also it breaks the style of the image, ...
11
votes
1answer
84 views

When was Stack Overflow’s CSS & pattern libraries Stacks launched?

Recently, I came across (for the first time) Stacks and the site https://stackoverflow.design from this announcement, Updated comment flagging - Supporting the new Code of Conduct. it's been ...
4
votes
0answers
17 views

Vertical lines seen on badge progress page

Site: https://stackoverflow.com/review/triage When I click on badge progress, I see vertical white lines that are out of place. Seems to be a CSS issue.
6
votes
1answer
62 views

Can we have colour coding on our comment flags, for both user accounts and mod dashboards?

We don't have colour coding on our flag summaries for comments: But we have them for some post flags: For the users flagged summary and from the back end of the user account, the mod dashboard, can ...
11
votes
1answer
94 views

Code of Conduct banner looks awkward on some sites (GD, AU)

The new Code of Conduct banner is displayed awkwardly on some sites; there's a rather large gap between the top bar and the banner. Check Graphic Design (... the irony ...) and Ask Ubuntu: On ...
17
votes
1answer
98 views

Code of Conduct banner fails to 'Be Nice' (enough) for small screens

When viewing Meta Stack Exchange (with the responsive design) on Safari on iOS (or any browser with a small width), the text in the Code of Conduct banner overlaps with the site icon. The link (in ...
2
votes
0answers
45 views

The mod dashboard is still showing Not Relevant for comment flags [duplicate]

The comment flags have been changed back from Not Relevant to No Longer Needed. However in the mod dashboard they're still showing up as Not Relevant. Can you please change it to match the current ...
5
votes
0answers
26 views

The banner for new users comes back on every reload after dismissing it

I just noticed that the behaviour of the banner shown to new users explaining the site doesn't stay dismissed when you reload the homepage. I'm talking about the banner that looks like this: As far ...
-2
votes
0answers
29 views

Wasteful new layout on the left [duplicate]

The new layout with the {Home/Question/Tags/Users/Unanswered} on the left is just so wasteful for UI footprint. These sites are all about answers, and losing so much width on every view just for that ...
6
votes
0answers
43 views

Incorrect logo in Meta SE newsletter banner

I don't know but this might be related to the new layout. On this meta site the newsletter form shows the Stack Overflow logo: Browser: Firefox 61 on Windows 10, no relevant plugins. The problem ...
10
votes
0answers
61 views

Comment flag thank you note z-index

Today I stumbled upon another issue with the thank you notice that pops up after flagging a comment: When you don't click that notice away and scroll down, that notice will go over the header nav. I ...
-6
votes
0answers
49 views

Diamond for diamond-star mods is huge and orange in LineageOS [duplicate]

I recently installed LineageOS x86 14.1 to an old notebook and then went to Stack Exchange. However, I noticed that the diamond star for certain moderators is huge and orange. I don't see this in ...
5
votes
0answers
54 views

Sizing issue for next-privilege progress bar

We recently had a bug in the next-privilege tracker on the profile page. The progress bar was really thin, but it looks like that's been fixed now. However, a new problem seems to have emerged: the ...
0
votes
0answers
25 views

My next Privilege is not clear [duplicate]

Next privilege info is overlapped in my account and not able to understand
2
votes
0answers
41 views

Next privilege progress indicator style [duplicate]

As far as I can recall the old style of progress indicator for privilege in the profile page was more bold than now: Now the line is too thin. Looks like a design oversight.
20
votes
1answer
236 views

What will the comment flag dialog look like after our new CoC has been shipped?

In response to this: Did the comment flag dialog change? Will there be future dialog changes? The answer gave an overview of what will be changing. When the Code of Conduct ships, we're replacing ...
2
votes
0answers
30 views

Bug in rep graph in activity page of profile? [duplicate]

The bottom of the reputation card on the activity page is all squished together: The "next privilege" seems to be overlapping with the rep graph or something...is this on purpose? Has it always been ...
26
votes
3answers
262 views

Please consider these minor improvements to the new comment flagging modal

A new comment flagging modal just went live: Aside from the fact that now it doesn't match the other flagging/closure modals in design (something that will likely be changed in the future...), I've ...
30
votes
1answer
215 views

Ugly “Next Privilege” text on user activity page

It seems "See votes, expandable user card" goes on a second line on the activity page of the user profile resulting in a pretty bad look: You can see it live on this profile (though of course that ...
5
votes
0answers
58 views

No Badge Progress color for Golden Badges?

Update #2: Seems that it was my secondary screen the one that didn't show the color! Tried with another screen and I could see the progress clearer... perhaps a stronger color will make it easier to ...
7
votes
0answers
19 views

Weird behaviour for radio buttons for ignored tag on localized sites

Switching mode for how the questions with ignored tags will be handled has weird visual behavior (blue circle size is too large) on localized sites, e.g. ruSO: Seems this is happens due to the ...
10
votes
0answers
43 views

Troubles with translated tag pop-ups

We translated 'Watch Tag', 'Ignore Tag' and so on and got this as a result: I think it should be fixed. Moreover, other languages faced the same:
-3
votes
1answer
40 views

How to get uniform markdown output for questions to be posted both on SE and Reddit?

I thought it would be as simple as starting on one and then copy and pasting to the latter; between SE <> Reddit, whichever was first. But I've found that it does not always turn out the same. ...
5
votes
2answers
80 views

“Comment edited” icon is too prominent

I noticed this yesterday: The "this comment was edited" pencil icon became fully black, which makes it very prominent and draws too much attention to it, in my opinion. I'm pretty sure it used ...
3
votes
0answers
19 views

Incorrect CSS alignment (left margin) of the “questions with new activity” bar

So I noticed a little CSS bug in the N questions with new activity bar, which has an extra left margin that should not be there: It can be fixed by simply removing a single CSS rule: You should ...
2
votes
0answers
14 views

Alignment issue in the “Similar Questions” side bar

"Similar Questions" section in the right hand side bar is not aligned properly, the padding is missing. Since the "How to Ask", "How to Tag" and "How to Format" sections are having proper placeholder ...
4
votes
0answers
81 views

Clicked voting arrows on sites with responsive design show with wrong color under Internet Explorer 11

On sites with the new responsive design, the color of clicked vote buttons have a theme color related to the site's design. However, on Internet Explorer 11, this arrow always shows as orange, ...
14
votes
0answers
66 views

Could we get a tighter layout for answers when moderator tools are visible?

Currently, when moderator tools are visible it pushes down the comments section: That's a lot of unused white space--kind of unsightly and it makes you scroll further for comments. Could we get a ...
2
votes
0answers
32 views

Flag and upvote buttons for comments are now always visible [duplicate]

As far as I can recall flag and upvote buttons for comments were visible only on mouse over comment. Now I see them always: At the same time "delete comment" button appears only on mouse move. ...
8
votes
0answers
47 views

Inconsistent coloring of moderator inbox (desktop vs. mobile)

This is the well-known blue diamond indicating that there's something in the ♦ moderator inbox: However, when I look at the top bar in Safari on iOS (11.4), it's green: (This might be solved ...
24
votes
1answer
231 views

Flagging a comment displays the word “flag”, changes to image of red flag upon reload

Since this change was just rolled out, I noticed a bug in flagging comments. When I submit a comment flag, the vote and flag buttons change to the word "flag" in red-colored text: Then, after I ...