diff options
author | Rigel Kent <sendmemail@rigelk.eu> | 2021-01-13 09:12:55 +0100 |
---|---|---|
committer | GitHub <noreply@github.com> | 2021-01-13 09:12:55 +0100 |
commit | 1ea7da819e5bfae7b443ed722c18c4165d101439 (patch) | |
tree | 17cea3786dfb3a59a2ad5559de9ebf106a0440a2 /client/src/sass | |
parent | 75dd1b641f987e1e09dbaa3329e08c6e98a858f3 (diff) | |
download | PeerTube-1ea7da819e5bfae7b443ed722c18c4165d101439.tar.gz PeerTube-1ea7da819e5bfae7b443ed722c18c4165d101439.tar.zst PeerTube-1ea7da819e5bfae7b443ed722c18c4165d101439.zip |
add ability to remove one's avatar for account and channels (#3467)
* add ability to remove one's avatar for account and channels
* add ability to remove one's avatar for account and channels
* only display avatar edition options after input change
Diffstat (limited to 'client/src/sass')
-rw-r--r-- | client/src/sass/include/_mixins.scss | 12 |
1 files changed, 8 insertions, 4 deletions
diff --git a/client/src/sass/include/_mixins.scss b/client/src/sass/include/_mixins.scss index 0ce22354e..51cf4c3ed 100644 --- a/client/src/sass/include/_mixins.scss +++ b/client/src/sass/include/_mixins.scss | |||
@@ -260,15 +260,12 @@ | |||
260 | } | 260 | } |
261 | } | 261 | } |
262 | 262 | ||
263 | @mixin peertube-button-file ($width) { | 263 | @mixin peertube-file { |
264 | position: relative; | 264 | position: relative; |
265 | overflow: hidden; | 265 | overflow: hidden; |
266 | display: inline-block; | 266 | display: inline-block; |
267 | width: $width; | ||
268 | min-height: 30px; | 267 | min-height: 30px; |
269 | 268 | ||
270 | @include peertube-button; | ||
271 | |||
272 | input[type=file] { | 269 | input[type=file] { |
273 | position: absolute; | 270 | position: absolute; |
274 | top: 0; | 271 | top: 0; |
@@ -286,6 +283,13 @@ | |||
286 | } | 283 | } |
287 | } | 284 | } |
288 | 285 | ||
286 | @mixin peertube-button-file ($width) { | ||
287 | width: $width; | ||
288 | |||
289 | @include peertube-file; | ||
290 | @include peertube-button; | ||
291 | } | ||
292 | |||
289 | @mixin icon ($size) { | 293 | @mixin icon ($size) { |
290 | display: inline-block; | 294 | display: inline-block; |
291 | background-repeat: no-repeat; | 295 | background-repeat: no-repeat; |