split out help/info menu and language menus

This commit is contained in:
Stewart Allen 2025-11-13 18:19:57 -05:00
commit 5036f6e179
10 changed files with 95 additions and 125 deletions

View file

@ -242,13 +242,6 @@ details[open] summary::after {
font-size: larger;
}
#app-help-me {
position: absolute;
top: 3px;
right: -2px;
font-size: 10px;
}
/** dark conversion */
.dark button[disabled] {
color: #888;
@ -320,7 +313,6 @@ details[open] summary::after {
}
.dark #render-tools .pop,
.dark #render-tools svg,
.dark #lang-pop,
.dark .pop-tics > div,
.dark #top,
.dark #top .content,
@ -387,7 +379,6 @@ details[open] summary::after {
background-color: #333;
border: 1px solid #888;
}
.dark #lang-pop > div:hover,
.dark #oplist > div:hover,
.dark #op-add:hover {
background-color: var(--blue-1);
@ -603,12 +594,6 @@ details[open] summary::after {
#app-name-pop .content {
text-align: center;
}
#app-lang {
justify-content: flex-end;
}
#app-lang:hover #lang-pop {
display: flex;
}
#app,div {
display: flex;
@ -951,35 +936,6 @@ details[open] summary::after {
background-color: rgba(0,0,0,0.2);
}
#lang-hold {
background-color: transparent;
position: absolute;
top: -35px;
left: -35px;
right: -35px;
bottom: -35px;
}
#lang-pop {
display: none;
position: absolute;
right: calc(100% + 2px);
top: 0;
padding: 1px;
text-align: right;
align-items: stretch;
white-space: nowrap;
background-color: #fff;
border: 1px solid var(--blue-2);
border-radius: 4px;
flex-direction: column;
}
#lang-pop > div {
padding: 2px 7px 2px 7px;
}
#lang-pop > div:hover {
background-color: var(--blue-4);
}
#mid {
position: fixed;
top: 45px;

View file

@ -63,23 +63,16 @@
<div class="grow"></div>
<div id="app-name" class="f-col a-center top-menu">
<span class="grow">
<span id="app-name-text" class="km-font">Kiri:Moto<div id="app-help-me"><i class="fas fa-question-circle"></i></div></span>
<span id="app-name-text" class="km-font">Kiri:Moto</span>
<div id="app-name-pop" class="top-menu-drop top-menu-center">
<div class="content">
<div id="app-help">
<label lk="help">help</label>
</div>
<hr width="100%">
<div id="app-don8">
<label lk="donate">donate</label>
</div>
<div>
<label id="app-mesh">mesh edit</label>
</div>
<hr width="100%">
<div>
<label id="app-info">version</label>
</div>
<hr width="100%">
<div>
<label id="app-mesh">mesh edit</label>
</div>
</div>
</div>
</span>
@ -210,21 +203,6 @@
<label lk="tools">tools</label>
<span><i class="fas fa-tools"></i></span>
</div>
<div id="app-lang">
<label lk="language">language</label>
<span><i class="fas fa-language"></i></span>
<div id="lang-pop">
<span id="lang-hold"></span>
<div id="lset-zh">简体中文</div>
<div id="lset-da">dansk</div>
<div id="lset-de">deutsch</div>
<div id="lset-en">english</div>
<div id="lset-es">español</div>
<div id="lset-fr">français</div>
<div id="lset-pl" class="nocap">polski</div>
<div id="lset-pt">português</div>
</div>
</div>
<div id="set-prefs">
<label lk="prefs">prefs</label>
<span><i class="fa-solid fa-square-check"></i></span>
@ -245,6 +223,35 @@
</div>
</div>
</span>
<span>
<i class="fas fa-question-circle"></i>
<label lk="info">info</label>
<div class="top-menu-drop top-menu-right">
<div class="content">
<div id="app-help">
<label lk="help">help</label>
</div>
<div id="app-don8">
<label lk="donate">donate</label>
</div>
</div>
</div>
</span>
<span>
<i class="fas fa-language"></i>
<div class="top-menu-drop top-menu-right">
<div class="content">
<div><label id="lset-zh">简体中文</label></div>
<div><label id="lset-da">dansk</label></div>
<div><label id="lset-de">deutsch</label></div>
<div><label id="lset-en">english</label></div>
<div><label id="lset-es">español</label></div>
<div><label id="lset-fr">français</label></div>
<div><label id="lset-pl" class="nocap">polski</label></div>
<div><label id="lset-pt">português</label></div>
</div>
</div>
</span>
</div>
</div>

View file

@ -22,10 +22,11 @@ self.lang['de-de'] = {
filter: "Filter",
front: "Vorne",
fullscreen: "Vollbild",
help: "Hilfe",
ghost: "Geist", // left render pop menu (wireframe)
help: "Hilfe",
hide: "Verbergen", // left render pop menu (invisible)
home: "Home",
info: "Info", // info menu
import: "Import",
install: "Installieren",
language: "Sprache",

View file

@ -22,10 +22,11 @@ self.lang['en-us'] = {
filter: "filter",
front: "front",
fullscreen: "fullscreen",
help: "help",
ghost: "ghost", // left render pop menu (wireframe)
help: "help",
hide: "hide", // left render pop menu (invisible)
home: "home",
info: "info", // info menu
import: "import",
install: "install",
language: "language",

View file

@ -22,10 +22,11 @@ self.lang['es-es'] = {
filter: "filtrar",
front: "delante",
fullscreen: "pantalla completa",
help: "ayuda",
ghost: "fantasma", // left render pop menu (wireframe)
help: "ayuda",
hide: "ocultar", // left render pop menu (invisible)
home: "inicio",
info: "info", // info menu
import: "importar",
install: "instalar",
language: "idioma",

View file

@ -26,6 +26,7 @@ self.lang['fr-fr'] = {
ghost: "translucide", // left render pop menu (wireframe)
hide: "cacher", // left render pop menu (invisible)
home: "origine",
info: "info", // info menu
import: "importer",
install: "installer",
language: "langue",

View file

@ -25,6 +25,7 @@ self.lang['pl-pl'] = {
ghost: "szkielet", // left render pop menu (wireframe)
hide: "ukryj", // left render pop menu (invisible)
home: "początek",
info: "info", // info menu
import: "import",
install: "instaluj",
language: "język",

View file

@ -26,6 +26,7 @@ self.lang['pt-pt'] = {
ghost: "fantasma", // left render pop menu (wireframe)
hide: "ocultar", // left render pop menu (invisible)
home: "início",
info: "info", // info menu
import: "importar",
install: "instalar",
language: "idioma",

View file

@ -21,10 +21,11 @@ self.lang['zh'] = {
filter: "筛选",
front: "前面",
fullscreen: "全屏",
help: "帮助",
ghost: "透明", // 左侧渲染弹出菜单(线框)
help: "帮助",
hide: "隐藏", // 左侧渲染弹出菜单(不可见)
home: "主页",
info: "信息", // info menu
import: "导入",
install: "安装",
language: "语言",