Fix the username display
concourse/concourse#2366
.topbar-login {
float: right;
- width: 10%;
+ max-width: 20%;
text-align: right;
white-space: nowrap;
background-color: @base00;
display: inline-block;
line-height: @top-bar-height;
- max-width: 80%;
- overflow: hidden;
- white-space: nowrap;
- text-overflow: ellipsis;
+ width: 100%;
text-align: center;
&:hover {
.user-id {
padding: 0 30px;
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
}
.user-menu {
}
}
-@media (min-width : 320px) and (max-width : 768px) {
- .module-topbar .topbar-search .topbar-search-form .search-input-field {
- width: 160px;
- }
-}
-
@media (max-width : 812px) {
.module-topbar {
position: unset;
}
.topbar-login {
- width: 25%;
+ max-width: 65%;
.topbar-user-info {
border: none;
