split out help/info menu and language menus
This commit is contained in:
parent
cfecafa90f
commit
5036f6e179
10 changed files with 95 additions and 125 deletions
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
||||
|
|
|
|||
|
|
@ -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",
|
||||
|
|
|
|||
|
|
@ -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",
|
||||
|
|
|
|||
|
|
@ -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",
|
||||
|
|
|
|||
|
|
@ -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",
|
||||
|
|
|
|||
|
|
@ -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",
|
||||
|
|
|
|||
|
|
@ -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",
|
||||
|
|
|
|||
|
|
@ -21,10 +21,11 @@ self.lang['zh'] = {
|
|||
filter: "筛选",
|
||||
front: "前面",
|
||||
fullscreen: "全屏",
|
||||
help: "帮助",
|
||||
ghost: "透明", // 左侧渲染弹出菜单(线框)
|
||||
help: "帮助",
|
||||
hide: "隐藏", // 左侧渲染弹出菜单(不可见)
|
||||
home: "主页",
|
||||
info: "信息", // info menu
|
||||
import: "导入",
|
||||
install: "安装",
|
||||
language: "语言",
|
||||
|
|
|
|||
Loading…
Reference in a new issue