From 48586fe070c2a59e9febb62a7f41ebb384e1d20e Mon Sep 17 00:00:00 2001 From: Chocobozzz Date: Tue, 15 Dec 2020 11:45:29 +0100 Subject: Fix ng-select width --- .../edit-custom-config/edit-custom-config.component.scss | 9 ++++----- .../shared-user-settings/user-video-settings.component.scss | 4 +++- client/src/sass/include/_mixins.scss | 11 ----------- 3 files changed, 7 insertions(+), 17 deletions(-) (limited to 'client/src') diff --git a/client/src/app/+admin/config/edit-custom-config/edit-custom-config.component.scss b/client/src/app/+admin/config/edit-custom-config/edit-custom-config.component.scss index 4c64bd2e0..665247368 100644 --- a/client/src/app/+admin/config/edit-custom-config/edit-custom-config.component.scss +++ b/client/src/app/+admin/config/edit-custom-config/edit-custom-config.component.scss @@ -42,12 +42,11 @@ input[type=checkbox] { @include peertube-select-container($form-base-input-width); } -ng-select { - @include ng-select($form-base-input-width); -} - +ng-select, my-select-checkbox { - @include ng-select($form-base-input-width); + @include responsive-width($form-base-input-width); + + display: block; } input[type=submit] { diff --git a/client/src/app/shared/shared-user-settings/user-video-settings.component.scss b/client/src/app/shared/shared-user-settings/user-video-settings.component.scss index d6a17703a..2cbd92d41 100644 --- a/client/src/app/shared/shared-user-settings/user-video-settings.component.scss +++ b/client/src/app/shared/shared-user-settings/user-video-settings.component.scss @@ -20,7 +20,9 @@ input[type=submit] { } my-select-checkbox { - @include ng-select(340px); + @include responsive-width(340px); + + display: block; } .form-group-select { diff --git a/client/src/sass/include/_mixins.scss b/client/src/sass/include/_mixins.scss index 1231d2c44..10ab44f57 100644 --- a/client/src/sass/include/_mixins.scss +++ b/client/src/sass/include/_mixins.scss @@ -313,17 +313,6 @@ } } -@mixin ng-select ($width) { - ::ng-deep &.ng-select, - ::ng-deep .ng-select { - width: $width; - - @media screen and (max-width: $width) { - width: 100%; - } - } -} - @mixin peertube-select-container ($width) { padding: 0; margin: 0; -- cgit v1.2.3