prescientmoon/keyswirl
1
Fork 0
Code Activity

Fix text positioning on wide keys

Browse source
This commit is contained in:
prescientmoon 2024-02-28 10:11:01 +01:00
parent df70d51ff2
commit 67919277ad
Signed by: prescientmoon
SSH key fingerprint: SHA256:UUF9JT2s8Xfyv76b8ZuVL7XrmimH4o49p4b+iexbVH4
5 changed files with 1563 additions and 782 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
keyboards/kanata/laptop/lens.json
View file

@ -7,7 +7,7 @@
"keyStrokeWidth": 1.5
},
"keys": [
["Q", "!", "1", "f1"],
["Q", "+", "1", "f1"],
["A", "<", "6", "f6"],
["X", ">", "", "f11"],
["W", "@", "2", "f2"],
@ -21,22 +21,22 @@
["V", ")"],
["B", "%", "5", "f5"],
["G", "?", "0", "f10"],
["Z", ""],
["Z", "!"],
["TR", "", ""],
["␣", "", ""],
["␣", "\\", ""],
["TL", "", ""],
["J", "^", "🏠", "😱"],
["J", "_", "🏠", "😱"],
["M", "-", "◄", "↩️"],
["K", "—", "", "🎮"],
["L", "&", "⏬", "copy"],
["N", "_", "▼", "📋"],
["N", "^", "▼", "📋"],
["H", "|", "", "✂️"],
["U", "*", "⏫", "⏩"],
["E", "/", "▲", "⏯️"],
[",", "\\", "", "⏪"],
[",", "", "", "⏪"],
["Y", "~", "end", "🔊"],
["I", "=", "►", "🔉"],
[".", "+", "", "🔇"],
[".", "", "", "🔇"],
[":", "`", "🗑️", "🔆"],
["O", ";", "", "🔅"],
["'", "\"", ""]

1129
keyboards/kanata/laptop/lens.svg
View file

File diff suppressed because it is too large Load diff
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 71 KiB

After

Width:  |  Height:  |  Size: 72 KiB

40
keyboards/qmk/ferris-sweep/config.lens
View file

@ -31,30 +31,30 @@ section
layergroup
layer main center
Q W F P B J L U Y :
A R S T G M N E I O
X C D V Z K H , . '
🟥 ␣ ⇧ 🟦
Q W F P B J L U Y :
A R S T G M N E I O
X C D V Z K H , . '
🟥 ␣ ⇧ 🟦
end
layer red topright #0b00d9
1 2 3 4 ⚔️ ⏪ ⏬ ⏫ ⏩ 🗑️
5 6 7 8 ⚔️ ◄ ▼ ▲ ► ⚔️
9 0 ⚔️ ⚔️ ⚔️ ⚔️ ⚔️ ⚔️ ⚔️ ⚔️
1 2 3 4 ⚔️ 🏠 ⏬ ⏫ 🔚 🗑️
5 6 7 8 ⚔️ ◄ ▼ ▲ ► ⚔️
9 0 ⚔️ ⚔️ ⚔️ ⚔️ ⚔️ ⚔️ ⚔️ ⚔️
⚔️ ⚔️ ⚔️ 🟪
end
layer blue topleft #b80034
! @ [ ( % ^ & * ~ `
< { ] ) ? - _ / = ;
> } $ ? ⚔️ — | \ + "
🟪 ⚔️ ⚔️ ⚔️
! @ [ ( % ^ & * ~ `
< { ] ) ? | - / = ;
> } $ ? ⚔️ — _ \ + "
🟪 ⚔️ ⚔️ ⚔️
end
layer purple bottomleft #660099
f1 f2 f3 f4 f5 😱 copy ⏩ 🔊 🔆
f6 f7 f8 f9 f10 ↩️ 📋 ⏯️ 🔉 🔅
f11 f12 f4 ⚔️ ⚔️ 🎮 ✂️ ⏪ 🔇 ⚔️
f6 f7 f8 f9 f10 ↩️ 📋 ⏯️ 🔉 🔅
f11 f12 f4 ⚔️ ⚔️ 🎮 ✂️ ⏪ 🔇 ⚔️
⚔️ ⚔️ ⚔️ ⚔️
end
@ -62,15 +62,15 @@ section
columns 2
chordgroup
A R => ⌥ #39f785
S T => ⭾ #fdff80 0.8
G M => ⌫ #f9adff
N E => ⊥ #f58e8e
I O => ⌥ #39f785
A R => ⌥ #39f785
S T => ⭾ #fdff80 0.8
G M => ⌫ #f9adff
N E => ⊥ #f58e8e
I O => ⌥ #39f785
chordgroup
R S => ⇧ #f9adff
E I => ⇧ #f9adff
R S => ⇧ #f9adff
E I => ⇧ #f9adff
chordgroup
R T => ctrl #fdff80

1149
keyboards/qmk/ferris-sweep/lens.svg
View file

File diff suppressed because it is too large Load diff
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 74 KiB

After

Width:  |  Height:  |  Size: 76 KiB

13
layout-lens/src/render.ts
View file

@ -65,6 +65,7 @@ function renderKey(
) {
const withPadding = applyKeyPadding(visual, measurements);
const center = keyCenter(visual);
const keySize = measurements.keySize - 2 * measurements.keyPadding;
const textOverlays = flags.text
? [
@ -82,8 +83,8 @@ function renderKey(
tag(
"text",
{
x: withPadding.position[0] + withPadding.size[0] / 6,
y: withPadding.position[1] + withPadding.size[1] / 6,
x: withPadding.position[0] + keySize / 10,
y: withPadding.position[1] + keySize / 6,
fill: textColor(colorscheme, key.tlLayer, colorscheme.tlLayerColor),
"font-size": "66%",
...textAttribs,
@ -94,8 +95,8 @@ function renderKey(
tag(
"text",
{
x: withPadding.position[0] + (9 * withPadding.size[0]) / 10,
y: withPadding.position[1] + withPadding.size[1] / 6,
x: withPadding.position[0] + (9 * keySize) / 10,
y: withPadding.position[1] + keySize / 6,
fill: textColor(colorscheme, key.trLayer, colorscheme.trLayerColor),
"font-size": "66%",
...textAttribs,
@ -106,8 +107,8 @@ function renderKey(
tag(
"text",
{
x: withPadding.position[0] + withPadding.size[0] / 10,
y: withPadding.position[1] + (5 * withPadding.size[1]) / 6,
x: withPadding.position[0] + keySize / 10,
y: withPadding.position[1] + (5 * keySize) / 6,
fill: textColor(colorscheme, key.blLayer, colorscheme.blLayerColor),
"font-size": "66%",
...textAttribs,