]> _ Git - fluidbook-html5.git/commitdiff
wait #4962 @0.5
authorVincent Vanwaelscappel <vincent@cubedesigners.com>
Mon, 20 Dec 2021 14:13:23 +0000 (15:13 +0100)
committerVincent Vanwaelscappel <vincent@cubedesigners.com>
Mon, 20 Dec 2021 14:13:23 +0000 (15:13 +0100)
images/symbols/interface.svg
style/audioplayer.less

index 686567f0723800a65d348755228b5dd8f16140c2..0c4ca778c3e255cfbaedd636c13d8a3febea9339 100644 (file)
     <symbol id="chevron-bold" viewBox="0 0 2.5 3.5">
         <polygon points="0.7,0 2.5,1.8 0.7,3.5 0,2.8 1.1,1.8 0,0.7"/>
     </symbol>
-    <symbol id="audioplayer-play" viewBox="0 0 18 18">
-        <path d="M16,8.6c0.3,0.2,0.3,0.7,0,0.9l-6.7,3.8l-6.7,3.8c-0.3,0.2-0.8,0-0.8-0.4V9V1.5c0-0.4,0.4-0.6,0.8-0.4l6.7,3.8L16,8.6z"/>
+    <symbol id="audioplayer-play" viewBox="0 0 60 60">
+        <path d="M43.3,29.1L23.7,17.9c-0.7-0.4-1.5,0.1-1.5,0.9v22.5c0,0.8,0.8,1.3,1.5,0.9l19.5-11.3
+               C43.9,30.5,43.9,29.5,43.3,29.1z"/>
     </symbol>
-    <symbol id="audioplayer-pause" viewBox="0 0 22 20">
-        <path d="M20.5,7.3h-19C1.2,7.3,0.9,7,0.9,6.7v-5c0-0.3,0.3-0.6,0.6-0.6h19c0.3,0,0.6,0.3,0.6,0.6v5
-               C21.1,7,20.8,7.3,20.5,7.3z"/>
-        <path d="M20.5,18.9h-19c-0.3,0-0.6-0.3-0.6-0.6v-5c0-0.3,0.3-0.6,0.6-0.6h19c0.3,0,0.6,0.3,0.6,0.6v5
-               C21.1,18.7,20.8,18.9,20.5,18.9z"/>
+    <symbol id="audioplayer-pause" viewBox="0 0 60 60">
+        <path d="M26,19.2h-5c-0.6,0-1,0.4-1,1v19.5c0,0.6,0.4,1,1,1h5c0.6,0,1-0.4,1-1V20.2C27,19.8,26.6,19.2,26,19.2z"/>
+        <path d="M39,19.2h-5c-0.6,0-1,0.4-1,1v19.5c0,0.6,0.4,1,1,1h5c0.6,0,1-0.4,1-1V20.2C40,19.8,39.6,19.2,39,19.2z"/>
     </symbol>
+
 </svg>
index dd0af9da5c0aae9839967ca841fb7a72e2bff7a6..64cb3e6ee9efc07df5d3ebd5e438e58fa65f96ec 100644 (file)
@@ -21,7 +21,6 @@ audio {
 
           &.pause {
             display: block;
-            transform: rotate(90deg);
           }
         }
       }
@@ -29,16 +28,13 @@ audio {
       .icon {
         position: absolute;
         top: 0;
-        left: 2px;
+        left: 0;
         width: 100%;
         height: 100%;
         color: @audioplayer-icon-color;
-        padding: 30%;
 
         &.pause {
           display: none;
-          left: 0;
-          padding: 32%;
         }
       }