Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Merged
merged 1 commit into from
May 21, 2024

Conversation

absidue
Copy link
Member

@absidue absidue commented May 17, 2024

Fix gap next to banner when Hide Side Bar Labels is enabled

Pull Request Type

  • Bugfix

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 the Hide Side Bar Labels setting is enabled, as it has a gap on the left side at the moment.

Screenshots

Before:
before

After:
after

Testing

  1. Turn on Hide Side Bar Labels in the Theme Settings
  2. Open the subscription page
  3. Check that the refresh banner is flush with the side bar

Regression tests

  • Check that it is still flush with the side bar when:
    • ... the side bar is expanded
    • ... when the Hide Side Bar Labels setting is turned off
  • Check that it is flush with the side of the app when the screen is less or equal to 680px wide.

Desktop

  • OS: Windows
  • OS Version: 10
  • FreeTube version: b9d5778

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 (see scoped attribute on the <style> tag in the template file (ft-refresh-widget.vue).

@FreeTubeBot FreeTubeBot enabled auto-merge (squash) May 17, 2024 16:10
@github-actions github-actions bot added the PR: waiting for review For PRs that are complete, tested, and ready for review label May 17, 2024
@jasonhenriquez
Copy link
Collaborator

I will note that this issue is affecting #4949 as well. If that PR is merged first, you just have to apply these changes to the mixin instead of the ft-refresh-widget to fix it in both places. If this PR is merged first, I'll have to remember to incorporate this fix into the mixin.

@FreeTubeBot FreeTubeBot merged commit eefe7e1 into FreeTubeApp:development May 21, 2024
5 checks passed
@github-actions github-actions bot removed the PR: waiting for review For PRs that are complete, tested, and ready for review label May 21, 2024
@absidue absidue deleted the fix-gap-left branch May 21, 2024 12:33
PikachuEXE added a commit to PikachuEXE/FreeTube that referenced this pull request May 23, 2024
* development:
  Update playlist name with title (FreeTubeApp#5150)
  User playlists as grid (FreeTubeApp#4949)
  Add custom webpack loader to remove unused mimetypes from mime-db (FreeTubeApp#5148)
  ^ Update GH action eps1lon/actions-label-merge-conflict (FreeTubeApp#5034)
  Translated using Weblate (Italian)
  Translated using Weblate (Serbian)
  Translated using Weblate (Estonian)
  Translated using Weblate (Bulgarian)
  Translated using Weblate (Spanish)
  Translated using Weblate (Italian)
  Translated using Weblate (Polish)
  Translated using Weblate (Portuguese (Brazil))
  Translated using Weblate (French)
  Translated using Weblate (Chinese (Traditional))
  Translated using Weblate (Chinese (Simplified))
  Fix gap next to banner when Hide Side Bar Labels is enabled (FreeTubeApp#5120)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

5 participants