d2jsp
Log InRegister
d2jsp Forums > d2jsp > Site Suggestions > Site Suggestions Archive > Bug Report : Resizing Issue
Closed New Topic New Poll
Member
Posts: 5,297
Joined: Jul 25 2009
Gold: 4,414.10
Feb 2 2017 11:59am
Depending on how long your name is, and what is in the navbar you will have your "Log Out" button and "Settings" do some funky business.







I think a better way to handle this would be to have "Log" & "Out" be together like "Out | Settings" are and separate "Log Out" & Settings"


-I am going to play around with google inspect to see if I can find a fix for it and edit this post when I do-

EDIT:
So I found one possible solution:

In the picture below I am putting the BarL before BarR, and adding in "position: left, float: left"
Those three small changes result in this:
http://image.prntscr.com/image/284896ec4c534c9fa7cca3e41f1c6125.png

You could probably go a bit further and add some bottom padding to barL and have more space between them.
Just a quick fix for a weird bug :)


This post was edited by worm425 on Feb 2 2017 12:05pm
Retired Moderator
Posts: 15,410
Joined: Jun 2 2005
Gold: 9,504.66
Trader: Trusted
Feb 2 2017 08:47pm
float left will break mobile viewport sizes, while you could specify your float solution, it would add redundant media queries. furthermore, your viewport of 519px does not match any common device widths (apart from user browser resize -- which who cares). perform your testing on common viewports and you should see long username are not an issue (although, haven't tested myself). regardless a better solution would be to truncate ellipsis if there were an issue, at least imo.

Code
width:Xpx;white-space:nowrap;text-overflow: ellipsis; overflow: hidden

obv, requires a specified width.
Go Back To Site Suggestions Archive Topic List
Closed New Topic New Poll