Commit b68b065f authored by Arthur Bogaart's avatar Arthur Bogaart

HSTCONFIGEDIT-174: More styling

 - Added correct disabled styling for menu buttons and input elements
 - Correct left margin on menu-items and/or locked message
 - New styling for parameters: more horizontal space, new remove icon
parent 4ee4e22a
......@@ -28,26 +28,39 @@
.hst-editor-form {
padding-left: 16px;
padding-right: 16px;
padding-top: 8px;
padding-top: 4px;
}
div.hst-editor a.menu,
div.hst-editor > span > em {
.hst-editor .menu {
display: block;
margin-top: 8px;
margin-left: 8px;
margin-left: 4px;
float: left;
}
div.hst-editor > span > em {
.hst-editor span.btn,
.hst-editor span.btn:hover,
.hst-editor span.btn:active {
cursor: default;
background-color: #fff;
border-color: #d4d6d8;
box-shadow: none;
color: #999999;
}
div.hst-editor .menu:first-of-type {
margin-left: 16px;
}
div.hst-editor .hst-editor-locked + .menu:first-of-type {
margin-left: 4px;
}
div.hst-editor-form {
height: calc(100vh - 164px);
overflow: auto;
width: 100%;
margin: 40px 0 0 0;
margin: 44px 0 0 0;
clear: both;
box-sizing: border-box;
}
......@@ -75,7 +88,7 @@ div.hst-editor-locked {
font-size: 12px;
line-height: 1.5;
padding: 4px 8px;
margin-left: 8px;
margin-left: 16px;
margin-top: 8px;
display: inline-block;
float: left;
......@@ -101,7 +114,12 @@ div.hst-editor-form fieldset input {
padding: 4px
}
div.hst-editor-form fieldset input[disabled] {
color: #9ba0a5;
}
div.hst-editor-form fieldset input[type='checkbox'] {
min-width: initial;
width: auto;
}
......@@ -116,7 +134,10 @@ select {
}
div.hst-editor-form input.small {
width: 120px;
min-width: 99%;
width: 99%;
box-sizing: border-box;
}
div.hst-editor-form legend {
......@@ -127,7 +148,6 @@ div.hst-editor-form legend {
div.hst-editor-form fieldset > div {
padding-left: 4px;
margin-bottom: 3px;
clear: left;
}
......@@ -136,11 +156,23 @@ div.hst-editor-form fieldset > div, div.hst-editor-form fieldset > div > div {
display: table;
}
table.parameters, div.hst-editor-form fieldset div ul {
div.hst-editor-form fieldset div ul {
margin-left: 105px;
}
table.parameters > tbody > tr > th, table.parameters > tbody > tr > td {
.parameters {
width: 100%;
}
.add-parameter-button {
padding-top: 4px;
}
table.parameters > tbody > tr > th {
padding-bottom: 4px;
}
table.parameters > tbody > tr > td {
padding-bottom: 3px;
}
......@@ -150,13 +182,15 @@ td input.container-value {
table.parameters td.remove {
text-align: center;
width: 48px;
}
table.parameters td.remove a {
color: white;
background-color: red;
padding-left: 2px;
padding-right: 2px;
table.parameters td.remove a .hi {
width: 20px;
height: 20px;
}
table.parameters td.remove em .hi {
fill: #bbb;
}
div.hst-editor-feedback ul {
......@@ -171,23 +205,6 @@ div.hst-editor-feedback ul li {
margin-left: 10px;
}
div.hst-editor-form a {
margin: 0;
padding: 0;
float: none;
display: inline;
}
div.hst-editor-form a.button {
border-style: outset;
padding-left: 3px;
padding-right: 3px;
}
a.button:active {
border-style: inset;
}
div.hst-editor-form fieldset input.wizard-button {
width: auto;
}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment