3pp-mirror/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-07-08 21:27:16 +02:00
Code Issues Projects Releases Packages Wiki Activity

🐛 Fix font-selector not autofocusing and remove its inner drop shadow

Browse source
This commit is contained in:
Belén Albeza 2024-02-01 15:09:04 +01:00
parent 0b3cff1a9f
commit 669d928bbf
4 changed files with 4 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

2
frontend/src/app/main/ui/components/search_bar.cljs
View file

@ -21,6 +21,7 @@
on-clear (unchecked-get props "clear-action") on-clear (unchecked-get props "clear-action")
placeholder (unchecked-get props "placeholder") placeholder (unchecked-get props "placeholder")
icon (unchecked-get props "icon") icon (unchecked-get props "icon")
autofocus (unchecked-get props "auto-focus")
handle-change handle-change
(mf/use-fn (mf/use-fn
@ -52,6 +53,7 @@
icon icon
[:input {:on-change handle-change [:input {:on-change handle-change
:value value :value value
:auto-focus autofocus
:placeholder placeholder :placeholder placeholder
:on-key-down handle-key-down}] :on-key-down handle-key-down}]
(when (not= "" value) (when (not= "" value)

1
frontend/src/app/main/ui/components/search_bar.scss
View file

@ -30,6 +30,7 @@
background-color: var(--input-background-color); background-color: var(--input-background-color);
font-size: $fs-12; font-size: $fs-12;
color: var(--input-foreground-color); color: var(--input-foreground-color);
border-radius: $br-8;
&:focus { &:focus {
outline: none; outline: none;
} }

1
frontend/src/app/main/ui/workspace/sidebar/options/menus/typography.cljs
View file

@ -176,6 +176,7 @@
[:div {:class (stl/css :header)} [:div {:class (stl/css :header)}
[:& search-bar {:on-change on-filter-change [:& search-bar {:on-change on-filter-change
:value (:term @state) :value (:term @state)
:auto-focus true
:placeholder (tr "workspace.options.search-font")}] :placeholder (tr "workspace.options.search-font")}]
(when (and recent-fonts show-recent) (when (and recent-fonts show-recent)
[:section {:class (stl/css :show-recent)} [:section {:class (stl/css :show-recent)}

1
frontend/src/app/main/ui/workspace/sidebar/options/menus/typography.scss
View file

@ -418,7 +418,6 @@
} }
.fonts-list { .fonts-list {
@include menuShadow;
position: relative; position: relative;
display: flex; display: flex;
flex-direction: column; flex-direction: column;