MyFavMirrors/owntone-server
1
0
Fork 0
mirror of https://github.com/owntone/owntone-server.git synced 2025-01-13 16:03:23 -05: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 {
padding-bottom: 3px;
padding-top: 3px;
padding-bottom: 0;
padding-top: 0;
background: $white;
top: 3.25rem;
top: $navbar-height;
z-index: 20;
position: fixed;
width: 100%;
@ -73,17 +73,17 @@ a.navbar-item {
}
.fd-page {
margin-top: 3.25rem;
margin-bottom: 3.25rem;
margin-top: $navbar-height;
margin-bottom: $navbar-height;
&-with-tabs {
margin-top: 6.25rem !important;
margin-bottom: 3.25rem;
margin-top: calc(2 * $navbar-height) !important;
margin-bottom: $navbar-height;
}
}
/* Set minimum height to hide "option" section */
.fd-content-with-option {
min-height: calc(100vh - 3.25rem - 3.25rem);
min-height: calc(100vh - calc(2 * $navbar-height));
}
.fd-cover {
@ -182,14 +182,14 @@ a.navbar-item {
/* Show scrollbar for navbar menu in desktop mode if content exceeds the screen size */
@media only screen and (min-width: 1024px) {
.navbar-dropdown {
max-height: calc(100vh - 3.25rem - 3.25rem - 2rem);
max-height: calc(100vh - calc(2 * $navbar-height) - 2rem);
overflow: auto;
}
}
/* Limit the size of the bottom navbar menu to not be displayed behind the Safari browser menu on iOS */
.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;
}