html/css and notes

notes.md

@@ -1,6 +1,7 @@
 # Kiri:Moto todo
 
 ## 2.3 remaining
+* stock to outline for slice mode
 * contour tabs support
 * path arrows, retracts, and engages
 * cap path ends

web/kiri/index.css

@@ -294,10 +294,10 @@ th, tr, td, label {
     color: #000;
     background-color: #f4f4f4;
 }
-#acct-lang:hover #lang-pop {
+#acct-lang:hover #lang-pop, #acct-ver:hover #ver-pop {
     display: flex;
 }
-#lang-pop {
+#lang-pop, #ver-pop {
     display: none;
     position: absolute;
     right: 100%;
@@ -307,14 +307,27 @@ th, tr, td, label {
     border-radius: 3px;
     border: 1px solid #ddd;
     background-color: white;
+    white-space: nowrap;
 }
-#lang-pop > div {
+#ver-pop {
+    transform: translateY(-25%);
+}
+#lang-pop > div, #ver-pop > div {
     padding: 5px 7px 5px 7px;
 }
-#lang-pop > div:hover {
+#lang-pop > div:hover, #ver-pop > div:hover {
     color: #000;
     background-color: #f4f4f4;
 }
+#ver-pop > div {
+    border-radius: 3px;
+    border: 1px solid white;
+    margin: 2px;
+}
+#ver-pop .cver {
+    background-color: #dfd !important;
+    border: 1px solid #aaa;
+}
 
 #mid {
     pointer-events: none;

web/kiri/index.html

@@ -43,7 +43,7 @@
         <div id="app-acct">
             <i class="fas fa-user-cog"></i>
             <div id="acct-pop" class="f-col">
-                <div class="f-col">
+                <div id="acct-menu" class="f-col">
                     <div id="acct-lang">
                         <label><i class="fas fa-caret-left"></i>&nbsp;language</label>
                         <div id="lang-pop" class="f-col">