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

🐛 Fix arrow key movement on tabs

Browse source
This commit is contained in:
Eva Marco 2024-09-17 16:29:02 +02:00
parent e65c0d9f48
commit 9a587c91a8
3 changed files with 24 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

4
frontend/src/app/main/ui/ds/tab_switcher.cljs
View file

@ -175,8 +175,7 @@
class (dm/str class " " (stl/css :tabs))
props (mf/spread-props props {:class class
:on-key-down on-key-down})]
props (mf/spread-props props {:class class})]
(mf/with-effect [tabs]
(mf/set-ref-val! tabs-ref tabs))
@ -188,6 +187,7 @@
:tabs tabs
:on-ref on-ref
:selected selected
:on-key-down on-key-down
:on-click on-click}]]
(let [active-tab (get-tab tabs selected)

10
frontend/src/app/main/ui/ds/tab_switcher.scss
View file

@ -101,7 +101,17 @@
}
.tab-panel {
--tab-panel-outline-color: none;
&:focus {
outline: none;
}
&:focus-visible {
--tab-panel-outline-color: var(--color-accent-primary);
}
display: grid;
width: 100%;
height: 100%;
outline: $b-1 solid var(--tab-panel-outline-color);
}