Reduce player big button border width
authorChocobozzz <me@florianbigard.com>
Wed, 20 Mar 2019 13:28:08 +0000 (14:28 +0100)
committerChocobozzz <me@florianbigard.com>
Wed, 20 Mar 2019 13:28:08 +0000 (14:28 +0100)
client/src/sass/player/peertube-skin.scss

index 4e921e9709378f1f92ba862d081d10d6e6a968d9..a6942001a26eb0c9cef8cdd00d5a9c11c68e5099 100644 (file)
@@ -55,7 +55,7 @@
     $big-play-width: 1.2em;
     $big-play-height: 1.2em;
 
-    border: 6px solid #fff;
+    border: 4px solid #fff;
     border-radius: 100%;
 
     left: 50%;
 
     .vjs-big-play-button {
       font-size: 5em;
-      border-width: 5px;
+      border-width: 3px;
 
       .vjs-icon-placeholder::before {
         @include big-play-button-triangle-size(32px);
 
     .vjs-big-play-button {
       font-size: 4.5em;
-      border-width: 4.5px;
+      border-width: 2.5px;
 
       .vjs-icon-placeholder::before {
         @include big-play-button-triangle-size(27px);
 
     .vjs-big-play-button {
       font-size: 3em;
-      border-width: 3px;
+      border-width: 2px;
 
       .vjs-icon-placeholder::before {
         @include big-play-button-triangle-size(20px);
   .vjs-error-display {
     display: block;
   }
-}
\ No newline at end of file
+}