Fix gap next to banner when Hide Side Bar Labels is enabled (#5120)

This commit is contained in:
absidue 2024-05-21 14:06:27 +02:00 committed by GitHub
parent 678cf1706c
commit eefe7e19f1
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 13 additions and 2 deletions

View File

@ -24,6 +24,10 @@
inline-size: calc(100% - 200px);
}
.floatingRefreshSection.hideLabelsSideBar {
inline-size: calc(100% - 60px);
}
.lastRefreshTimestamp {
margin-block: 0;
text-align: center;
@ -31,7 +35,9 @@
}
@media only screen and (width <= 680px) {
.floatingRefreshSection, .floatingRefreshSection.sideNavOpen {
.floatingRefreshSection,
.floatingRefreshSection.sideNavOpen,
.floatingRefreshSection.hideLabelsSideBar {
inline-size: 100%;
border-inline-start: none;
}

View File

@ -25,6 +25,10 @@ export default defineComponent({
computed: {
isSideNavOpen: function () {
return this.$store.getters.getIsSideNavOpen
},
hideLabelsSideBar: function () {
return this.$store.getters.getHideLabelsSideBar
}
},
methods: {

View File

@ -2,7 +2,8 @@
<div
class="floatingRefreshSection"
:class="{
sideNavOpen: isSideNavOpen
sideNavOpen: isSideNavOpen,
hideLabelsSideBar: hideLabelsSideBar && !isSideNavOpen
}"
>
<p