clone/logseq
1
0
Fork 0
mirror of https://github.com/logseq/logseq.git synced 2026-05-28 06:34:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix vertical alignment of shortcut list rows for single and multi-line

Browse Source 
Switch from items-center to items-start so multi-line rows keep the
label top-aligned instead of vertically centered against wrapped badges.
Add 1px top padding to label-wrap and action-wrap to simulate centering
in single-line rows, plus 2px on status labels (Unset/Custom/Disabled)
for optical balance.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
scheinriese
2026-03-09 16:16:54 +01:00
committed by Tienson Qin
parent c318c70e19
commit 1eb87f4541
2 changed files with 4 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/main/frontend/components/shortcut.cljs
View File

@@ -866,7 +866,7 @@
(and (sequential? s) (sequential? keystroke')
(apply = (map first [s keystroke']))))) binding')))))
[:li.shortcut-row.flex.items-center.justify-between.text-sm
[:li.shortcut-row.flex.items-start.justify-between.text-sm
{:key (str id)
:class (when (= active-id id) "active")
:on-click (when (and id (not disabled?))

3
src/main/frontend/components/shortcut.css
View File

@@ -88,6 +88,7 @@
.label-wrap {
@apply flex flex-1;
min-width: 120px;
padding-top: 1px;
}
.action-wrap {
@@ -96,6 +97,7 @@
column-gap: 16px;
row-gap: 6px;
max-width: 55%;
padding-top: 1px;
&.disabled {
@apply opacity-60 cursor-default;
@@ -104,6 +106,7 @@
.shortcut-status-label {
@apply text-xs whitespace-nowrap;
opacity: 0.5;
padding-top: 2px;
&:not(:only-child) {
margin-right: -8px;