summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorMaxim Devaev <[email protected]>2022-11-12 18:53:49 +0300
committerMaxim Devaev <[email protected]>2022-11-12 18:53:49 +0300
commit9065b258cc0e34f36bee7c200990178b3d57d9cb (patch)
treeeaea0dec9a3c35211c879e13e058c0e3ecaea080
parent5b1dd8ad3ad2277cb5740265c1eb478798ec630d (diff)
css fix
-rw-r--r--web/kvm/index.html4
-rw-r--r--web/kvm/navbar-text.pug4
-rw-r--r--web/share/css/kvm/hid.css6
3 files changed, 9 insertions, 5 deletions
diff --git a/web/kvm/index.html b/web/kvm/index.html
index d5399a68..fb49ad89 100644
--- a/web/kvm/index.html
+++ b/web/kvm/index.html
@@ -620,10 +620,10 @@
</div>
</li>
<li class="right" id="text-dropdown"><a class="menu-button" href="#"><img class="feature-disabled" id="stream-ocr-led" src="/share/svg/led-gear.svg"><span>Text</span></a>
- <div class="menu">
+ <div class="menu" id="text-menu">
<div class="text"><b>Paste text as keypress sequence<br></b><sub>Please note that PiKVM cannot switch the keyboard layout</sub></div>
<hr>
- <div class="text">
+ <div class="text" style="margin-right: 20px">
<textarea id="hid-pak-text" placeholder="Enter your text here"></textarea>
</div>
<table class="kv">
diff --git a/web/kvm/navbar-text.pug b/web/kvm/navbar-text.pug
index 510cdbe3..6ae9c810 100644
--- a/web/kvm/navbar-text.pug
+++ b/web/kvm/navbar-text.pug
@@ -2,12 +2,12 @@ li(id="text-dropdown" class="right")
a(class="menu-button" href="#")
+navbar_led("stream-ocr-led", "led-gear", "feature-disabled")
span Text
- div(class="menu")
+ div(id="text-menu" class="menu")
div(class="text")
b Paste text as keypress sequence#[br]
sub Please note that PiKVM cannot switch the keyboard layout
hr
- div(class="text")
+ div(class="text" style="margin-right: 20px")
textarea(id="hid-pak-text" placeholder="Enter your text here")
table(class="kv")
tr
diff --git a/web/share/css/kvm/hid.css b/web/share/css/kvm/hid.css
index e27812ce..10595b41 100644
--- a/web/share/css/kvm/hid.css
+++ b/web/share/css/kvm/hid.css
@@ -20,11 +20,15 @@
*****************************************************************************/
+div#text-menu {
+ width: 340px;
+}
+
textarea#hid-pak-text {
display: block;
resize: none;
height: 120px;
- width: 320px;
+ width: 100%;
border: var(--border-default-thin);
border-radius: 4px;
color: var(--cs-code-default-fg);