MyFavMirrors/owntone-server
1
0
Fork 0
mirror of https://github.com/owntone/owntone-server.git synced 2025-07-21 06:21:19 -04:00
Code Issues Packages Projects Releases Wiki Activity

[web] Replace hard-coded values with Bulma variables

Browse Source
This commit is contained in:
Alain Nussbaumer 2023-11-28 21:12:42 +01:00
parent bd70054ce9
commit 58b06ee5ff
1 changed files with 10 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
web-src/src/mystyles.scss
View File

@ -53,10 +53,10 @@ a.navbar-item {
} }
.fd-tabs-section { .fd-tabs-section {
padding-bottom: 3px; padding-bottom: 0;
padding-top: 3px; padding-top: 0;
background: $white; background: $white;
top: 3.25rem; top: $navbar-height;
z-index: 20; z-index: 20;
position: fixed; position: fixed;
width: 100%; width: 100%;
@ -73,17 +73,17 @@ a.navbar-item {
} }
.fd-page { .fd-page {
margin-top: 3.25rem; margin-top: $navbar-height;
margin-bottom: 3.25rem; margin-bottom: $navbar-height;
&-with-tabs { &-with-tabs {
margin-top: 6.25rem !important; margin-top: calc(2 * $navbar-height) !important;
margin-bottom: 3.25rem; margin-bottom: $navbar-height;
} }
} }
/* Set minimum height to hide "option" section */ /* Set minimum height to hide "option" section */
.fd-content-with-option { .fd-content-with-option {
min-height: calc(100vh - 3.25rem - 3.25rem); min-height: calc(100vh - calc(2 * $navbar-height));
} }
.fd-cover { .fd-cover {
@ -182,14 +182,14 @@ a.navbar-item {
/* Show scrollbar for navbar menu in desktop mode if content exceeds the screen size */ /* Show scrollbar for navbar menu in desktop mode if content exceeds the screen size */
@media only screen and (min-width: 1024px) { @media only screen and (min-width: 1024px) {
.navbar-dropdown { .navbar-dropdown {
max-height: calc(100vh - 3.25rem - 3.25rem - 2rem); max-height: calc(100vh - calc(2 * $navbar-height) - 2rem);
overflow: auto; overflow: auto;
} }
} }
/* Limit the size of the bottom navbar menu to not be displayed behind the Safari browser menu on iOS */ /* Limit the size of the bottom navbar menu to not be displayed behind the Safari browser menu on iOS */
.fd-bottom-navbar .navbar-menu { .fd-bottom-navbar .navbar-menu {
max-height: calc(100vh - 3.25rem - 3.25rem - 1rem); max-height: calc(100vh - calc(2 * $navbar-height) - 1rem);
overflow: scroll; overflow: scroll;
} }