]> _ Git - fluidbook-html5.git/commitdiff
wait #4049 @1
authorVincent Vanwaelscappel <vincent@cubedesigners.com>
Thu, 5 Nov 2020 14:17:47 +0000 (15:17 +0100)
committerVincent Vanwaelscappel <vincent@cubedesigners.com>
Thu, 5 Nov 2020 14:17:47 +0000 (15:17 +0100)
_index.html
images/interface.svg
style/fluidbook.less

index 218780d9e96cbbacc5e14e43aff01c0195ac1799..8793835df7acb89e8c1d00721faaf33d8c8002a7 100644 (file)
@@ -40,7 +40,7 @@
 <body data-branch="master">
 <!--googleoff: all-->
 <!-- $beginbody -->
-<div style="display:none;" id="svg-container" aria-hidden="true"><!-- $svg --></div>
+<div id="svg-container" aria-hidden="true"><!-- $svg --></div>
 <div id="message" aria-hidden="true"><!-- $message --></div>
 <!--googleon: all-->
 <div id="seoContents" aria-hidden="true">
index 4f497c6a9bdab627addcf692012df78a1a492752..08b712e68f086dd8d390d85b65aa562e9a431246 100644 (file)
@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
+<svg xmlns="http://www.w3.org/2000/svg">
     <symbol id="interface-loader" viewBox="0 0 48 48">
         <circle cx="24" cy="24" r="23"></circle>
         <circle class="animate" cx="24" cy="24" fill="none" stroke="currentColor" stroke-width="3" r="16"
                c0.5,0.2,0.7,0.8,0.5,1.3C26.2,24.4,25.9,24.6,25.5,24.6z"/>
     </symbol>
     <symbol id="audiodescription-on" viewBox="0 0 52 52">
-        <path d="M26,45.1C15.5,45.1,6.9,36.5,6.9,26S15.5,6.9,26,6.9S45.1,15.5,45.1,26S36.5,45.1,26,45.1z M26,9.1
-       C16.7,9.1,9.1,16.7,9.1,26c0,9.3,7.6,16.9,16.9,16.9c9.3,0,16.9-7.6,16.9-16.9C42.9,16.7,35.3,9.1,26,9.1z"/>
+        <defs>
+            <circle id="audiodescription-on-clip-circle" cx="26" cy="26" r="18"/>
+        </defs>
+        <clipPath id="audiodescription-on-clip">
+            <use xlink:href="#audiodescription-on-clip-circle" style="overflow:visible;"/>
+        </clipPath>
         <g>
-            <defs>
-                <circle id="SVGID_1_" cx="26" cy="26" r="18"/>
-            </defs>
-            <clipPath id="SVGID_2_">
-                <use xlink:href="#SVGID_1_" style="overflow:visible;"/>
-            </clipPath>
-            <g style="clip-path:url(#SVGID_2_);">
+            <path d="M26,45.1C15.5,45.1,6.9,36.5,6.9,26S15.5,6.9,26,6.9S45.1,15.5,45.1,26S36.5,45.1,26,45.1z M26,9.1
+       C16.7,9.1,9.1,16.7,9.1,26c0,9.3,7.6,16.9,16.9,16.9c9.3,0,16.9-7.6,16.9-16.9C42.9,16.7,35.3,9.1,26,9.1z"/>
+            <g style="clip-path:url(#audiodescription-on-clip);">
                 <path d="M7.6,35.2c4.9,2.2,13.8,2,14.6,1.2c0.8-0.8,0.3-3.4,0.3-3.8c0-0.7,0.7-1.2,0.7-1.7c0-1.4-5.6-1.1-5.2-4
                                c0.1-0.5,5.3-1.2,5.7-2.4c0.2-0.5-0.8-3-0.8-3l2.3-1.1c0,0,0.9-0.4,1-1.1c0.1-0.6-0.7-1.9-0.7-1.9L18.6,6.6l-18.1,6"/>
                 <path d="M29.4,31.3l-1-1.1c0.9-0.8,1.4-1.9,1.4-3.1c0-1.2-0.5-2.3-1.4-3.1l1-1.1c1.2,1.1,1.8,2.6,1.8,4.1
                C16.7,9.1,9.1,16.7,9.1,26c0,9.3,7.6,16.9,16.9,16.9c9.3,0,16.9-7.6,16.9-16.9C42.9,16.7,35.3,9.1,26,9.1z"/>
         <g>
             <defs>
-                <circle id="SVGID_1_" cx="26" cy="26" r="18"/>
+                <circle id="audiodescription-off-clip-circle" cx="26" cy="26" r="18"/>
             </defs>
-            <clipPath id="SVGID_2_">
-                <use xlink:href="#SVGID_1_" style="overflow:visible;"/>
+            <clipPath id="audiodescription-off-clip">
+                <use xlink:href="#audiodescription-off-clip-circle" style="overflow:visible;"/>
             </clipPath>
-            <g style="clip-path:url(#SVGID_2_);">
+            <g style="clip-path:url(#audiodescription-off-clip);">
                 <path d="M7.6,35.2c4.9,2.2,13.8,2,14.6,1.2c0.8-0.8,0.3-3.4,0.3-3.8c0-0.7,0.7-1.2,0.7-1.7c0-1.4-5.6-1.1-5.2-4
                                        c0.1-0.5,5.3-1.2,5.7-2.4c0.2-0.5-0.8-3-0.8-3l2.3-1.1c0,0,0.9-0.4,1-1.1c0.1-0.6-0.7-1.9-0.7-1.9L18.6,6.6l-18.1,6"/>
             </g>
index 879a8c21002899aaa592625c11e1db4039a69a24..4601d69a96dbf46b7d0f79bd649253629ce745e6 100644 (file)
@@ -41,6 +41,17 @@ use {
   height: 100%;
 }
 
+#svg-container {
+  position: absolute;
+  z-index: -1;
+  width: 0;
+  height: 0;
+
+  svg {
+    display: block !important;
+  }
+}
+
 /* Disable print div*/
 #printpages {
   display: none;
@@ -2070,7 +2081,8 @@ form input[type="text"], form input[type="email"] {
     .ltr & {
       margin-right: @thumb-width;
     }
-    .rtl &{
+
+    .rtl & {
       margin-right: 0;
     }
   }