system menu min width

This commit is contained in:
Maxim Devaev
2022-08-20 21:53:25 +03:00
parent 43fff98059
commit 614d02a74d
5 changed files with 29 additions and 4 deletions

View File

@@ -48,6 +48,7 @@
<link rel="stylesheet" href="/share/css/kvm/stream.css">
<link rel="stylesheet" href="/share/css/kvm/hid.css">
<link rel="stylesheet" href="/share/css/kvm/msd.css">
<link rel="stylesheet" href="/share/css/kvm/system.css">
<link rel="stylesheet" href="/share/css/kvm/keyboard.css">
<link rel="stylesheet" href="/share/css/kvm/about.css">
<link rel="stylesheet" href="/share/css/user.css">
@@ -139,7 +140,7 @@
</li>
</div>
<li class="right"><a class="menu-button" href="#"><img class="led-gray" data-dont-hide-menu id="link-led" src="/share/svg/led-link.svg"><img class="led-gray" data-dont-hide-menu id="stream-led" src="/share/svg/led-stream.svg"><img class="led-gray" data-dont-hide-menu id="hid-keyboard-led" src="/share/svg/led-hid-keyboard.svg"><img class="led-gray" data-dont-hide-menu id="hid-mouse-led" src="/share/svg/led-hid-mouse.svg">System</a>
<div class="menu" data-dont-hide-menu>
<div class="menu" data-dont-hide-menu id="system-menu">
<table class="kv" style="width: calc(100% - 20px)">
<tr>
<td class="value">Runtime settings &amp; tools</td>

View File

@@ -5,7 +5,7 @@ append vars
- main_js = "kvm/main"
- body_class = "body-no-select"
- css_list = css_list.concat(["navbar", "window", "modal", "led", "slider", "switch", "radio", "progress", "keypad", "tabs"])
- css_list = css_list.concat(["kvm/stream", "kvm/hid", "kvm/msd", "kvm/keyboard", "kvm/about"])
- css_list = css_list.concat(["kvm/stream", "kvm/hid", "kvm/msd", "kvm/system", "kvm/keyboard", "kvm/about"])
block body
include navbar.pug

View File

@@ -5,7 +5,7 @@ li(class="right")
+navbar_led("hid-keyboard-led", "led-hid-keyboard")
+navbar_led("hid-mouse-led", "led-hid-mouse")
| System
div(data-dont-hide-menu class="menu")
div(data-dont-hide-menu id="system-menu" class="menu")
table(class="kv" style="width: calc(100% - 20px)")
tr
td(class="value") Runtime settings &amp; tools

View File

@@ -0,0 +1,25 @@
/*****************************************************************************
# #
# KVMD - The main PiKVM daemon. #
# #
# Copyright (C) 2018-2022 Maxim Devaev <mdevaev@gmail.com> #
# #
# This program is free software: you can redistribute it and/or modify #
# it under the terms of the GNU General Public License as published by #
# the Free Software Foundation, either version 3 of the License, or #
# (at your option) any later version. #
# #
# This program is distributed in the hope that it will be useful, #
# but WITHOUT ANY WARRANTY; without even the implied warranty of #
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the #
# GNU General Public License for more details. #
# #
# You should have received a copy of the GNU General Public License #
# along with this program. If not, see <https://www.gnu.org/licenses/>. #
# #
*****************************************************************************/
div#system-menu {
min-width: 400px;
}

View File

@@ -114,7 +114,6 @@ ul#navbar li div.menu {
border-radius: 0 0 8px 8px;
position: absolute;
background-color: var(--cs-navbar-default-bg);
min-width: 180px;
box-shadow: var(--shadow-big);
z-index: 2147483645;
}