mirror of
https://github.com/FreeTubeApp/FreeTube
synced 2024-11-19 00:17:11 +01:00
Fix gap next to banner when Hide Side Bar Labels is enabled (#5120)
This commit is contained in:
parent
678cf1706c
commit
eefe7e19f1
@ -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;
|
||||
}
|
||||
|
@ -25,6 +25,10 @@ export default defineComponent({
|
||||
computed: {
|
||||
isSideNavOpen: function () {
|
||||
return this.$store.getters.getIsSideNavOpen
|
||||
},
|
||||
|
||||
hideLabelsSideBar: function () {
|
||||
return this.$store.getters.getHideLabelsSideBar
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
|
@ -2,7 +2,8 @@
|
||||
<div
|
||||
class="floatingRefreshSection"
|
||||
:class="{
|
||||
sideNavOpen: isSideNavOpen
|
||||
sideNavOpen: isSideNavOpen,
|
||||
hideLabelsSideBar: hideLabelsSideBar && !isSideNavOpen
|
||||
}"
|
||||
>
|
||||
<p
|
||||
|
Loading…
Reference in New Issue
Block a user