Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-02-13 10:38:13 -05:00
Code Issues 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
Show stats 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")
placeholder (unchecked-get props "placeholder")
icon (unchecked-get props "icon")
autofocus (unchecked-get props "auto-focus")
handle-change
(mf/use-fn
@ -52,6 +53,7 @@
icon
[:input {:on-change handle-change
:value value
:auto-focus autofocus
:placeholder placeholder
:on-key-down handle-key-down}]
(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);
font-size: $fs-12;
color: var(--input-foreground-color);
border-radius: $br-8;
&:focus {
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)}
[:& search-bar {:on-change on-filter-change
:value (:term @state)
:auto-focus true
:placeholder (tr "workspace.options.search-font")}]
(when (and recent-fonts 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 {
@include menuShadow;
position: relative;
display: flex;
flex-direction: column;