rollback plex-sans since the feedback from the user wasn't ok (inter was still 'fuzzy')

2026-05-04 20:57:13 +03:00
parent 7542cd14e2
commit 8091a756e8
28 changed files with 36 additions and 35 deletions
@@ -2,8 +2,7 @@

 - Fixed UI logs pagination.

- Replaced "IBM Plex Sans" text font with "Inter" as there were reports for being difficult to read on dark background as it was too "thin" (specifically on Firefox).
-    _If you are still having issues with the text readability, please open an issue with more details about your OS and browser to try to workaround it._
+- Fixed default CSP not allowing audio/video previews ([#7677](https://github.com/pocketbase/pocketbase/issues/7677)).

 - Serve fixed `Content-Type` for `.xlsx`, `.docx` and `.pptx` files to allow previews on iOS ([#7467](https://github.com/pocketbase/pocketbase/discussions/7467)).

@@ -13,9 +13,9 @@

    <!-- prism -->
    <script src="./libs/prism/prism.js" data-manual></script>
-  <script type="module" crossorigin src="./assets/index-CK8AbvWj.js"></script>
+  <script type="module" crossorigin src="./assets/index-CsbGEmKA.js"></script>
  <link rel="modulepreload" crossorigin href="./assets/pocketbase.es-B_4DUNUU.js">
-  <link rel="stylesheet" crossorigin href="./assets/index-Boupqpks.css">
+  <link rel="stylesheet" crossorigin href="./assets/index-e0-DEGQo.css">
 </head>
 <body>
 </body>
@@ -43,7 +43,7 @@ export function collectionRulesTab(upsertData) {
                app.components.slide(
                    () => local.showRulesInfo,
                    t.div(
-                        { className: "alert warning m-t-sm txt-sm" },
+                        { className: "alert warning m-t-sm" },
                        t.div(
                            { className: "content" },
                            t.p(null, "The following record fields are available:"),
@@ -267,7 +267,7 @@ export function pageCollections(route) {
                                onclick: () => app.modals.openRecordUpsert(app.store.activeCollection),
                            },
                            t.i({ className: "ri-add-line", ariaHidden: true }),
-                            t.span({ className: "txt", textContent: "New Record" }),
+                            t.span({ className: "txt", textContent: "New record" }),
                        );
                    },
                ),
@@ -133,6 +133,9 @@ body {
    color: var(--surfaceTxtColor);
    background: var(--surfaceColor);
    height: 100%;
+
+    /* normalizes IBM Plex Sans font rendering between Chrome and Firefox */
+    letter-spacing: 0.004em;
 }

 h1,
@@ -7,35 +7,35 @@
 /* ---------------------------------------------------------------- */

@font-face {
-  font-display: block;
-  font-family: "Inter";
-  font-style: normal;
-  font-weight: 400;
-  src: url("/fonts/inter/inter-v20-cyrillic_latin_latin-ext-regular.woff2") format("woff2");
+    font-display: block;
+    font-family: "IBM Plex Sans";
+    font-style: normal;
+    font-weight: 400;
+    src: url("/fonts/ibm-plex-sans/ibm-plex-sans-v23-cyrillic_latin_latin-ext-regular.woff2") format("woff2");
 }

@font-face {
-  font-display: block;
-  font-family: "Inter";
-  font-style: italic;
-  font-weight: 400;
-  src: url("/fonts/inter/inter-v20-cyrillic_latin_latin-ext-italic.woff2") format("woff2");
+    font-display: block;
+    font-family: "IBM Plex Sans";
+    font-style: italic;
+    font-weight: 400;
+    src: url("/fonts/ibm-plex-sans/ibm-plex-sans-v23-cyrillic_latin_latin-ext-italic.woff2") format("woff2");
 }

@font-face {
-  font-display: block;
-  font-family: "Inter";
-  font-style: normal;
-  font-weight: 600;
-  src: url("/fonts/inter/inter-v20-cyrillic_latin_latin-ext-600.woff2") format("woff2");
+    font-display: block;
+    font-family: "IBM Plex Sans";
+    font-style: normal;
+    font-weight: 600;
+    src: url("/fonts/ibm-plex-sans/ibm-plex-sans-v23-cyrillic_latin_latin-ext-600.woff2") format("woff2");
 }

@font-face {
-  font-display: block;
-  font-family: "Inter";
-  font-style: italic;
-  font-weight: 600;
-  src: url("/fonts/inter/inter-v20-cyrillic_latin_latin-ext-600italic.woff2") format("woff2");
+    font-display: block;
+    font-family: "IBM Plex Sans";
+    font-style: italic;
+    font-weight: 600;
+    src: url("/fonts/ibm-plex-sans/ibm-plex-sans-v23-cyrillic_latin_latin-ext-600italic.woff2") format("woff2");
 }

 /* ---------------------------------------------------------------- */
@@ -407,7 +407,6 @@ button {
        border: 0;
        margin: 0;
        width: 100%;
-        min-height: 38px;
        background: none;
        font-weight: normal;
        line-height: 1;
@@ -45,8 +45,8 @@ table {
    }
    th {
        font-weight: bold;
-        font-size: 0.95em;
-        line-height: 1.3;
+        font-size: 0.98em;
+        line-height: 1.4;
        color: var(--surfaceTxtHintColor);
    }

@@ -1,7 +1,7 @@
 :root,
 .dropdown,
 .base-surface {
-    --baseFontFamily: "Inter", system-ui, sans-serif, emoji;
+    --baseFontFamily: "IBM Plex Sans", system-ui, sans-serif, emoji;
    --monospaceFontFamily: "IBM Plex Mono", ui-monospace, monospace, emoji;
    --iconFontFamily: "remixicon";

@@ -103,7 +103,7 @@
    --lgFontSize: 15px;

    --lineHeight: 22px;
-    --smLineHeight: 15.5px; /* decimal for visual alignment */
+    --smLineHeight: 16px;
    --lgLineHeight: 24px;

    --btnHeight: 45px;