]>
Commit | Line | Data |
---|---|---|
1 | @import '_variables'; | |
2 | @import '_mixins'; | |
3 | ||
4 | .dropdown-divider:last-child { | |
5 | display: none; | |
6 | } | |
7 | ||
8 | .action-button { | |
9 | @include peertube-button; | |
10 | ||
11 | &.grey { | |
12 | @include grey-button; | |
13 | } | |
14 | ||
15 | &.orange { | |
16 | @include orange-button; | |
17 | } | |
18 | ||
19 | display: inline-block; | |
20 | padding: 0 10px; | |
21 | ||
22 | &::after { | |
23 | display: none; | |
24 | } | |
25 | ||
26 | &:hover, &:active, &:focus { | |
27 | background-color: $grey-color; | |
28 | } | |
29 | ||
30 | .icon-action { | |
31 | @include icon(21px); | |
32 | ||
33 | background-image: url('../../../assets/images/video/more.svg'); | |
34 | top: -1px; | |
35 | } | |
36 | ||
37 | &.small { | |
38 | font-size: 14px; | |
39 | height: 20px; | |
40 | line-height: 20px; | |
41 | } | |
42 | } | |
43 | ||
44 | .dropdown-toggle::after { | |
45 | position: relative; | |
46 | top: 1px; | |
47 | } | |
48 | ||
49 | .dropdown-menu { | |
50 | .dropdown-item { | |
51 | cursor: pointer; | |
52 | color: #000 !important; | |
53 | ||
54 | a, span { | |
55 | display: block; | |
56 | width: 100%; | |
57 | } | |
58 | } | |
59 | } |