correct nav slideout sizings

This commit is contained in:
Wirlaburla 2023-07-30 17:36:59 -05:00
parent 76d2744e0b
commit 492c228c48

View File

@ -27,7 +27,7 @@ nav
.no-scroll::-webkit-scrollbar,
nav::-webkit-scrollbar,
nav.top::-webkit-scrollbar {
display: none;
display: none;
}
div.grower { flex-grow: 1; }
@ -315,6 +315,7 @@ nav.top div.slideout .dropdown .clicker {
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
height: 34px;
}
/*nav.top div.slideout.account .upane {
@ -361,6 +362,10 @@ nav.top div.slideout.active .dropdown .right {
opacity: 1;
}
nav.top div.slideout .dropdown .right.text {
margin: 8px;
}
nav.top div.slideout.alerts .dropdown .alerts,
nav.top div.slideout.mail .dropdown .mail {
text-align: left;
@ -716,33 +721,33 @@ nav.top.alert p {
}
.header div.buttontab {
background: var(--default-button-background);
border: var(--default-button-border);
margin: -12px 4px 8px 4px;
padding: 8px 4px 2px 4px;
font-size: 12px;
background: var(--default-button-background);
border: var(--default-button-border);
margin: -12px 4px 8px 4px;
padding: 8px 4px 2px 4px;
font-size: 12px;
}
.header div.buttontab a {
color: var(--main-text);
display: inline-block;
text-decoration: none;
font-family: var(--primary-font);
height: 100%;
color: var(--main-text);
display: inline-block;
text-decoration: none;
font-family: var(--primary-font);
height: 100%;
}
.header div.buttontab a img {
vertical-align: middle;
vertical-align: middle;
}
.header div.buttontab:hover {
background: var(--hover-button-background);
border: var(--hover-button-border);
background: var(--hover-button-background);
border: var(--hover-button-border);
}
.header div.buttontab:active {
background: var(--active-button-background);
border: var(--active-button-border);
background: var(--active-button-background);
border: var(--active-button-border);
}
@media only screen and (orientation: landscape) {
@ -973,7 +978,7 @@ body.dashboard .profile-tag {
}
body.dashboard .profile-tag img {
padding: 4px;
padding: 4px;
}
body.dashboard .section {
@ -1009,7 +1014,7 @@ body.dashboard .profile-text {
}
body.dashboard .profile-role {
font-size: 0.8em;
font-size: 0.8em;
}
body.dashboard .dash-container .sidebar .userlink.online a {
@ -1088,7 +1093,7 @@ body.forum table.board-display td {
body.forum.index .page-container > table.board-display tr.title-row {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
}
@ -1555,10 +1560,10 @@ div.emotebox .emote-container:hover {
}
.rating .star-container .stars {
background: url('//assets.worlio.com/style/icons/ratings/star');
height: 100%;
background-size: auto 100%;
max-width: 100%;
background: url('//assets.worlio.com/style/icons/ratings/star');
height: 100%;
background-size: auto 100%;
max-width: 100%;
}
.rating .star-container {
background-image: url('//assets.worlio.com/style/icons/ratings/unstar');
@ -1568,24 +1573,24 @@ div.emotebox .emote-container:hover {
}
.rating.large {
height: 48px;
display: inline-block;
height: 48px;
display: inline-block;
}
.rating.large .star-container {
width: 240px;
}
.rating.medium {
height: 24px;
display: inline-block;
height: 24px;
display: inline-block;
}
.rating.medium .star-container {
width: 120px;
}
.rating.small {
height: 12px;
display: inline-block;
height: 12px;
display: inline-block;
}
.rating.small .star-container {
width: 60px;