MyFavMirrors/owntone-server
1
0
Fork 0
mirror of https://github.com/owntone/owntone-server.git synced 2025-04-15 16:48:22 -04:00
Code Issues Packages Projects Releases Wiki Activity

[web] Remove custom CSS styles in favour of standard Bulma styles.

Browse Source 
In order to reduce maintenance efforts, custom styles are removed whenever possible.
This commit is contained in:
Alain Nussbaumer 2023-07-03 12:21:49 +02:00
parent 1cdee635d7
commit ae2a789c22
3 changed files with 10 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
web-src/src/components/NavbarBottom.vue
View File

@ -126,14 +126,14 @@
</div> </div>
</div> </div>
<!-- Outputs: master volume --> <!-- Outputs: master volume -->
<hr class="fd-navbar-divider" /> <hr class="my-3" />
<navbar-item-output <navbar-item-output
v-for="output in outputs" v-for="output in outputs"
:key="output.id" :key="output.id"
:output="output" :output="output"
/> />
<!-- Outputs: stream volume --> <!-- Outputs: stream volume -->
<hr class="fd-navbar-divider" /> <hr class="my-3" />
<div class="navbar-item"> <div class="navbar-item">
<div class="level is-mobile"> <div class="level is-mobile">
<div class="level-left is-flex-grow-1"> <div class="level-left is-flex-grow-1">
@ -182,7 +182,7 @@
</div> </div>
</div> </div>
<!-- Playback controls --> <!-- Playback controls -->
<hr class="fd-navbar-divider" /> <hr class="my-3" />
<div class="navbar-item is-justify-content-center"> <div class="navbar-item is-justify-content-center">
<div class="level"> <div class="level">
<div class="level-item"> <div class="level-item">
@ -212,7 +212,7 @@
<player-button-consume class="button" :icon_size="18" /> <player-button-consume class="button" :icon_size="18" />
</div> </div>
</div> </div>
<hr class="fd-navbar-divider" /> <hr class="my-3" />
<!-- Outputs: master volume --> <!-- Outputs: master volume -->
<div class="navbar-item"> <div class="navbar-item">
<div class="level is-mobile"> <div class="level is-mobile">
@ -249,7 +249,7 @@
:output="output" :output="output"
/> />
<!-- Outputs: stream volume --> <!-- Outputs: stream volume -->
<hr class="fd-navbar-divider" /> <hr class="my-3" />
<div class="navbar-item mb-5"> <div class="navbar-item mb-5">
<div class="level is-mobile"> <div class="level is-mobile">
<div class="level-left is-flex-grow-1"> <div class="level-left is-flex-grow-1">

10
web-src/src/components/NavbarTop.vue
View File

@ -64,25 +64,25 @@
</navbar-item-link> </navbar-item-link>
<navbar-item-link to="/music/artists"> <navbar-item-link to="/music/artists">
<span <span
class="fd-navbar-item-level2" class="pl-5"
v-text="$t('navigation.artists')" v-text="$t('navigation.artists')"
/> />
</navbar-item-link> </navbar-item-link>
<navbar-item-link to="/music/albums"> <navbar-item-link to="/music/albums">
<span <span
class="fd-navbar-item-level2" class="pl-5"
v-text="$t('navigation.albums')" v-text="$t('navigation.albums')"
/> />
</navbar-item-link> </navbar-item-link>
<navbar-item-link to="/music/genres"> <navbar-item-link to="/music/genres">
<span <span
class="fd-navbar-item-level2" class="pl-5"
v-text="$t('navigation.genres')" v-text="$t('navigation.genres')"
/> />
</navbar-item-link> </navbar-item-link>
<navbar-item-link v-if="spotify_enabled" to="/music/spotify"> <navbar-item-link v-if="spotify_enabled" to="/music/spotify">
<span <span
class="fd-navbar-item-level2" class="pl-5"
v-text="$t('navigation.spotify')" v-text="$t('navigation.spotify')"
/> />
</navbar-item-link> </navbar-item-link>
@ -106,7 +106,7 @@
<mdicon class="icon" name="magnify" size="16" /> <mdicon class="icon" name="magnify" size="16" />
<b v-text="$t('navigation.search')" /> <b v-text="$t('navigation.search')" />
</navbar-item-link> </navbar-item-link>
<hr class="fd-navbar-divider" /> <hr class="my-3" />
<navbar-item-link to="/settings/webinterface">{{ <navbar-item-link to="/settings/webinterface">{{
$t('navigation.settings') $t('navigation.settings')
}}</navbar-item-link> }}</navbar-item-link>

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

@ -165,17 +165,6 @@ a.navbar-item {
max-height: calc(100vh - 200px); max-height: calc(100vh - 200px);
overflow: auto; overflow: auto;
} }
.fd-modal-card .card {
margin-left: 16px;
margin-right: 16px;
}
.navbar-item .fd-navbar-item-level2 {
padding-left: 1.5rem;
}
hr.fd-navbar-divider {
margin: 12px 0;
}
/* 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) {