diff options
author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-27 15:07:22 +0000 |
---|---|---|
committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-27 15:07:22 +0000 |
commit | f9d480cfe50ca1d7a0f0b5a2b8bb9932962bfbe7 (patch) | |
tree | ce9e8db2d4e8799780fa72ae8f1953039373e2ee /data/theme/gnome-shell-sass/widgets/_keyboard.scss | |
parent | Initial commit. (diff) | |
download | gnome-shell-8740dd82b8d4b36f9f5543d3e606008af2010c00.tar.xz gnome-shell-8740dd82b8d4b36f9f5543d3e606008af2010c00.zip |
Adding upstream version 3.38.6.upstream/3.38.6upstream
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'data/theme/gnome-shell-sass/widgets/_keyboard.scss')
-rw-r--r-- | data/theme/gnome-shell-sass/widgets/_keyboard.scss | 115 |
1 files changed, 115 insertions, 0 deletions
diff --git a/data/theme/gnome-shell-sass/widgets/_keyboard.scss b/data/theme/gnome-shell-sass/widgets/_keyboard.scss new file mode 100644 index 0000000..f866d77 --- /dev/null +++ b/data/theme/gnome-shell-sass/widgets/_keyboard.scss @@ -0,0 +1,115 @@ +/* On-screen Keyboard */ + +$key_size: 1.2em; +$key_border_radius: $base_border_radius + 3px; +$key_bg_color: $bg_color; +// $default_key_bg_color: darken($key_bg_color, 4%); +$default_key_bg_color: if($variant=='light', darken($osd_bg_color, 11%), lighten($osd_bg_color, 2%)); + + +// draw keys using button function +#keyboard { + background-color: transparentize(if($variant=='light', darken($bg_color, 5%), darken($bg_color, 8%)), 0.1); + box-shadow: inset 0 1px 0 0 $osd_outer_borders_color; + + .page-indicator { + padding: $base_padding; + + .page-indicator-icon { + width: 8px; + height: 8px; + } + } +} + +// the container for individual keys +.key-container { + padding: $base_margin; + spacing: $base_margin; +} + +// the keys +.keyboard-key { + + @include button(normal, $c:$key_bg_color); + + &:focus { @include button(focus);} + &:hover, &:checked { @include button(hover, $c: $key_bg_color);} + &:active { @include button(active, $c: $key_bg_color); } + + @include fontsize($base_font_size + 5); + min-height: $key_size; + min-width: $key_size; + border-width: 1px; + border-style: solid; + border-radius: $key_border_radius; + + &:grayed { //FIXMEy + background-color: darken($bg_color, 3%); + color: $osd_fg_color; + border-color: $osd_borders_color; + } + + // non-character keys + &.default-key { + @include button(normal, $c:$default_key_bg_color); + &:hover, &:checked {@include button(hover, $c: $default_key_bg_color);} + &:active { @include button(active, $c: $default_key_bg_color);} + } + + // enter key is suggested-action + &.enter-key { + @include button(normal, $c:$selected_bg_color, $tc:$selected_fg_color); + &:hover, &:checked { @include button(hover, $c: lighten($selected_bg_color, 3%));} + &:active {@include button(active, $c: darken($selected_bg_color, 2%));} + } + + &.shift-key-uppercase { color: $selected_bg_color } + + StIcon { icon-size: 1.125em; } +} + +// long press on a key popup +.keyboard-subkeys { + color: $osd_fg_color; + -arrow-border-radius: $modal_radius; + -arrow-background-color: $osd_bg_color; + -arrow-border-width: 1px; + -arrow-border-color: lighten($osd_bg_color, 9%); + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: $base_spacing; + + .keyboard-key { + @include button(normal, $c:$key_bg_color); + + &:focus { @include button(focus);} + &:hover, &:checked { @include button(hover, $c: $key_bg_color);} + &:active { @include button(active, $c: $key_bg_color); } + + border-radius:$base_border_radius; + } +} + +// emoji +.emoji-page { + .keyboard-key { + background-color: transparent; + border: none; + color: initial; + } +} + +.emoji-panel { + .keyboard-key:latched { + border-color: lighten($selected_bg_color, 5%); + background-color: $selected_bg_color; + } +} + +// suggestions +.word-suggestions { + @include fontsize($base_font_size + 3); + spacing: 12px; + min-height: 20pt; +} |