Egalware/cms_thermo_active
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

FIx button dimensions in sub-menus

Browse Source
This commit is contained in:
Nicola Carminati
2018-05-09 11:47:24 +02:00
parent dbd7e1ac98
commit 4d097dae72
2 changed files with 28 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Step/wwwroot/assets/styles/base/plc-softkeys.less
+14 -14
View File
@@ -198,7 +198,7 @@
&.command {
}
.menu-container {
width: 360px;
width: 386px;
top: 80px;
position: absolute;
display: flex;
@@ -207,13 +207,13 @@
z-index: 100;
transform: translateZ(0);
&.top {
top: -80px;
top: -88px;
.menu::before {
content: "\f0d7";
color: #4b4b4b;
position: absolute;
left: calc(~"50% - 11px");
top: 47px;
top: 60px;
font-family: 'fontawesome';
font-size: 38px;
}
@@ -224,7 +224,7 @@
justify-content: flex-start;
}
&.right{
left: -176px;
left: -189px;
justify-content: flex-end;
}
&.bottom {
@@ -244,9 +244,9 @@
padding: 7px;
button {
background-image: linear-gradient(to bottom, #5f676b, #4e585e);
width: 48px;
height: 48px;
margin: 0.5px;
width: 60px;
height: 60px;
margin: 1px;
font-size: 20px;
color: #fff;
border: none;
@@ -452,9 +452,9 @@
}
.axes-menu-container>.menu>button {
background-image: linear-gradient(to bottom, #5f676b, #4e585e);
min-width: 48px;
height: 48px;
margin: 0.5px;
min-width: 60px;
height: 60px;
margin: 1px;
font-size: 20px;
color: #fff;
border: none;
@@ -468,10 +468,10 @@
}
.incr-menu-container>.menu>button {
background-image: linear-gradient(to bottom, #5f676b, #4e585e);
min-width: 48px;
max-width: 48px;
height: 48px;
margin: 0.5px;
min-width: 60px;
max-width: 60px;
height: 60px;
margin: 1px;
font-size: 16px;
color: #fff;
border: none;
Step/wwwroot/assets/styles/style.css
+14 -14
View File
@@ -1676,7 +1676,7 @@ footer .container button.big:before {
height: 42px;
}
.soft-key .menu-container {
width: 360px;
width: 386px;
top: 80px;
position: absolute;
display: flex;
@@ -1686,14 +1686,14 @@ footer .container button.big:before {
transform: translateZ(0);
}
.soft-key .menu-container.top {
top: -80px;
top: -88px;
}
.soft-key .menu-container.top .menu::before {
content: "\f0d7";
color: #4b4b4b;
position: absolute;
left: calc(50% - 11px);
top: 47px;
top: 60px;
font-family: 'fontawesome';
font-size: 38px;
}
@@ -1702,7 +1702,7 @@ footer .container button.big:before {
justify-content: flex-start;
}
.soft-key .menu-container.right {
left: -176px;
left: -189px;
justify-content: flex-end;
}
.soft-key .menu-container.bottom .menu::before {
@@ -1721,9 +1721,9 @@ footer .container button.big:before {
}
.soft-key .menu-container .menu button {
background-image: linear-gradient(to bottom, #5f676b, #4e585e);
width: 48px;
height: 48px;
margin: 0.5px;
width: 60px;
height: 60px;
margin: 1px;
font-size: 20px;
color: #fff;
border: none;
@@ -1922,9 +1922,9 @@ footer .container button.big:before {
.jog-menu .axes-menu-container > .menu > button,
.auto-menu .axes-menu-container > .menu > button {
background-image: linear-gradient(to bottom, #5f676b, #4e585e);
min-width: 48px;
height: 48px;
margin: 0.5px;
min-width: 60px;
height: 60px;
margin: 1px;
font-size: 20px;
color: #fff;
border: none;
@@ -1941,10 +1941,10 @@ footer .container button.big:before {
.jog-menu .incr-menu-container > .menu > button,
.auto-menu .incr-menu-container > .menu > button {
background-image: linear-gradient(to bottom, #5f676b, #4e585e);
min-width: 48px;
max-width: 48px;
height: 48px;
margin: 0.5px;
min-width: 60px;
max-width: 60px;
height: 60px;
margin: 1px;
font-size: 16px;
color: #fff;
border: none;