diff options
Diffstat (limited to 'client/src/app/shared/shared-actor-image-edit/actor-avatar-edit.component.scss')
-rw-r--r-- | client/src/app/shared/shared-actor-image-edit/actor-avatar-edit.component.scss | 23 |
1 files changed, 10 insertions, 13 deletions
diff --git a/client/src/app/shared/shared-actor-image-edit/actor-avatar-edit.component.scss b/client/src/app/shared/shared-actor-image-edit/actor-avatar-edit.component.scss index fd8cd7ffc..01e2131ba 100644 --- a/client/src/app/shared/shared-actor-image-edit/actor-avatar-edit.component.scss +++ b/client/src/app/shared/shared-actor-image-edit/actor-avatar-edit.component.scss | |||
@@ -5,10 +5,6 @@ | |||
5 | display: flex; | 5 | display: flex; |
6 | } | 6 | } |
7 | 7 | ||
8 | my-actor-avatar { | ||
9 | @include margin-right(15px); | ||
10 | } | ||
11 | |||
12 | .actor-info { | 8 | .actor-info { |
13 | display: inline-flex; | 9 | display: inline-flex; |
14 | flex-direction: column; | 10 | flex-direction: column; |
@@ -16,12 +12,12 @@ my-actor-avatar { | |||
16 | 12 | ||
17 | .actor-info-display-name { | 13 | .actor-info-display-name { |
18 | @include peertube-word-wrap; | 14 | @include peertube-word-wrap; |
15 | @include font-size(1.25rem); | ||
19 | 16 | ||
20 | font-size: 20px; | ||
21 | font-weight: $font-bold; | 17 | font-weight: $font-bold; |
22 | 18 | ||
23 | @media screen and (max-width: $small-view) { | 19 | @media screen and (max-width: $small-view) { |
24 | font-size: 16px; | 20 | @include font-size(18px); |
25 | } | 21 | } |
26 | } | 22 | } |
27 | 23 | ||
@@ -35,17 +31,18 @@ my-actor-avatar { | |||
35 | padding-bottom: .5rem; | 31 | padding-bottom: .5rem; |
36 | } | 32 | } |
37 | 33 | ||
38 | .actor-img-edit-container { | ||
39 | position: relative; | ||
40 | width: 0; | ||
41 | } | ||
42 | |||
43 | .actor-img-edit-button { | 34 | .actor-img-edit-button { |
44 | top: 55px; | ||
45 | right: 45px; | ||
46 | border-radius: 50%; | 35 | border-radius: 50%; |
36 | |||
37 | position: absolute; | ||
38 | bottom: 5px; | ||
39 | right: 5px; | ||
47 | } | 40 | } |
48 | 41 | ||
49 | .dropdown-item { | 42 | .dropdown-item { |
50 | @include dropdown-with-icon-item; | 43 | @include dropdown-with-icon-item; |
51 | } | 44 | } |
45 | |||
46 | .dropdown-toggle::after { | ||
47 | display: none; | ||
48 | } | ||