]>
Commit | Line | Data |
---|---|---|
1 | @import '_variables'; | |
2 | @import '_mixins'; | |
3 | ||
4 | .action-button { | |
5 | @include peertube-button-link; | |
6 | @include button-with-icon(21px, 0, -2px); | |
7 | ||
8 | font-weight: $font-semibold; | |
9 | color: $grey-foreground-color; | |
10 | background-color: $grey-background-color; | |
11 | ||
12 | &:hover { | |
13 | background-color: $grey-background-hover-color; | |
14 | } | |
15 | ||
16 | my-global-icon { | |
17 | @include apply-svg-color($grey-foreground-color); | |
18 | } | |
19 | } | |
20 | ||
21 | // In a table, try to minimize the space taken by this button | |
22 | @media screen and (max-width: 1400px) { | |
23 | :host-context(td) { | |
24 | .action-button { | |
25 | padding: 0 13px; | |
26 | } | |
27 | ||
28 | .button-label { | |
29 | display: none; | |
30 | } | |
31 | } | |
32 | } |