15lu.akari/sparkguardian-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor keyboard and mouse code: SVG -> div components & logical refactoring. Add some new DEV-features
Some checks failed
CI / checks (push) Failing after 6m56s
Details

Browse Source
This commit is contained in:
Микаэл Оганесян
2026-04-10 02:54:32 +03:00
parent d96c152ae3
commit 84586b5ce2
35 changed files with 1315 additions and 205 deletions
Download Patch File Download Diff File Expand all files Collapse all files

70
public/svg/visual/keyboard.svg
View File

@@ -118,6 +118,13 @@
text-align: center;
text-anchor: middle;
}
#T_stdletters text.T_ru {
font-size: 12px;
letter-spacing: 0.03em;
opacity: 0.9;
text-align: end;
text-anchor: end;
}
#T_stdspecial text {
font-size: 17px;
font-weight: var(--sg-keyboard-font-weight);
@@ -127,6 +134,13 @@
text-align: center;
text-anchor: middle;
}
#T_stdspecial text.T_ru {
font-size: 11px;
letter-spacing: 0.02em;
opacity: 0.9;
text-align: end;
text-anchor: end;
}
.T_size_s {
font-size: 11px;
font-weight: var(--sg-keyboard-font-weight);
@@ -308,6 +322,36 @@
<text id="T_kb5g2" x="348" y="172" >B</text>
<text id="T_kb5h2" x="402" y="172" >N</text>
<text id="T_kb5i2" x="454" y="172" >M</text>
<!-- Russian layout: bottom of key, opposite (right) edge -->
<text id="T_kb3b_ru" class="T_ru" x="126" y="92" >й</text>
<text id="T_kb3c_ru" class="T_ru" x="180" y="92" >ц</text>
<text id="T_kb3d_ru" class="T_ru" x="234" y="92" >у</text>
<text id="T_kb3e_ru" class="T_ru" x="288" y="92" >к</text>
<text id="T_kb3f_ru" class="T_ru" x="342" y="92" >е</text>
<text id="T_kb3g_ru" class="T_ru" x="396" y="92" >н</text>
<text id="T_kb3h_ru" class="T_ru" x="450" y="92" >г</text>
<text id="T_kb3i_ru" class="T_ru" x="504" y="92" >ш</text>
<text id="T_kb3j_ru" class="T_ru" x="558" y="92" >щ</text>
<text id="T_kb3k_ru" class="T_ru" x="612" y="92" >з</text>
<text id="T_kb4c_ru" class="T_ru" x="196" y="142" >ф</text>
<text id="T_kb4d_ru" class="T_ru" x="250" y="142" >ы</text>
<text id="T_kb4e_ru" class="T_ru" x="304" y="142" >в</text>
<text id="T_kb4f_ru" class="T_ru" x="358" y="142" >а</text>
<text id="T_kb4g_ru" class="T_ru" x="412" y="142" >п</text>
<text id="T_kb4h_ru" class="T_ru" x="466" y="142" >р</text>
<text id="T_kb4i_ru" class="T_ru" x="520" y="142" >о</text>
<text id="T_kb4j_ru" class="T_ru" x="574" y="142" >л</text>
<text id="T_kb4k_ru" class="T_ru" x="628" y="142" >д</text>
<text id="T_kb5c_ru" class="T_ru" x="162" y="192" >я</text>
<text id="T_kb5d_ru" class="T_ru" x="216" y="192" >ч</text>
<text id="T_kb5e_ru" class="T_ru" x="270" y="192" >с</text>
<text id="T_kb5f_ru" class="T_ru" x="324" y="192" >м</text>
<text id="T_kb5g_ru" class="T_ru" x="378" y="192" >и</text>
<text id="T_kb5h_ru" class="T_ru" x="432" y="192" >т</text>
<text id="T_kb5i_ru" class="T_ru" x="486" y="192" >ь</text>
</g>
<g id="T_stdspecial">
@@ -363,6 +407,32 @@
<text id="T_kb5j2" x="508" y="170" >&lt;</text>
<text id="T_kb5k2" x="562" y="170" >&gt;</text>
<text id="T_kb5l2" x="616" y="170" >?</text>
<!-- Russian layout on punctuation / number row (ЙЦУКЕН, Windows) -->
<text id="T_kb2a_ru" class="T_ru" x="46" y="42" >ё</text>
<text id="T_kb2b_ru" class="T_ru" x="100" y="42" >!</text>
<text id="T_kb2c_ru" class="T_ru" x="152" y="42" >"</text>
<text id="T_kb2d_ru" class="T_ru" x="206" y="42" >№</text>
<text id="T_kb2e_ru" class="T_ru" x="260" y="42" >;</text>
<text id="T_kb2f_ru" class="T_ru" x="314" y="42" >%</text>
<text id="T_kb2g_ru" class="T_ru" x="368" y="42" >:</text>
<text id="T_kb2h_ru" class="T_ru" x="422" y="42" >?</text>
<text id="T_kb2i_ru" class="T_ru" x="476" y="42" >*</text>
<text id="T_kb2j_ru" class="T_ru" x="530" y="42" >(</text>
<text id="T_kb2k_ru" class="T_ru" x="584" y="42" >)</text>
<text id="T_kb2l_ru" class="T_ru" x="638" y="42" >-</text>
<text id="T_kb2m_ru" class="T_ru" x="692" y="42" >+</text>
<text id="T_kb3l_ru" class="T_ru" x="666" y="92" >х</text>
<text id="T_kb3m_ru" class="T_ru" x="720" y="92" >ъ</text>
<text id="T_kb3n_ru" class="T_ru" x="796" y="92" >/</text>
<text id="T_kb4l_ru" class="T_ru" x="682" y="142" >ж</text>
<text id="T_kb4m_ru" class="T_ru" x="736" y="142" >э</text>
<text id="T_kb5j_ru" class="T_ru" x="540" y="192" >б</text>
<text id="T_kb5k_ru" class="T_ru" x="594" y="192" >ю</text>
<text id="T_kb5l_ru" class="T_ru" x="648" y="192" >.</text>
</g>
<g id="T_others">
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 16 KiB

After

Width:  |  Height:  |  Size: 19 KiB