bugfixing

This commit is contained in:
Blue 2018-11-20 15:34:18 +03:00
parent 9608b3156b
commit 619dbc5a42
4 changed files with 26 additions and 26 deletions

View File

@ -80,6 +80,6 @@ function paint() {
function adjustButtons(width) { function adjustButtons(width) {
paintButton.setPosition(width / 4 - Button.width, 25); paintButton.setPosition(width / 4 - Button.width, 25);
settings.setPosition(width / 2 - Button.width, 25); settings.setPosition(width / 2 - Button.width / 2, 25);
clear.setPosition(width * 0.75 - Button.width, 25); clear.setPosition(width * 0.75, 25);
} }

View File

@ -88,15 +88,15 @@ button:hover {
width: 100%; width: 100%;
outline: none; outline: none;
color: #555555; color: #555555;
-webkit-box-shadow: inset 0px -1px 0 #555555; -webkit-box-shadow: inset 0px 0px 0 #555555;
-moz-box-shadow: inset 0px -1px 0 #555555; -moz-box-shadow: inset 0px 0px 0 #555555;
box-shadow: inset 0px -1px 0 #555555; box-shadow: inset 0px 0px 0 #555555;
-webkit-transition: box-shadow 0.2s; -webkit-transition: box-shadow 0.2s ease-in-out;
-moz-transition: box-shadow 0.2s; -moz-transition: box-shadow 0.2s ease-in-out;
-ms-transition: box-shadow 0.2s; -ms-transition: box-shadow 0.2s ease-in-out;
-o-transition: box-shadow 0.2s; -o-transition: box-shadow 0.2s ease-in-out;
transition: box-shadow 0.2s; transition: box-shadow 0.2s ease-in-out;
} }
.numericBox:focus { .numericBox:focus {
@ -111,7 +111,9 @@ button:hover {
padding: 10px; padding: 10px;
} }
.form > div { .form > table {
table-layout: fixed;
border-spacing: 0;
overflow: hidden; overflow: hidden;
width: 100%; width: 100%;
-webkit-transition: height 0.2s ease-in-out; -webkit-transition: height 0.2s ease-in-out;
@ -121,21 +123,18 @@ button:hover {
transition: height 0.2s ease-in-out; transition: height 0.2s ease-in-out;
} }
.form > div:not(:last-child) { .form > table:not(:last-child) {
margin-bottom: 10px; margin-bottom: 10px;
} }
.form > div > div { .form > table td {
overflow: hidden; vertical-align: center;
height: 100%;
float: left;
} }
.form > div > div:nth-child(1) { .form > table td:nth-child(1) {
width: 60% width: 60%
} }
.form > div > div:nth-child(2) { .form > table td:nth-child(2) {
width: 40%; width: 40%;
text-align: right;
} }

View File

@ -9,16 +9,17 @@ class Form extends UI {
this._linesById = Object.create(null); this._linesById = Object.create(null);
} }
addLine(id, label, editor) { addLine(id, label, editor) {
let line = document.createElement("div"); let line = document.createElement("table");
let labelCell = document.createElement("div"); let row = document.createElement("tr");
let editorCell = document.createElement("div"); let labelCell = document.createElement("td");
let editorCell = document.createElement("td");
labelCell.innerText = label; labelCell.innerText = label;
editorCell.appendChild(editor.element); editorCell.appendChild(editor.element);
editor.element.style.float = "right";
line.appendChild(labelCell); row.appendChild(labelCell);
line.appendChild(editorCell); row.appendChild(editorCell);
line.appendChild(row);
let obj = { let obj = {
id: id, id: id,

View File

@ -66,7 +66,7 @@ class SwitchBox extends UI {
this._iWidth = dw; this._iWidth = dw;
this._iHeight = dh; this._iHeight = dh;
let circleDiameter = Math.round(dh * 0.75); let circleDiameter = Math.round(dh * 0.70);
this._input.style.width = dw + "px"; this._input.style.width = dw + "px";
this._input.style.height = dh + "px"; this._input.style.height = dh + "px";