From 7dfdc843a8ed9b61564e9906cecc54c7e8b9828e Mon Sep 17 00:00:00 2001 From: Chocobozzz <me@florianbigard.com> Date: Thu, 9 Jan 2025 11:03:45 +0100 Subject: [PATCH] Fix bootstrap breakpoints --- .../my-account-notification-preferences.component.scss | 1 + .../+my-video-channels/my-video-channels.component.scss | 8 -------- client/src/sass/include/_miniature.scss | 5 +---- 3 files changed, 2 insertions(+), 12 deletions(-) diff --git a/client/src/app/+my-account/my-account-settings/my-account-notification-preferences/my-account-notification-preferences.component.scss b/client/src/app/+my-account/my-account-settings/my-account-notification-preferences/my-account-notification-preferences.component.scss index 8181c317565..7435bea5043 100644 --- a/client/src/app/+my-account/my-account-settings/my-account-notification-preferences/my-account-notification-preferences.component.scss +++ b/client/src/app/+my-account/my-account-settings/my-account-notification-preferences/my-account-notification-preferences.component.scss @@ -1,5 +1,6 @@ @use '_variables' as *; @use '_mixins' as *; +@use '_bootstrap-variables' as *; .notification-row { display: flex; diff --git a/client/src/app/+my-library/+my-video-channels/my-video-channels.component.scss b/client/src/app/+my-library/+my-video-channels/my-video-channels.component.scss index 153b64846e0..4d4bf571841 100644 --- a/client/src/app/+my-library/+my-video-channels/my-video-channels.component.scss +++ b/client/src/app/+my-library/+my-video-channels/my-video-channels.component.scss @@ -99,14 +99,6 @@ my-edit-button { } } -@media screen and (min-width: breakpoint(lg)) { - :host-context(.main-col:not(.expanded)) { - .video-channel-buttons { - float: right; - } - } -} - @media screen and (min-width: $small-view) { .video-channel-buttons { float: right; diff --git a/client/src/sass/include/_miniature.scss b/client/src/sass/include/_miniature.scss index 8f32566b1aa..f237ddcf410 100644 --- a/client/src/sass/include/_miniature.scss +++ b/client/src/sass/include/_miniature.scss @@ -1,6 +1,7 @@ @use 'sass:math'; @use '_variables' as *; @use '_mixins' as *; +@use '_bootstrap-variables' as *; @mixin miniature-name { transition: color 0.2s; @@ -157,10 +158,6 @@ } } - @media screen and (min-width: #{breakpoint(xm)}) { - column-gap: 15px; - } - @media screen and (min-width: #{breakpoint(fhd)}) { column-gap: 2%; }