no arrows

web/kvm/index.html

@@ -58,7 +58,7 @@
     <ul id="navbar">
       <li class="left"><a id="logo" href="/">&larr;&nbsp;&nbsp;<img class="svg-gray" src="/share/svg/logo.svg" alt="&amp;pi;-kvm"></a></li>
       <div class="hidden" id="hw-health-dropdown">
-        <li class="left"><a class="menu-button" href="#"><img class="hidden" data-dont-hide-menu id="hw-health-undervoltage-led" src="/share/svg/led-undervoltage.svg"><img class="hidden" data-dont-hide-menu id="hw-health-overheating-led" src="/share/svg/led-overheating.svg">&#8628;</a>
+        <li class="left"><a class="menu-button" href="#"><img class="hidden" data-dont-hide-menu id="hw-health-undervoltage-led" src="/share/svg/led-undervoltage.svg"><img class="hidden" data-dont-hide-menu id="hw-health-overheating-led" src="/share/svg/led-overheating.svg"></a>
           <div class="menu" data-dont-hide-menu>
                 <div class="text">
                   <table>
@@ -105,7 +105,7 @@
           </div>
         </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 &#8628;</a>
+      <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="buttons">
             <button disabled data-force-hide-menu id="stream-screenshot-button">&bull; Take a screenshot</button>
@@ -170,7 +170,7 @@
           </div>
         </div>
       </li>
-      <li class="right feature-disabled" id="atx-dropdown"><a class="menu-button" href="#"><img class="led-gray" data-dont-hide-menu id="atx-power-led" src="/share/svg/led-atx-power.svg"><img class="led-gray" data-dont-hide-menu id="atx-hdd-led" src="/share/svg/led-atx-hdd.svg">ATX &#8628;</a>
+      <li class="right feature-disabled" id="atx-dropdown"><a class="menu-button" href="#"><img class="led-gray" data-dont-hide-menu id="atx-power-led" src="/share/svg/led-atx-power.svg"><img class="led-gray" data-dont-hide-menu id="atx-hdd-led" src="/share/svg/led-atx-hdd.svg">ATX</a>
         <div class="menu">
           <div class="buttons">
             <button disabled id="atx-power-button">&bull; Click Power <sup><i>short</i></sup></button>
@@ -180,7 +180,7 @@
           </div>
         </div>
       </li>
-      <li class="right feature-disabled" id="msd-dropdown"><a class="menu-button" href="#"><img class="led-gray" data-dont-hide-menu id="msd-led" src="/share/svg/led-msd.svg">Drive &#8628;</a>
+      <li class="right feature-disabled" id="msd-dropdown"><a class="menu-button" href="#"><img class="led-gray" data-dont-hide-menu id="msd-led" src="/share/svg/led-msd.svg">Drive</a>
         <div class="menu" data-dont-hide-menu id="msd-menu">
           <div class="hidden" id="msd-message-offline">
                 <div class="text">
@@ -328,10 +328,10 @@
           </div>
         </div>
       </li>
-      <li class="right feature-disabled" id="gpio-dropdown"><a class="menu-button" id="gpio-menu-button" href="#">GPIO &#8628;</a>
+      <li class="right feature-disabled" id="gpio-dropdown"><a class="menu-button" id="gpio-menu-button" href="#">GPIO</a>
         <div class="menu" data-dont-hide-menu id="gpio-menu"></div>
       </li>
-      <li class="right"><a class="menu-button" href="#"><img class="led-gray" data-dont-hide-menu id="hid-recorder-led" src="/share/svg/led-gear.svg">Macro &#8628;</a>
+      <li class="right"><a class="menu-button" href="#"><img class="led-gray" data-dont-hide-menu id="hid-recorder-led" src="/share/svg/led-gear.svg">Macro</a>
         <div class="menu" data-dont-hide-menu>
           <div class="text"><b>Record and play keyboard &amp; mouse actions<br></b><sub>For security reasons, the record will not be saved on the Pi-KVM</sub></div>
           <hr>
@@ -373,7 +373,7 @@
           </div>
         </div>
       </li>
-      <li class="right"><a class="menu-button" href="#">Shortcuts &#8628;</a>
+      <li class="right"><a class="menu-button" href="#">Shortcuts</a>
         <div class="menu" data-dont-hide-menu>
           <div class="buttons">
             <textarea id="hid-pak-text" placeholder="Paste your text here"></textarea>

web/kvm/navbar-atx.pug

@@ -2,7 +2,7 @@ li(id="atx-dropdown" class="right feature-disabled")
 	a(class="menu-button" href="#")
 		+navbar_led("atx-power-led", "led-atx-power")
 		+navbar_led("atx-hdd-led", "led-atx-hdd")
-		| ATX ↴
+		| ATX
 	div(class="menu")
 		div(class="buttons")
 			button(disabled id="atx-power-button") • Click Power #[sup #[i short]]

web/kvm/navbar-gpio.pug

@@ -1,4 +1,4 @@
 li(id="gpio-dropdown" class="right feature-disabled")
 	a(class="menu-button" id="gpio-menu-button" href="#")
-		| GPIO ↴
+		| GPIO
 	div(data-dont-hide-menu id="gpio-menu" class="menu")

web/kvm/navbar-health.pug

@@ -3,7 +3,6 @@ div(id="hw-health-dropdown" class="hidden")
 		a(class="menu-button" href="#")
 			+navbar_led("hw-health-undervoltage-led", "led-undervoltage", "hidden")
 			+navbar_led("hw-health-overheating-led", "led-overheating", "hidden")
-			| ↴
 		div(data-dont-hide-menu class="menu")
 			+menu_message("warning", "Raspberry Pi's health is at risk")
 				| This is not a drill! A red icon indicates a current issue,#[br]

web/kvm/navbar-macro.pug

@@ -1,7 +1,7 @@
 li(class="right")
 	a(class="menu-button" href="#")
 		+navbar_led("hid-recorder-led", "led-gear")
-		| Macro ↴
+		| Macro
 	div(data-dont-hide-menu class="menu")
 		div(class="text")
 			b Record and play keyboard & mouse actions#[br]

web/kvm/navbar-msd.pug

@@ -1,7 +1,7 @@
 li(id="msd-dropdown" class="right feature-disabled")
 	a(class="menu-button" href="#")
 		+navbar_led("msd-led", "led-msd")
-		| Drive ↴
+		| Drive
 	div(data-dont-hide-menu id="msd-menu" class="menu")
 		div(id="msd-message-offline" class="hidden")
 			+menu_message("warning", "Mass Storage Drive is offline")

web/kvm/navbar-shortcuts.pug

@@ -1,5 +1,5 @@
 li(class="right")
-	a(class="menu-button" href="#") Shortcuts ↴
+	a(class="menu-button" href="#") Shortcuts
 	div(data-dont-hide-menu class="menu")
 		div(class="buttons")
 			textarea(id="hid-pak-text" placeholder="Paste your text here")

web/kvm/navbar-system.pug

@@ -4,7 +4,7 @@ li(class="right")
 		+navbar_led("stream-led", "led-stream")
 		+navbar_led("hid-keyboard-led", "led-hid-keyboard")
 		+navbar_led("hid-mouse-led", "led-hid-mouse")
-		| System ↴
+		| System
 	div(data-dont-hide-menu class="menu")
 		div(class="buttons")
 			button(disabled data-force-hide-menu id="stream-screenshot-button") • Take a screenshot

web/share/css/navbar.css

@@ -63,8 +63,19 @@ ul#navbar li a.menu-button {
 	padding-left: 16px;
 	padding-right: 16px;
 	text-decoration: none;
+	position: relative;
 }
 
+/*ul#navbar li a.menu-button:before {
+	content: "";
+	position: absolute;
+	top: calc(100% - 10px);
+	right: 0;
+	width: 0;
+	border-bottom: 10px solid var(--cs-navbar-item-pressed-bg);
+	border-left: 10px solid transparent;
+}*/
+
 ul#navbar li a#logo:hover:not(.active),
 ul#navbar li a.menu-button:hover:not(.active) {
 	background-color: var(--cs-navbar-item-hovered-bg);

web/share/js/kvm/gpio.js

@@ -72,7 +72,7 @@ export function Gpio() {
 	self.setModel = function(model) {
 		tools.featureSetEnabled($("gpio-dropdown"), model.view.table.length);
 		if (model.view.table.length) {
-			$("gpio-menu-button").innerHTML = `${model.view.header.title} ↴`;
+			$("gpio-menu-button").innerHTML = `${model.view.header.title}`;
 		}
 
 		let content = "<table class=\"kv\">";