Fix for Safari which doesn't support field-sizing: content

2024-12-17 16:08:01 -06:00
parent bd35da79c3
commit bb4ee3cb65
1 changed files with 5 additions and 1 deletions
@@ -81,6 +81,7 @@
    border-radius: var(--bubble-shape);
    display: flex;
    font-size: 6cqi;
+    inline-size: min-content;
    inset: 70cqi 7cqi auto auto;
    min-inline-size: 4.5ch;
    padding: 0;
@@ -104,10 +105,13 @@

    .boost__input {
      color: var(--bubble-color);
-      field-sizing: content;
      font-weight: 800;
      padding: 0;
      text-align: center;
+
+      @supports (field-sizing: content) {
+        field-sizing: content;
+      }
    }

    &.boosting {