Improve visibility and size of fullscreen icon

153957 · Dec 28, 2023 · 38ae9aa · 38ae9aa
1 parent 877d269
commit 38ae9aa
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 3 deletions.
diff --git a/theme_153957/static/css/style.css b/theme_153957/static/css/style.css
@@ -192,11 +192,12 @@ body {
   background-image: url('../img/fullscreen.svg');
   background-repeat: no-repeat;
   color: #010101;
+  filter: drop-shadow(0 0 3px #eeeeee);
   opacity: 0.6;
   display: block;
   cursor: pointer;
-  width: 15px;
-  height: 15px;
+  width: 17px;
+  height: 17px;
 }
 
 #fullscreen:hover {
@@ -278,5 +279,6 @@ body {
 
   #fullscreen {
     color: #eeeeee;
+    filter: drop-shadow(0 0 3px #010101);
   }
 }
diff --git a/theme_153957/templates/base.html b/theme_153957/templates/base.html
@@ -66,7 +66,15 @@
           {% endfor %}
         </div>
 
-        <div id="fullscreen"></div>
+        <svg id="fullscreen" viewBox="0 0 32 32">
+          <g fill="currentColor">
+            <polygon points="27 25 23 20 20 23 25 27 20 32 32 32 32 20"/>
+            <polygon points="12 0 0 0 0 12 4.6 7.4 9.1 12 12 9.1 7.4 4.6"/>
+            <polygon points="12 23 9.2 20 4.6 25 0 20 0 32 12 32 7.4 27"/>
+            <polygon points="32 0 20 0 25 4.6 20 9.1 23 12 27 7.4 32 12"/>
+          </g>
+        </svg>
+
       {% endif %}
 
     </div>