Virtual keyboard + configuration:

- complete implementation of virtual keyboard
- support loading user defined virtual keyboard from configuration at $XDG_CONFIG_HOME/xkb/
- support loading user defined CSS theme from $XDG_CONFIG_HOME/themes/
This commit is contained in:
DanyLE
2025-03-21 10:04:08 +01:00
parent 24f47dfd7f
commit 2c5338f4bf
17 changed files with 541 additions and 241 deletions

View File

@@ -1,7 +1,7 @@
<?xml version="1.0" encoding="UTF-8"?>
<gresources>
<gresource prefix="/dev/iohub/diya/shell">
<file alias="login-shell.css">resources/login-shell.css</file>
<file alias="dev.iohub.diya.login-shell.css">resources/login-shell.css</file>
<file alias="virtual-keyboard.css">resources/virtual-keyboard.css</file>
<file alias="default.keymap">resources/default.keymap</file>
<!--file alias="virtuail-keyboard.ui">resources/ui/virtual-keyboard.ui</file-->

View File

@@ -1,6 +1,7 @@
<?xml version="1.0" encoding="UTF-8"?>
<gresources>
<gresource prefix="/dev/iohub/diya/shell">
<file alias="dev.iohub.diya.session-shell.css">resources/session-shell.css</file>
<file alias="default.keymap">resources/default.keymap</file>
</gresource>
</gresources>

View File

@@ -1,16 +1,21 @@
@import url("resource:///dev/iohub/diya/shell/virtual-keyboard.css");
/*
* {
font-family:DejaVuSans;
}
*/
.diya-login-header {
#diya_login_shell
{
}
#diya_login_shell label.diya-login-header {
font-size: 16px;
font-weight: bold;
}
.diya-login-status {
#diya_login_shell label.diya-login-status {
font-size: 12px;
color: red;
}
#diya_login_shell button.diya-btn-show-vkb
{
color: gray;
min-width: 0px;
}

View File

@@ -0,0 +1,11 @@
@import url("resource:///dev/iohub/diya/shell/virtual-keyboard.css");
#diya_shell_launcher
{
background-color: orange;
}
#diya_shell_background
{
background-image:url("file:///etc/xdg/labwc/wpp.jpg");
background-size: cover;
}

View File

@@ -1,18 +1,25 @@
.diya-vkb
diya-vkb
{
background-color: transparent;
border: 1px solid orangered;
/* border: 1px solid orangered; */
}
.diya-vkb-btn {
diya-vkb-button
{
background-color: white;
border: 1px solid #CDC7C2;
border-radius: 3px;
min-width: 30px;
/*min-height: 30px;*/
min-height: 30px;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.19);
}
.diya-vkb-btn:hover
diya-vkb-button.active
{
background-color: #E7E6E2;
}
diya-vkb-button:hover
{
background-color: #E7E6E2;
}
@@ -22,18 +29,19 @@
}*/
.diya-vkb-btn-level-1 {
diya-vkb-button label.shift-level-1 {
color: black;
padding-top: 2px;
font-size: 12px;
}
.diya-vkb-btn-level-2 {
diya-vkb-button label.shift-level-2 {
color: gray;
font-size: 9px;
padding-left: 3px;
}
.diya-vkb-btn-level-3 {
diya-vkb-button label.shift-level-3 {
color: gray;
font-size: 9px;
padding-right: 3px;