aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/sass/include
diff options
context:
space:
mode:
authorChocobozzz <me@florianbigard.com>2018-07-17 14:44:19 +0200
committerChocobozzz <me@florianbigard.com>2018-07-17 14:56:15 +0200
commit0f7fedc39857ebc0eb29182c1588a92b9adfb75a (patch)
treef1516e93a93d1042bbc4d14d10575b88cae6bba1 /client/src/sass/include
parent4bdd9473fdecfa7e309e3c59b05b29d0a20ac397 (diff)
downloadPeerTube-0f7fedc39857ebc0eb29182c1588a92b9adfb75a.tar.gz
PeerTube-0f7fedc39857ebc0eb29182c1588a92b9adfb75a.tar.zst
PeerTube-0f7fedc39857ebc0eb29182c1588a92b9adfb75a.zip
Improve frontend accessibility
In particular checkboxes, likes/dislikes, share button, video thumbnails and help buttons
Diffstat (limited to 'client/src/sass/include')
-rw-r--r--client/src/sass/include/_mixins.scss10
1 files changed, 5 insertions, 5 deletions
diff --git a/client/src/sass/include/_mixins.scss b/client/src/sass/include/_mixins.scss
index 9f8346950..3d518394a 100644
--- a/client/src/sass/include/_mixins.scss
+++ b/client/src/sass/include/_mixins.scss
@@ -240,7 +240,7 @@
240@mixin peertube-checkbox ($border-width) { 240@mixin peertube-checkbox ($border-width) {
241 display: none; 241 display: none;
242 242
243 & + label { 243 & + span {
244 position: relative; 244 position: relative;
245 width: 18px; 245 width: 18px;
246 height: 18px; 246 height: 18px;
@@ -263,7 +263,7 @@
263 } 263 }
264 } 264 }
265 265
266 &:checked + label { 266 &:checked + span {
267 border-color: transparent; 267 border-color: transparent;
268 background: $orange-color; 268 background: $orange-color;
269 animation: jelly 0.6s ease; 269 animation: jelly 0.6s ease;
@@ -274,7 +274,7 @@
274 } 274 }
275 } 275 }
276 276
277 & + label + label { 277 & + span + span {
278 font-size: 15px; 278 font-size: 15px;
279 font-weight: $font-regular; 279 font-weight: $font-regular;
280 margin-left: 5px; 280 margin-left: 5px;
@@ -282,8 +282,8 @@
282 display: inline; 282 display: inline;
283 } 283 }
284 284
285 &[disabled] + label, 285 &[disabled] + span,
286 &[disabled] + label + label{ 286 &[disabled] + span + span{
287 opacity: 0.5; 287 opacity: 0.5;
288 cursor: default; 288 cursor: default;
289 } 289 }