better scale down behavior
This commit is contained in:
parent
8b92426c51
commit
61cd87237e
2 changed files with 15 additions and 6 deletions
|
|
@ -22,7 +22,12 @@
|
||||||
font-family: 'Russo One';
|
font-family: 'Russo One';
|
||||||
src: url('/moto/russo-one.ttf');
|
src: url('/moto/russo-one.ttf');
|
||||||
}
|
}
|
||||||
@media only screen and (max-width : 1024px) {
|
@media only screen and (max-width : 1000px) {
|
||||||
|
.top-menu > span > label {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media only screen and (max-width : 1200px) {
|
||||||
#top {
|
#top {
|
||||||
font-size: smaller;
|
font-size: smaller;
|
||||||
}
|
}
|
||||||
|
|
@ -917,7 +922,7 @@ th, tr, td, label {
|
||||||
display: flex;
|
display: flex;
|
||||||
padding: 5px 0 0 0;
|
padding: 5px 0 0 0;
|
||||||
}
|
}
|
||||||
#cam-ops-header {
|
.work-header {
|
||||||
background-color: var(--work-area);
|
background-color: var(--work-area);
|
||||||
font-size: smaller;
|
font-size: smaller;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
|
@ -1823,11 +1828,10 @@ th, tr, td, label {
|
||||||
#settings {
|
#settings {
|
||||||
max-height: 100%;
|
max-height: 100%;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
|
overflow-x: hidden;
|
||||||
align-items: stretch;
|
align-items: stretch;
|
||||||
text-transform: capitalize;
|
text-transform: capitalize;
|
||||||
background-color: rgba(255,255,255,0.5);
|
background-color: rgba(255,255,255,0.5);
|
||||||
/* padding: 5px; */
|
|
||||||
/* gap: 2px; */
|
|
||||||
}
|
}
|
||||||
#settings .set-group {
|
#settings .set-group {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
|
|
||||||
|
|
@ -61,7 +61,7 @@
|
||||||
<div class="grow"></div>
|
<div class="grow"></div>
|
||||||
<div id="app-name" class="f-col a-center top-menu">
|
<div id="app-name" class="f-col a-center top-menu">
|
||||||
<span>
|
<span>
|
||||||
<label class="km-font">Kiri:Moto</label>
|
<span class="km-font">Kiri:Moto</span>
|
||||||
<div id="app-name-pop" class="top-menu-drop top-menu-center">
|
<div id="app-name-pop" class="top-menu-drop top-menu-center">
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<div id="app-help">
|
<div id="app-help">
|
||||||
|
|
@ -461,7 +461,12 @@
|
||||||
<div class="mid-sep"></div>
|
<div class="mid-sep"></div>
|
||||||
<div id="right-work" class="f-col j-center slim-hide">
|
<div id="right-work" class="f-col j-center slim-hide">
|
||||||
<div class="chonk"></div>
|
<div class="chonk"></div>
|
||||||
<div id="cam-ops-header"><span>CNC</span><span>operations</span></div>
|
<div class="work-header"><span>workspace</span></div>
|
||||||
|
<div class="chonk"></div>
|
||||||
|
<div id="workspace-tool">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class="work-header"><span>CNC</span><span>operations</span></div>
|
||||||
<div class="chonk"></div>
|
<div class="chonk"></div>
|
||||||
<div id="camops" class="f-col a-stretch grow">
|
<div id="camops" class="f-col a-stretch grow">
|
||||||
<div id="oplist" class="f-col j-center"></div>
|
<div id="oplist" class="f-col j-center"></div>
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue