Fix gap next to banner when Hide Side Bar Labels is enabled #5120
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Fix gap next to banner when Hide Side Bar Labels is enabled
Pull Request Type
Related issue
https://github.com/FreeTubeApp/FreeTube/projects/10#card-92520872
Description
This pull request makes the
ft-refresh-widget
take up the correct amount of space when theHide Side Bar Labels
setting is enabled, as it has a gap on the left side at the moment.Screenshots
Before:
After:
Testing
Hide Side Bar Labels
in theTheme Settings
Regression tests
Hide Side Bar Labels
setting is turned offDesktop
Additional context
Not sure why the CSS rules in this component are all namespaced with the
.floatingRefreshSection
class, when Vue's scoped CSS feature already takes care of only applying it to the right component for us (seescoped
attribute on the<style>
tag in the template file (ft-refresh-widget.vue
).