1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web synced 2025-03-30 19:56:21 +00:00

Small tab improvements

This commit is contained in:
MrTimscampi 2020-02-02 11:56:45 +01:00
parent d104d03e5c
commit c9de45e55a
3 changed files with 17 additions and 6 deletions

View file

@ -275,7 +275,7 @@
@media all and (min-width: 84em) {
.headerTop {
padding: 1.25em 1.25em;
padding: 0.8em 0.8em;
}
.headerTabs {
@ -288,9 +288,8 @@
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
margin-top: -3em;
position: relative;
top: -0.35em;
margin-top: -4.3em;
}
.libraryPage:not(.noSecondaryNavPage) {
@ -768,7 +767,8 @@
@media all and (min-width: 62.5em) {
.headerTop {
padding: 0.8em 0;
padding-left: 0.8em;
padding-right: 0.8em;
}
.headerTabs {
@ -776,7 +776,7 @@
width: auto;
align-items: center;
justify-content: center;
margin-top: -3.34em;
margin-top: -4.3em;
position: relative;
}

View file

@ -1,4 +1,7 @@
.emby-tab-button {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: transparent;
box-shadow: none;
cursor: pointer;
@ -10,7 +13,7 @@
vertical-align: middle;
flex-shrink: 0;
margin: 0;
padding: 1em 0.9em;
padding: 1.5em;
position: relative;
height: auto;
min-width: initial;

View file

@ -311,6 +311,14 @@ html {
.emby-tab-button-active {
color: #fff;
border-bottom: 2px solid #fff;
padding-top: 1.55em;
padding-bottom: 1.38em;
}
.layout-mobile .emby-tab-button-active {
padding-top: 1.56em; /* Add one pixel to get a better fit in mobile layout */
padding-bottom: 1.38em;
}
.emby-tab-button.show-focus:focus {