X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=client%2Fsrc%2Fsass%2Fapplication.scss;h=2ad1af23aad07c89578aea98e463c23818bf3b21;hb=c2faa073d113f410275021ed4de4b60fef118c13;hp=b5b05a3c4a67a3ac0b156acf94dc2257993092bd;hpb=0164fc112a98897849a8eda2f0b5d208e813e014;p=github%2FChocobozzz%2FPeerTube.git diff --git a/client/src/sass/application.scss b/client/src/sass/application.scss index b5b05a3c4..2ad1af23a 100644 --- a/client/src/sass/application.scss +++ b/client/src/sass/application.scss @@ -37,8 +37,6 @@ body { --mainBackgroundColor: #{$bg-color}; --mainForegroundColor: #{$fg-color}; - --secondaryColor: #{$secondary-color}; - --greyForegroundColor: #{$grey-foreground-color}; --greyBackgroundColor: #{$grey-background-color}; --greySecondaryBackgroundColor: #{$grey-background-hover-color}; @@ -153,7 +151,7 @@ code { } .input-error, -my-input-toggle-hidden ::ng-deep input { +my-input-text ::ng-deep input { border-color: $red !important; } @@ -274,14 +272,17 @@ my-input-toggle-hidden ::ng-deep input { // In tables, don't have a hover different background table { - .action-button-edit, - .action-button-delete { - &:hover, - &:active, - &:focus, - &[disabled], - &.disabled { - background-color: $grey-background-color !important; + my-edit-button, + my-delete-button { + .action-button { + &:hover, + &:active, + &:focus, + &[disabled], + &.disabled { + background-color: pvar(--greyBackgroundColor) !important; + opacity: 0.8; + } } } } @@ -307,6 +308,25 @@ table { } } +my-global-icon[iconName=external-link] { + margin: 0 3px; + width: 13px; + vertical-align: text-bottom; + color: pvar(--inputPlaceholderColor); +} + +.chevron-down { + @include chevron-down(0.55rem, 0.20em); + + margin: 0 5px; +} + +.chevron-up { + @include chevron-up(0.55rem, 0.20em); + + margin: 0 5px; +} + /* offsetTop for scrollToAnchor */ .anchor {