Questions tagged [design]
"Design" refers to front-end elements, such as page layout, coloring conventions, etc.
57
questions
99
votes
1
answer
973
views
New Site Design!
As you can see the new design just went live. Congratulations! Thank you for your valuable design feedback.
We have also themed the twitter account and newsletter template for this site, and ...
70
votes
12
answers
878
views
New design & branding for Code Review
My name is Paweł, I’m a product designer at Stack Exchange. As all of you know, you’ve already undergone the first phase of graduation. I’m pleased to announce that we’re just about ready for you to ...
44
votes
19
answers
1k
views
What should our logo and site design look like?
What should our logo and site design look like?
24
votes
0
answers
211
views
Certain characters formatted with ### seem messed up under 100% zoom
I recently came across this post and noticed some issues with the heading text.
For instance, the first one (with ###):
main(arg)
That third letter is supposed to ...
22
votes
2
answers
220
views
Can we enhance the favicon on a dark background?
In Chrome on Max osx, at least, the favicon in the tab title kind of disappears when having a dark main background on the window. Can this be enhanced somehow?
The image shows top part of window with ...
19
votes
0
answers
163
views
Off-topic because... There are strange radio buttons
I was going through the review queue and came across a question that I thought may be off-topic.
I was deciding which topic it would be off-topic for, if any. And noticed that the radio buttons are ...
17
votes
3
answers
818
views
Code Prettify - Line numbers?
SE sites use Google Code Prettify for code formatting. While it's still up in the air as to whether we would be able to get SE to use community-voted code formatting, I've been experimenting with ...
15
votes
1
answer
100
views
Capitalization Bug in Title Prompt
The title prompt has a capitalization bug:
That should be "State the ...", with a capital "S".
15
votes
0
answers
110
views
Flag summary layout broken
As you see on the picture, flag summary layout is broken. The right column should be on the right, instead of below the left column.
This doesn't happen on the other SE sites.
Tested on latest ...
13
votes
0
answers
60
views
The color (or contrast) of visited links is too light to be readable
status-completed This has been fixed and will be live after next build on production.
After visiting a link, one can't clearly distinguish between this link and surrounding text.
12
votes
1
answer
56
views
Code Review missing from Stack Exchange footer
Graduated sites are listed on the footer pages of all other Stack Exchange sites. Consider this list from Stack Overflow:
(similarly on Meta.Stack Exchange )
I notice that other recently "designed" ...
12
votes
0
answers
124
views
Sign Up / Log In page header looks funny
The page header for the Sign Up / Log In page looks a little funny:
The white Background on the header doesn't match the text. Also it may be debatable whether it's intended to break the background ...
11
votes
2
answers
589
views
Font style doesn't work with new font
We seem to have gotten a new font in the last couple of days. This new font family for me is for the most part the below. As most other font-family's use ...
11
votes
2
answers
454
views
Can we make quoted code blocks less ugly?
It is often useful to cite blocks of code, particularly when writing an answer, and you want to distinguish between code that you are proposing and code that you are discussing. However, code blocks ...
11
votes
1
answer
70
views
New Answers to Old Questions layout is broken
The "New Answers to Old Questions"-View in the 10k Tools layout is broken:
11
votes
1
answer
64
views
Flagging history appears at the bottom of page
status-completed It's now fixed and will be live after our next production build.
On my flag page the sidebar at the right containing a summary of my flagging history has recently been pushed right ...
10
votes
1
answer
67
views
Selection state of upvote/downvote buttons on Meta isn't obvious
On Meta, the upvote/downvote buttons are gray. It's not obvious whether dark gray indicates that the button is selected or light gray indicates that the button is selected. It's complicated by the ...
10
votes
0
answers
65
views
The C# tag clips just a tad
The picture is pretty self explanatory. It seems that the # sign on the c# clips when formatted into a tag. C# and C# don't do ...
10
votes
0
answers
47
views
Is meta supposed to look so much like the main site?
I don't know how similar meta is to the main site for other grown up sites, but it's really kind of difficult to tell the difference between the main site and meta at the moment. The beta theme made ...
10
votes
0
answers
61
views
Can we get a consistent green, please?
I just checked my profile page and found this:
Can we please have the accepted-answer score background and the reputation indicator (and privilege bar) in the same shade of green?
8
votes
4
answers
505
views
Code Review's updated site theme is now live for everyone
Update - the theme and layout is now live for everyone.
Thanks for your feedback in this process. If there's additional feedback, please feel free to add to the answers below.
As part of ...
8
votes
1
answer
216
views
April Fools' Joke background is bugged
If you check a website, like, Ask Ubuntu, you have the following background:
However, on Code Review, you have the following:
Would be nice if the background was the same, nice, tiled version :(
8
votes
2
answers
112
views
Revision page now fails the x-overflow
I was looking at the revisions for one of the questions, and noticed that the horizontal clipping is broken.
To verify that it wasn't one of my extensions doing so, I opened in an incognito window as ...
7
votes
1
answer
62
views
Setting for tracking a privilege / tag badge overlaps tracker
MacOS: 10.12.5
Safari: 10.1.1 (12603.2.4)
Windows: 10.1703.15063.296
Opera: 45.0.2552.881 32-bit
Windows: 10.1703.15063.296
Chrome: 58.0.3029.110 64-bit
Windows: 10.1703.15063.296
Internet Explorer:...
7
votes
1
answer
40
views
Buttons in the profile page have underlined links
Most of the button-like elements have white text displayed on a coloured background (blue on Main; dark grey on Meta):
But there are some buttons on the profile that have an underline in the button. ...
7
votes
0
answers
315
views
Use a font family which has an actual italic variant (instead of oblique)
In the new design there was a change to the CSS that determines the fonts used for posts. This is what it is using now, based on my research:
...
7
votes
0
answers
32
views
Tag count partially obstructed for longer tags when adding to question
When attempting to add a tag with a long name such as producer-consumer, the "learn more" link obstructs the count (for this tag, it should read 26, not 2). I suppose this has to do with the display ...
7
votes
0
answers
44
views
Site rooms button hover color hides the logo
When I hover the site rooms buttons, the hover color is the same as the logo color which make it invisible. Maybe we should find an alternative color for it ?
7
votes
0
answers
32
views
Relative positioning of badge icon relative to badge count
The relative spacing between the badge icon, and the badge-count gives a visual impression that the badges are associated to numbers on the left, which is the wrong number ... let me explain by ...
6
votes
2
answers
344
views
Consider changes to the font used for MathJax and bolded text
As the following image shows the font size of mathematical text and bolded text are larger than the ordinary text, at least in my browser (Chrome v47 on Mac osX):
The image is snapped from this ...
6
votes
1
answer
88
views
Nav bar? Where are you?
Why is the top navigation bar not fixed to the top? When I scroll down, I can't see it.
But, on Stack Overflow, the navigation bar is fixed to the top and can be seen even after scrolling down.
Any ...
6
votes
1
answer
119
views
Couldn't dismiss mr. robot
Today I was greeted with MR. ROBOT, I wanted to close the prompt but the little x didn't work.
Clicking above the prompt, to the right of the code, did close the prompt however.
5
votes
1
answer
54
views
Icons misaligned with the new design
The design update messed up all my icons:
Tested on Chrome and Safari on MacOS. Also tried clearing the browser caches to no avail.
5
votes
1
answer
52
views
The checkmark for "positive question record" clips a bit
Just noticed this earlier on my Mac, but the checkmark when you click a badge description (i.e. [badge:socratic]) clips a bit.
Here's an image for a better description.
OS X El Capitan, 10.11.4
...
5
votes
0
answers
112
views
Possible misalignment within mod message page
It appears that various elements are misaligned within the mod message page:
I don't remember exactly how it used to look, but I believe the guidelines box (and the message box) should be along the ...
5
votes
0
answers
48
views
Bug in display of recently earned badge
When I go to my profile, on the Activity tab under Badges, I see this:
Notice how the badge only has the open bracket {. Now when I scroll down to the badge ...
5
votes
0
answers
44
views
IP lookup heading almost overlapping first entry
status-deferred The initial issue has been fixed. There are some other issues as a consequence of new design, but those have to wait a little.
I don't quite remember what it was like pre-design, but ...
5
votes
0
answers
64
views
Line height in comments is too small
Line height in comments is too small and descenders are partially covered by author's name background:
Viewed with Chrome 46 on Windows 7 on this comment (but it's the same everywhere when author's ...
5
votes
0
answers
26
views
Flag-handling dialog has odd line break
Sorry, very minor issue. The line break triggers my OCD.
the flags have merit but no further action is … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … … ...
4
votes
1
answer
47
views
Old badges appearing in profile
Still uses the old icons.
4
votes
0
answers
40
views
Why can't I see any bold and italic text on Code Review? [duplicate]
I cannot see any bold and and italic text on Code Review.
It started a few weeks ago on on machine with Chrome and now the same happens in Opera and Edge on another machine. And this is not only ...
4
votes
0
answers
58
views
Bug with empty div container in main site
Noticed this a while back, forgot to say something (I think, could be dupe, no idea), but I have an empty div on my main site view underneath my favourite tags, and ...
4
votes
0
answers
77
views
Line alignment bug with user names and comments
There seems to be a bug in the comments where if the username wraps to the next line and ends up underneath a word that contains characters like 'g' it will overlap those characters see:
The image is ...
3
votes
1
answer
69
views
The "Edit" screen seems to be broken
I saw an open edit on a question, and when I clicked it I got this:
One of the buttons is shown only partly, and I think there are some buttons missing.
Browser is Chrome 47.0.2526.111 on Windows 7 (...
3
votes
0
answers
52
views
Modify the h3 font size [duplicate]
Lowercase is look similar to lowercase ls in <h3> elements (which use the ...
3
votes
0
answers
56
views
The "i" looks strange in h3 headers [duplicate]
The letter "i" in h3 headers looks odd. Tested in Windows 7, Chrome, IE. For example:
Single responsibility principle
Looks like this:
Basically it looks like capital "I", and it's weird. I don't ...
3
votes
0
answers
38
views
Visited badge link color on mobile [closed]
As you can see in the images, the visited link has a dark blue color and the background is black. It's not readable.
2
votes
0
answers
55
views
Active bounties image is not loaded
Today whilst scrolling CodeReview, I came across this broken image.
Seems the Active Bounties image is not working properly anymore.
2
votes
0
answers
37
views
Beta logo still present on Stack Exchange iOS app
It looks like the new logo didn't make it to the SE app?
2
votes
0
answers
39
views
New design cache issues in chat
After a few days with the new design, some other users and I still experienced that the icons when clicking persons in the chat room experienced seeing the old icons.
I snagged the followed image:
...