diff options
author | Chocobozzz <me@florianbigard.com> | 2021-06-07 17:38:31 +0200 |
---|---|---|
committer | Chocobozzz <me@florianbigard.com> | 2021-06-07 18:14:05 +0200 |
commit | 27bc95867442c772841fb183a625bbda61dede51 (patch) | |
tree | 6fe20951f1109c1f5388d9a681f0df0758d463e0 /client/src/app/shared/shared-video-playlist/video-add-to-playlist.component.scss | |
parent | 8beea2d37d90e9a12d895f4a9eebc1e532313d8c (diff) | |
download | PeerTube-27bc95867442c772841fb183a625bbda61dede51.tar.gz PeerTube-27bc95867442c772841fb183a625bbda61dede51.tar.zst PeerTube-27bc95867442c772841fb183a625bbda61dede51.zip |
Bidi support
Diffstat (limited to 'client/src/app/shared/shared-video-playlist/video-add-to-playlist.component.scss')
-rw-r--r-- | client/src/app/shared/shared-video-playlist/video-add-to-playlist.component.scss | 19 |
1 files changed, 11 insertions, 8 deletions
diff --git a/client/src/app/shared/shared-video-playlist/video-add-to-playlist.component.scss b/client/src/app/shared/shared-video-playlist/video-add-to-playlist.component.scss index cb1168196..5f0798e3c 100644 --- a/client/src/app/shared/shared-video-playlist/video-add-to-playlist.component.scss +++ b/client/src/app/shared/shared-video-playlist/video-add-to-playlist.component.scss | |||
@@ -44,7 +44,7 @@ $timestamp-margin-right: 10px; | |||
44 | } | 44 | } |
45 | 45 | ||
46 | > .optional-rows { | 46 | > .optional-rows { |
47 | padding-left: 24px; | 47 | @include padding-left(24px); |
48 | } | 48 | } |
49 | 49 | ||
50 | &.has-optional-row:hover { | 50 | &.has-optional-row:hover { |
@@ -57,7 +57,7 @@ $timestamp-margin-right: 10px; | |||
57 | display: flex; | 57 | display: flex; |
58 | 58 | ||
59 | my-peertube-checkbox { | 59 | my-peertube-checkbox { |
60 | margin-right: 10px; | 60 | @include margin-right(10px); |
61 | align-self: center; | 61 | align-self: center; |
62 | } | 62 | } |
63 | 63 | ||
@@ -78,15 +78,15 @@ $timestamp-margin-right: 10px; | |||
78 | 78 | ||
79 | my-global-icon { | 79 | my-global-icon { |
80 | @include apply-svg-color(#333); | 80 | @include apply-svg-color(#333); |
81 | @include margin-right(0); | ||
81 | 82 | ||
82 | width: 19px; | 83 | width: 19px; |
83 | height: 19px; | 84 | height: 19px; |
84 | margin-right: 0; | ||
85 | } | 85 | } |
86 | } | 86 | } |
87 | 87 | ||
88 | my-timestamp-input { | 88 | my-timestamp-input { |
89 | margin-right: $timestamp-margin-right; | 89 | @include margin-right($timestamp-margin-right); |
90 | 90 | ||
91 | ::ng-deep .ui-inputtext { | 91 | ::ng-deep .ui-inputtext { |
92 | padding: 0; | 92 | padding: 0; |
@@ -101,20 +101,23 @@ $timestamp-margin-right: 10px; | |||
101 | } | 101 | } |
102 | 102 | ||
103 | my-peertube-checkbox { | 103 | my-peertube-checkbox { |
104 | @include margin-right(0 !important); | ||
105 | |||
104 | display: block; | 106 | display: block; |
105 | width: $optional-rows-checkbox-width; | 107 | width: $optional-rows-checkbox-width; |
106 | margin-right: 0 !important; | ||
107 | } | 108 | } |
108 | 109 | ||
109 | .labels { | 110 | .labels { |
110 | margin-left: $optional-rows-checkbox-width; | 111 | @include margin-left($optional-rows-checkbox-width); |
112 | |||
111 | font-size: 13px; | 113 | font-size: 13px; |
112 | color: pvar(--greyForegroundColor); | 114 | color: pvar(--greyForegroundColor); |
113 | padding-top: 5px; | 115 | padding-top: 5px; |
114 | padding-bottom: 0; | 116 | padding-bottom: 0; |
115 | 117 | ||
116 | div { | 118 | div { |
117 | margin-right: $timestamp-margin-right; | 119 | @include margin-right($timestamp-margin-right); |
120 | |||
118 | width: $timestamp-width; | 121 | width: $timestamp-width; |
119 | } | 122 | } |
120 | } | 123 | } |
@@ -131,11 +134,11 @@ $timestamp-margin-right: 10px; | |||
131 | 134 | ||
132 | my-global-icon { | 135 | my-global-icon { |
133 | @include apply-svg-color(#333); | 136 | @include apply-svg-color(#333); |
137 | @include margin-right(4px); | ||
134 | 138 | ||
135 | position: relative; | 139 | position: relative; |
136 | left: -1px; | 140 | left: -1px; |
137 | top: -1px; | 141 | top: -1px; |
138 | margin-right: 4px; | ||
139 | width: 21px; | 142 | width: 21px; |
140 | height: 21px; | 143 | height: 21px; |
141 | } | 144 | } |