From 931d3430184143ebd88e5243def6eb1d7acfdbf4 Mon Sep 17 00:00:00 2001 From: Chocobozzz Date: Wed, 28 Apr 2021 16:41:07 +0200 Subject: Move to stylelint --- .../shared-forms/input-switch.component.scss | 8 +++---- .../shared-forms/markdown-textarea.component.scss | 25 +++++++++++----------- .../shared-forms/peertube-checkbox.component.scss | 6 +++--- .../shared-forms/preview-upload.component.scss | 2 +- .../select/select-shared.component.scss | 6 +++--- .../shared-forms/timestamp-input.component.scss | 3 +-- 6 files changed, 25 insertions(+), 25 deletions(-) (limited to 'client/src/app/shared/shared-forms') diff --git a/client/src/app/shared/shared-forms/input-switch.component.scss b/client/src/app/shared/shared-forms/input-switch.component.scss index c14950bd7..290a70db8 100644 --- a/client/src/app/shared/shared-forms/input-switch.component.scss +++ b/client/src/app/shared/shared-forms/input-switch.component.scss @@ -5,7 +5,7 @@ input { position: absolute; visibility: hidden; - & + label { + + label { cursor: pointer; text-indent: -9999px; width: 35px; @@ -16,7 +16,7 @@ input { position: relative; margin: 0; - &:after { + &::after { content: ''; position: absolute; top: 3px; @@ -28,7 +28,7 @@ input { transition: 0.3s ease-out; } - &:active:after { + &:active::after { width: 40px; } } @@ -36,7 +36,7 @@ input { &:checked + label { background: pvar(--mainColor); - &:after { + &::after { left: calc(100% - 3px); transform: translateX(-100%); } diff --git a/client/src/app/shared/shared-forms/markdown-textarea.component.scss b/client/src/app/shared/shared-forms/markdown-textarea.component.scss index 8203c7d1c..1f72dbc32 100644 --- a/client/src/app/shared/shared-forms/markdown-textarea.component.scss +++ b/client/src/app/shared/shared-forms/markdown-textarea.component.scss @@ -18,7 +18,7 @@ $input-border-radius: 3px; font-family: monospace; font-size: 13px; - border-bottom: none; + border-bottom: 0; border-bottom-left-radius: unset; border-bottom-right-radius: unset; } @@ -51,7 +51,8 @@ $input-border-radius: 3px; opacity: 0.6; } - &:hover, &:active { + &:hover, + &:active { svg { opacity: 1; } @@ -105,6 +106,8 @@ $input-border-radius: 3px; } @mixin maximized-base { + $nav-preview-vertical-padding: 40px; + flex-direction: row; z-index: #{z(header) - 1}; position: fixed; @@ -115,20 +118,18 @@ $input-border-radius: 3px; width: calc(100% - #{$menu-width}); height: calc(100vh - #{$header-height}) !important; - $nav-preview-vertical-padding: 40px; - .nav-preview { @include nav-preview-medium(); padding-top: #{$nav-preview-vertical-padding / 2}; padding-bottom: #{$nav-preview-vertical-padding / 2}; - padding-left: 0px; - padding-right: 0px; + padding-left: 0; + padding-right: 0; position: absolute; background-color: pvar(--mainBackgroundColor); width: 100% !important; - border-top: none; - border-left: none; - border-right: none; + border-top: 0; + border-left: 0; + border-right: 0; :last-child { margin-right: pvar(--horizontalMarginContent); @@ -148,7 +149,7 @@ $input-border-radius: 3px; margin-top: #{$nav-preview-tab-height + $nav-preview-vertical-padding} !important; height: calc(100vh - #{$header-height + $nav-preview-tab-height + $nav-preview-vertical-padding}) !important; width: 50% !important; - border: none !important; + border: 0 !important; border-radius: unset !important; } @@ -249,11 +250,11 @@ $input-border-radius: 3px; } @media only screen and (min-width: $small-view) { + @include maximized-in-medium-view(); + :host-context(.expanded) { @include in-medium-view(); } - - @include maximized-in-medium-view(); } @media only screen and (min-width: #{$small-view + $menu-width}) { diff --git a/client/src/app/shared/shared-forms/peertube-checkbox.component.scss b/client/src/app/shared/shared-forms/peertube-checkbox.component.scss index cf8540dc3..203b82d0b 100644 --- a/client/src/app/shared/shared-forms/peertube-checkbox.component.scss +++ b/client/src/app/shared/shared-forms/peertube-checkbox.component.scss @@ -46,7 +46,7 @@ line-height: 12px; font-weight: 500; color: pvar(--inputPlaceholderColor); - background-color: rgba(217,225,232,.1); - border: 1px solid rgba(217,225,232,.5); + background-color: rgba(217, 225, 232, .1); + border: 1px solid rgba(217, 225, 232, .5); } -} \ No newline at end of file +} diff --git a/client/src/app/shared/shared-forms/preview-upload.component.scss b/client/src/app/shared/shared-forms/preview-upload.component.scss index 88eccd5f7..c2ee0d6a9 100644 --- a/client/src/app/shared/shared-forms/preview-upload.component.scss +++ b/client/src/app/shared/shared-forms/preview-upload.component.scss @@ -21,7 +21,7 @@ max-width: 100%; &.no-image { - border: 2px solid grey; + border: 2px solid #808080; background-color: pvar(--mainBackgroundColor); } } diff --git a/client/src/app/shared/shared-forms/select/select-shared.component.scss b/client/src/app/shared/shared-forms/select/select-shared.component.scss index 80196b8df..7006adab1 100644 --- a/client/src/app/shared/shared-forms/select/select-shared.component.scss +++ b/client/src/app/shared/shared-forms/select/select-shared.component.scss @@ -32,7 +32,7 @@ ng-select ::ng-deep { } .root { - display:flex; + display: flex; align-items: center; > my-select-options { @@ -41,9 +41,9 @@ ng-select ::ng-deep { } my-select-options + input { - margin-left: 5px; - @include peertube-input-text($form-base-input-width); + + margin-left: 5px; display: block; } diff --git a/client/src/app/shared/shared-forms/timestamp-input.component.scss b/client/src/app/shared/shared-forms/timestamp-input.component.scss index 66e9aa032..36f5711a6 100644 --- a/client/src/app/shared/shared-forms/timestamp-input.component.scss +++ b/client/src/app/shared/shared-forms/timestamp-input.component.scss @@ -4,8 +4,7 @@ p-inputmask { ::ng-deep input { width: 80px; font-size: 15px; - - border: none; + border: 0; &:focus-within, &:focus { -- cgit v1.2.3