diff options
author | Chocobozzz <me@florianbigard.com> | 2021-04-29 09:46:44 +0200 |
---|---|---|
committer | Chocobozzz <me@florianbigard.com> | 2021-04-29 09:50:31 +0200 |
commit | faf7eab7d9528451570a26e27093159045346064 (patch) | |
tree | b09356d0272ca75be203057cb47984ab20381c2f /client/src/app/shared/shared-main/buttons/button.component.scss | |
parent | f6e98f0a4e812cd7de3227faaa9555c6a03bbd4e (diff) | |
download | PeerTube-faf7eab7d9528451570a26e27093159045346064.tar.gz PeerTube-faf7eab7d9528451570a26e27093159045346064.tar.zst PeerTube-faf7eab7d9528451570a26e27093159045346064.zip |
Cleanup plugins admin CSS
Diffstat (limited to 'client/src/app/shared/shared-main/buttons/button.component.scss')
-rw-r--r-- | client/src/app/shared/shared-main/buttons/button.component.scss | 22 |
1 files changed, 16 insertions, 6 deletions
diff --git a/client/src/app/shared/shared-main/buttons/button.component.scss b/client/src/app/shared/shared-main/buttons/button.component.scss index f73b7b808..09b5f95d7 100644 --- a/client/src/app/shared/shared-main/buttons/button.component.scss +++ b/client/src/app/shared/shared-main/buttons/button.component.scss | |||
@@ -1,6 +1,16 @@ | |||
1 | @import '_variables'; | 1 | @import '_variables'; |
2 | @import '_mixins'; | 2 | @import '_mixins'; |
3 | 3 | ||
4 | @mixin responsive-label { | ||
5 | .action-button { | ||
6 | padding: 0 13px; | ||
7 | } | ||
8 | |||
9 | .button-label { | ||
10 | display: none; | ||
11 | } | ||
12 | } | ||
13 | |||
4 | :host { | 14 | :host { |
5 | outline: none; | 15 | outline: none; |
6 | } | 16 | } |
@@ -46,12 +56,12 @@ span[class$=-button] { | |||
46 | // In a table, try to minimize the space taken by this button | 56 | // In a table, try to minimize the space taken by this button |
47 | @media screen and (max-width: 1400px) { | 57 | @media screen and (max-width: 1400px) { |
48 | :host-context(td) { | 58 | :host-context(td) { |
49 | .action-button { | 59 | @include responsive-label; |
50 | padding: 0 13px; | 60 | } |
51 | } | 61 | } |
52 | 62 | ||
53 | .button-label { | 63 | @media screen and (max-width: $small-view) { |
54 | display: none; | 64 | .responsive-label { |
55 | } | 65 | @include responsive-label; |
56 | } | 66 | } |
57 | } | 67 | } |