diff --git a/frontend/src/app/main/ui/dashboard/import.cljs b/frontend/src/app/main/ui/dashboard/import.cljs index c5aff2510b..93e3774376 100644 --- a/frontend/src/app/main/ui/dashboard/import.cljs +++ b/frontend/src/app/main/ui/dashboard/import.cljs @@ -427,10 +427,10 @@ [:div {:class (stl/css :library-resolution-file-header)} [:> icon* {:icon-id i/document :class (stl/css :library-resolution-file-icon) - :size "s"}] + :size "m"}] [:> text* {:class (stl/css :library-resolution-file-name) :as "span" - :typography t/body-medium} + :typography t/body-large} (:name unresolved-file)]] [:> text* {:class (stl/css :library-resolution-message) diff --git a/frontend/src/app/main/ui/workspace/sidebar/options/menus/text.cljs b/frontend/src/app/main/ui/workspace/sidebar/options/menus/text.cljs index 4ec36226e7..61ee90bf07 100644 --- a/frontend/src/app/main/ui/workspace/sidebar/options/menus/text.cljs +++ b/frontend/src/app/main/ui/workspace/sidebar/options/menus/text.cljs @@ -520,11 +520,14 @@ :on-click toggle-token-dropdown :tooltip-placement "top-left" :icon i/tokens}]) - (when (and (some? font) (not typography) (not multiple?) (not applied-token-name)) + (when (and (not typography) (not multiple?) (not applied-token-name)) [:> icon-button* {:variant "ghost" - :aria-label (tr "workspace.options.convert-to-typography") + :aria-label (if (not font) + (tr "workspace.options.font-not-available" (:font-family values)) + (tr "workspace.options.convert-to-typography")) :on-click on-convert-to-typography :tooltip-placement "top-left" + :disabled (not font) :icon i/add}])]] (when (and token-typography-row-enabled? token-dropdown-open?) [:> searchable-options-dropdown* {:on-click on-option-click diff --git a/frontend/src/app/main/ui/workspace/tokens/sidebar.scss b/frontend/src/app/main/ui/workspace/tokens/sidebar.scss index 565e9cbee7..24e7c22f87 100644 --- a/frontend/src/app/main/ui/workspace/tokens/sidebar.scss +++ b/frontend/src/app/main/ui/workspace/tokens/sidebar.scss @@ -43,7 +43,6 @@ align-items: center; justify-content: space-between; margin-inline-start: var(--sp-m); - padding-block-start: var(--sp-m); color: var(--layer-row-foreground-color); } diff --git a/frontend/translations/en.po b/frontend/translations/en.po index 5f69a2d957..7a0bf13760 100644 --- a/frontend/translations/en.po +++ b/frontend/translations/en.po @@ -8281,6 +8281,10 @@ msgstr "Flow starts" msgid "workspace.options.flows.remove-flow" msgstr "Remove flow" +#: src/app/main/ui/workspace/sidebar/options/menus/text.cljs:526 +msgid "workspace.options.font-not-available" +msgstr "The font used by this text (%s) is no longer available. Reupload the font to create a typography style" + #: src/app/main/ui/workspace/sidebar/options/menus/frame_grid.cljs:34 msgid "workspace.options.grid.auto" msgstr "Auto" diff --git a/frontend/translations/es.po b/frontend/translations/es.po index 9eb31cb92d..bb9873cd50 100644 --- a/frontend/translations/es.po +++ b/frontend/translations/es.po @@ -8067,6 +8067,10 @@ msgstr "Inicios de flujo" msgid "workspace.options.flows.remove-flow" msgstr "Eliminar flujo" +#: src/app/main/ui/workspace/sidebar/options/menus/text.cljs:526 +msgid "workspace.options.font-not-available" +msgstr "La fuente utilizada por este texto (%s) ya no está disponible. Vuelve a subir la fuente para crear un estilo de tipografía" + #: src/app/main/ui/workspace/sidebar/options/menus/frame_grid.cljs:34 msgid "workspace.options.grid.auto" msgstr "Automático"