Don’t you think that the placing of the wrench menu for topics here is a little bit misplaced? It should be somewhere next to the topic header/name otherwise you might not know it’s existence unless you really were looking for it.
Using a FHD wide screen here, attached an image below to show it.
I think a better question to ask is why the main UI (the topic threads) don’t expand for wide screens. Seems like a whole lot of white space that could be better used. Even when there are links in the right gutter, there is still a huge amount of empty space on both sides.
That could be another way to look at it. Yeah, i agree with you. I think the topics width shouldn’t take full screen width for readability. But could be used for other things like suggested threads or whatsoever.
Of course I never run browsers this way – why would I? At any rate, you can use a CSS customization in Admin, Customize, CSS/HTML if you wish to move the wrench.
Also just press end to get to the end of a topic immediately. If you want to enter at the last post from the topic list, click/tap on the last post date.
I’m just curious, do you always have your browser view-port maximized for every site you visit?
I know that during development I push things to beyond what I think is sane (super small, super large, super zoomed, w/o JavaScript, w/o CSS, w/o images etc.) just to test
One thing that often comes up at SitePoint is that a designer thinking web === print wants to find a way to force site visitors to have their view-port at max so they will get the full beauty of the design as the designer envisions it.
A common reply is “no one using a large screen has their view-port maximized”. But maybe this isn’t so true?
Let us know how you go, keep in mind this is an admin/mod function only. We always carry slightly lower priority then general public features to these kind of UX features.
This works to keep the admin wrench and popup menu within the main content area. This will only work for left-to-right layouts. It will not move popup widow if it is visible while the browser window is being resized.
@media (min-width: 1100px) { // at 1100px content is contrained to .wrap div
html:not(.rtl) .show-topic-admin {
left: 50%; // center wrench
-webkit-transform: translateX(513px); // move to edge of .wrap div ((1100 / 2) - btn_width)
transform: translateX(513px);
}
}