detached e2dff43

fix(toolbar): center smiley picker trigger icon

commit
e2dff43ba0e09c1ed6dad3e7e4ce98a98e3c77a7
author
Kit · · 2026-09-27 13:53 UTC
parent
da04fc0
signature
SSH UnverifiedSHA256:H91DFuEG4jpk5edzLA4aUKkpv4zv9Q339ipRmkph6Tk The key is unknown
1 file · +13 -1
M src/lib/components/text-formatting-toolbar.svelte +13 -1
@@ -146,7 +146,7 @@
146146 aria-haspopup="true"
147147 aria-expanded={smileyOpen}
148148 onclick={() => (smileyOpen = !smileyOpen)}
149- style="width: 24px; height: 20px; padding: 0; min-width: 0;"
149+ class="smiley-trigger"
150150 >
151151 <img src="/smileys/01.gif" alt="🙂" width="15" height="15" />
152152 </button>
@@ -219,7 +219,19 @@
219219 position: relative;
220220 display: flex;
221221 }
222+ .smiley-trigger {
223+ width: 24px;
224+ height: 20px;
225+ min-width: 0;
226+ min-height: 0;
227+ padding: 0;
228+ display: flex;
229+ align-items: center;
230+ justify-content: center;
231+ line-height: 0;
232+ }
222233 .smiley-control img {
234+ display: block;
223235 image-rendering: pixelated;
224236 }
225237 .smiley-picker {
@@ -146,7 +146,7 @@
146 aria-haspopup="true"146 aria-haspopup="true"
147 aria-expanded={smileyOpen}147 aria-expanded={smileyOpen}
148 onclick={() => (smileyOpen = !smileyOpen)}148 onclick={() => (smileyOpen = !smileyOpen)}
149- style="width: 24px; height: 20px; padding: 0; min-width: 0;"149+ class="smiley-trigger"
150 >150 >
151 <img src="/smileys/01.gif" alt="🙂" width="15" height="15" />151 <img src="/smileys/01.gif" alt="🙂" width="15" height="15" />
152 </button>152 </button>
@@ -219,7 +219,19 @@
219 position: relative;219 position: relative;
220 display: flex;220 display: flex;
221 }221 }
222+ .smiley-trigger {
223+ width: 24px;
224+ height: 20px;
225+ min-width: 0;
226+ min-height: 0;
227+ padding: 0;
228+ display: flex;
229+ align-items: center;
230+ justify-content: center;
231+ line-height: 0;
232+ }
222 .smiley-control img {233 .smiley-control img {
234+ display: block;
223 image-rendering: pixelated;235 image-rendering: pixelated;
224 }236 }
225 .smiley-picker {237 .smiley-picker {

Keyboard shortcuts

Single-key shortcuts are on. ctrl k and esc work whatever this says.

ctrl k :
go to a section, branch, tag, file or repository
?
this list
j k
move the row cursor down / up
enter
open the row under the cursor; on Files, a directory opens or closes in place
↑ ↓ ← → home end
in the file tree (focus on a row): previous / next row, close / open a directory or go to its parent / first entry, first / last row. They never open a file
l h
on Files: open a directory or a file / close a directory or go up to its parent, then to the parent page. Elsewhere: into the side panel (on a merge request, its files) / back to the content; there j k move between its controls
g g G
first / last row
/
filter the list; on Files, find a file anywhere in the repository (esc clears, enter opens the best match)
b
switch branch or tag
g s g f g c g b g m g i g r g a
tabs: summary, files, commits, branches & tags, merge requests, issues, releases, actions (when available)
g h
home
w
wide mode: use the whole width of the screen, or not (remembered)
y
copy a permalink pinned to the commit
d u x
diff: split / unified / collapse or expand all
e E
diff: the whole file in view / every file, with the lines the hunks hide
n
merge request: next note in the diff
esc
close a dialog, leave a field

Branches 3

Tags 8

↑↓ moveenter openesc close