Placeholders now keep their aspect ratio even when displaying in large screen

2026-04-23 18:48:51 +02:00 · 2021-02-20 10:52:45 +01:00
parent 147e240035
commit f61ec3179a
4 changed files with 11 additions and 9 deletions
--- a/images/placeholders/skeleton-dashboard.svg
+++ b/images/placeholders/skeleton-dashboard.svg
@@ -1,9 +1,10 @@
 <svg
        role="img"
-        aria-labelledby="loading-aria"
+        aria-labelledby="dashboard-loading-aria"
        viewBox="0 0 540 100"
-        preserveAspectRatio="none"
+        preserveAspectRatio="xMidYMid meet"
 >
+<title id="dashboard-loading-aria">Loading...</title>
  <rect
          x="0"
          y="0"
--- a/images/placeholders/skeleton-list.svg
+++ b/images/placeholders/skeleton-list.svg
@@ -1,10 +1,10 @@
 <svg
        role="img"
-        aria-labelledby="loading-aria"
+        aria-labelledby="list-loading-aria"
        viewBox="0 0 540 100"
-        preserveAspectRatio="none"
+        preserveAspectRatio="xMidYMid meet"
 >
-  <title id="loading-aria">Loading...</title>
+  <title id="list-loading-aria">Loading...</title>
  <rect
          x="0"
          y="0"
--- a/images/placeholders/skeleton-object.svg
+++ b/images/placeholders/skeleton-object.svg
@@ -1,10 +1,10 @@
 <svg
        role="img"
-        aria-labelledby="loading-aria"
+        aria-labelledby="object-loading-aria"
        viewBox="0 0 540 100"
-        preserveAspectRatio="none"
+        preserveAspectRatio="xMidYMid meet"
 >
-  <title id="loading-aria">Loading...</title>
+  <title id="object-loading-aria">Loading...</title>
  <rect
          x="0"
          y="0"
--- a/images/placeholders/skeleton.svg
+++ b/images/placeholders/skeleton.svg
@@ -2,8 +2,9 @@
        role="img"
        aria-labelledby="loading-aria"
        viewBox="0 0 540 100"
-        preserveAspectRatio="none"
+        preserveAspectRatio="xMidYMid meet"
 >
+<title id="loading-aria">Loading...</title>
  <rect
          x="0"
          y="0"