Remove rem units from svg (#1942)

* Use css properties for height and width

.gitignore

@@ -12,3 +12,5 @@ htmlcov
 .tox
 geckodriver.log
 coverage.xml
+.direnv/
+.envrc

debug_toolbar/static/debug_toolbar/css/toolbar.css

@@ -734,4 +734,6 @@
 #djDebug[data-theme="dark"] #djToggleThemeButton svg.theme-dark,
 #djDebug[data-theme="auto"] #djToggleThemeButton svg.theme-auto {
     display: block;
+    height: 1rem;
+    width: 1rem;
 }

debug_toolbar/templates/debug_toolbar/includes/theme_selector.html

@@ -2,8 +2,6 @@
   aria-hidden="true"
   class="djdt-hidden theme-auto"
   fill="currentColor"
-  width="1rem"
-  height="1rem"
   viewBox="0 0 32 32"
   version="1.1"
   xmlns="http://www.w3.org/2000/svg"
@@ -15,8 +13,6 @@
 <svg
   aria-hidden="true"
   class="djdt-hidden theme-light"
-  width="1rem"
-  height="1rem"
   viewBox="0 0 24 24"
   fill="none"
   xmlns="http://www.w3.org/2000/svg"
@@ -31,8 +27,6 @@
 <svg
   aria-hidden="true"
   class="djdt-hidden theme-dark"
-  width="1rem"
-  height="1rem"
   viewBox="0 0 24 24"
   fill="none"
   xmlns="http://www.w3.org/2000/svg"

docs/changes.rst

@@ -13,6 +13,7 @@ Pending
   paths aren't installed.
 * Introduce helper function ``debug_toolbar_urls`` to
   simplify installation.
+* Moved "1rem" height/width for SVGs to CSS properties.
 
 4.4.2 (2024-05-27)
 ------------------