s3rius/squeekboard
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add border at the bottom of view-changing buttons

Browse Source 
to make those distinguishable from other highlighted buttons.

The border at the bottom makes it look like a stack of buttons
that will be put into position when tapping the view-changing buttons.

Part-of: <https://gitlab.gnome.org/World/Phosh/squeekboard/-/merge_requests/635>
This commit is contained in:
MoonlightWave-12
2024-04-08 19:43:41 +02:00
parent d3f03e9bef
commit 31ad8f9c93
8 changed files with 574 additions and 308 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
data/keyboards/de.yaml
View File

@ -1,10 +1,11 @@
--- ---
outlines: outlines:
default: { width: 35.33, height: 52 } default: { width: 35.33, height: 52 }
altline: { width: 52.67, height: 52 } altline: { width: 52.67, height: 52 }
wide: { width: 62, height: 52 } change-view: { width: 52.67, height: 52 }
spaceline: { width: 89.3, height: 52 } wide: { width: 62, height: 52 }
special: { width: 35.33, height: 52 } spaceline: { width: 89.3, height: 52 }
special: { width: 35.33, height: 52 }
views: views:
base: base:
@ -39,7 +40,7 @@ buttons:
locking: locking:
lock_view: "upper" lock_view: "upper"
unlock_view: "base" unlock_view: "base"
outline: "altline" outline: "change-view"
icon: "key-shift" icon: "key-shift"
BackSpace: BackSpace:
outline: "altline" outline: "altline"
@ -52,24 +53,24 @@ buttons:
show_numbers: show_numbers:
action: action:
set_view: "numbers" set_view: "numbers"
outline: "altline" outline: "change-view"
label: "123" label: "123"
show_letters: show_letters:
action: action:
set_view: "base" set_view: "base"
outline: "altline" outline: "change-view"
label: "ABC" label: "ABC"
show_symbols: show_symbols:
action: action:
set_view: "symbols" set_view: "symbols"
outline: "altline" outline: "change-view"
label: "*/=" label: "*/="
show_eschars: show_eschars:
action: action:
locking: locking:
lock_view: "eschars" lock_view: "eschars"
unlock_view: "base" unlock_view: "base"
outline: "altline" outline: "change-view"
label: "Ää" label: "Ää"
space: space:
outline: "spaceline" outline: "spaceline"

27
data/keyboards/de_wide.yaml
View File

@ -1,13 +1,14 @@
--- ---
outlines: outlines:
default: { width: 48, height: 42 } default: { width: 48, height: 42 }
halfwidth: { width: 24, height: 42 } halfwidth: { width: 24, height: 42 }
thin: { width: 30, height: 42 } thin: { width: 30, height: 42 }
narrow: { width: 40.5, height: 42 } narrow: { width: 40.5, height: 42 }
altline: { width: 81, height: 42 } altline: { width: 81, height: 42 }
wide: { width: 108, height: 42 } change-view: { width: 81, height: 42 }
spaceline: { width: 156, height: 42 } wide: { width: 108, height: 42 }
special: { width: 48, height: 42 } spaceline: { width: 156, height: 42 }
special: { width: 48, height: 42 }
views: views:
base: base:
@ -42,7 +43,7 @@ buttons:
locking: locking:
lock_view: "upper" lock_view: "upper"
unlock_view: "base" unlock_view: "base"
outline: "altline" outline: "change-view"
icon: "key-shift" icon: "key-shift"
BackSpace: BackSpace:
outline: "altline" outline: "altline"
@ -55,24 +56,24 @@ buttons:
show_numbers: show_numbers:
action: action:
set_view: "numbers" set_view: "numbers"
outline: "altline" outline: "change-view"
label: "123" label: "123"
show_letters: show_letters:
action: action:
set_view: "base" set_view: "base"
outline: "altline" outline: "change-view"
label: "ABC" label: "ABC"
show_symbols: show_symbols:
action: action:
set_view: "symbols" set_view: "symbols"
outline: "altline" outline: "change-view"
label: "*/=" label: "*/="
show_eschars: show_eschars:
action: action:
locking: locking:
lock_view: "eschars" lock_view: "eschars"
unlock_view: "base" unlock_view: "base"
outline: "altline" outline: "change-view"
label: "Ää" label: "Ää"
space: space:
outline: "spaceline" outline: "spaceline"

364
data/keyboards/emoji/us.yaml
View File

File diff suppressed because it is too large Load Diff

364
data/keyboards/emoji/us_wide.yaml
View File

File diff suppressed because it is too large Load Diff

24
data/keyboards/us.yaml
View File

@ -1,10 +1,12 @@
--- ---
outlines: outlines:
default: { width: 35.33, height: 52 } default: { width: 35.33, height: 52 }
altline: { width: 52.67, height: 52 } altline: { width: 52.67, height: 52 }
wide: { width: 62, height: 52 } change-view: { width: 52.67, height: 52 }
spaceline: { width: 141.3, height: 52 } change-view-2: { width: 62, height: 52 }
special: { width: 44, height: 52 } wide: { width: 62, height: 52 }
spaceline: { width: 141.3, height: 52 }
special: { width: 44, height: 52 }
views: views:
base: base:
@ -34,12 +36,12 @@ buttons:
locking: locking:
lock_view: "upper" lock_view: "upper"
unlock_view: "base" unlock_view: "base"
outline: "altline" outline: "change-view"
icon: "key-shift" icon: "key-shift"
BackSpace: BackSpace:
outline: "altline" outline: "altline"
icon: "edit-clear-symbolic" icon: "edit-clear-symbolic"
action: erase action: "erase"
preferences: preferences:
action: "show_prefs" action: "show_prefs"
outline: "special" outline: "special"
@ -47,22 +49,22 @@ buttons:
show_numbers: show_numbers:
action: action:
set_view: "numbers" set_view: "numbers"
outline: "wide" outline: "change-view-2"
label: "123" label: "123"
show_numbers_from_symbols: show_numbers_from_symbols:
action: action:
set_view: "numbers" set_view: "numbers"
outline: "altline" outline: "change-view"
label: "123" label: "123"
show_letters: show_letters:
action: action:
set_view: "base" set_view: "base"
outline: "wide" outline: "change-view-2"
label: "ABC" label: "ABC"
show_symbols: show_symbols:
action: action:
set_view: "symbols" set_view: "symbols"
outline: "altline" outline: "change-view"
label: "*/=" label: "*/="
.: .:
outline: "special" outline: "special"

22
data/keyboards/us_wide.yaml
View File

@ -1,10 +1,12 @@
--- ---
outlines: outlines:
default: { width: 54, height: 42 } default: { width: 54, height: 42 }
altline: { width: 81, height: 42 } altline: { width: 81, height: 42 }
wide: { width: 108, height: 42 } change-view: { width: 81, height: 42 }
spaceline: { width: 216, height: 42 } change-view-2: { width: 108, height: 42 }
special: { width: 54, height: 42 } wide: { width: 108, height: 42 }
spaceline: { width: 216, height: 42 }
special: { width: 54, height: 42 }
views: views:
base: base:
@ -34,7 +36,7 @@ buttons:
locking: locking:
lock_view: "upper" lock_view: "upper"
unlock_view: "base" unlock_view: "base"
outline: "altline" outline: "change-view"
icon: "key-shift" icon: "key-shift"
BackSpace: BackSpace:
outline: "altline" outline: "altline"
@ -47,22 +49,22 @@ buttons:
show_numbers: show_numbers:
action: action:
set_view: "numbers" set_view: "numbers"
outline: "wide" outline: "change-view-2"
label: "123" label: "123"
show_numbers_from_symbols: show_numbers_from_symbols:
action: action:
set_view: "numbers" set_view: "numbers"
outline: "altline" outline: "change-view"
label: "123" label: "123"
show_letters: show_letters:
action: action:
set_view: "base" set_view: "base"
outline: "wide" outline: "change-view-2"
label: "ABC" label: "ABC"
show_symbols: show_symbols:
action: action:
set_view: "symbols" set_view: "symbols"
outline: "altline" outline: "change-view"
label: "*/=" label: "*/="
.: .:
outline: "special" outline: "special"

30
data/style-Adwaita:dark.css
View File

@ -13,6 +13,36 @@ sq_button:active {
background: #747077; background: #747077;
} }
sq_button.emoji-group {
background: #3f3e41;
border-bottom: 0.4999px;
border-style: solid;
border-color: alpha(white, 0.25);
}
sq_button.emoji-group:active {
background: #747077;
border-bottom: 0.4999px;
border-style: solid;
border-color: alpha(white, 0.5);
}
sq_button.change-view,
sq_button.change-view-2 {
background: #2b292f;
border-bottom: 0.4999px;
border-style: solid;
border-color: alpha(white, 0.25);
}
sq_button.change-view:active,
sq_button.change-view-2:active {
background: #747077;
border-bottom: 0.4999px;
border-style: solid;
border-color: alpha(white, 0.5);
}
sq_button.altline, sq_button.altline,
sq_button.special, sq_button.special,
sq_button.wide { sq_button.wide {

30
data/style.css
View File

@ -14,6 +14,36 @@ sq_button:active {
background: alpha(@theme_fg_color, 0.11); background: alpha(@theme_fg_color, 0.11);
} }
sq_button.emoji-group {
background: alpha(@theme_fg_color, 0.105);
border-bottom: 0.4999px;
border-style: solid;
border-color: alpha(@theme_fg_color, 0.25);
}
sq_button.emoji-group:active {
background: alpha(@theme_fg_color, 0.16);
border-bottom: 0.4999px;
border-style: solid;
border-color: alpha(@theme_fg_color, 0.275);
}
sq_button.change-view,
sq_button.change-view-2 {
background: alpha(@theme_fg_color, 0.15);
border-bottom: 0.4999px;
border-style: solid;
border-color: alpha(@theme_fg_color, 0.25);
}
sq_button.change-view:active,
sq_button.change-view-2:active {
background: alpha(@theme_fg_color, 0.2);
border-bottom: 0.4999px;
border-style: solid;
border-color: alpha(@theme_fg_color, 0.275);
}
sq_button.altline, sq_button.altline,
sq_button.special, sq_button.special,
sq_button.wide { sq_button.wide {