Christian/Johnny
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Changed Styling for Inputs and rearranged sizes

Browse Source
This commit is contained in:
Christian
2020-12-25 19:14:23 +01:00
parent 0c4c97fc2a
commit de10d8968b
3 changed files with 459 additions and 89 deletions
Download Patch File Download Diff File Expand all files Collapse all files

70
out/css/style.css
View File

@ -116,7 +116,7 @@ button {
}
.pc .section {
min-height: 20em;
min-height: 25em;
max-height: calc(80vh - 8em);
min-width: 20%;
@ -220,10 +220,23 @@ th.address {
text-align: right;
}
.pc input[type=number] {
margin: 0 .5em 0 0;
padding: 0 .25em;
height: 1.5em;
line-height: 1em;
}
/* CONTROLS */
.pc .controls button{
.pc .controls button,
.pc .controls .button{
text-transform: none !important;
font-weight: 600;
height: 2.5em;
line-height: 1em;
margin: 0;
vertical-align: top;
padding: 0.25em 2em;
}
.pc .controls > :not(:last-child) {
@ -231,11 +244,13 @@ th.address {
}
.pc .controls .checker {
display: inline-block;
display: inline-flex;
align-items: center;
padding-left: 3.5em;
}
.pc .controls .checker label {
display: inline-block;
display: inline;
font-size: 0.8em;
white-space: initial;
white-space: break-spaces;
@ -245,6 +260,8 @@ th.address {
vertical-align: middle;
line-height: .9em;
margin: 0;
cursor: pointer;
}
@ -264,7 +281,7 @@ th.address {
color: rgba(0,0,0,0);
border-radius: 4px;
vertical-align: middle;
margin: 0 .5em .25em -1em;
margin: 0 .5em 0 -1em;
line-height: 1.8rem;
font-size: 1.4em;
@ -287,12 +304,9 @@ th.address {
}
.pc .ram input[type=number] {
margin: 0 .5em 0 0;
padding: 1em .25em;
background-color: var(--color-table-ram-select);
color: var(--color-table-ram-select-text);
border-color: var(--color-table-ram-select-border);
height: 2.5em;
}
.pc .ram input[type=number].instruction {
@ -324,6 +338,27 @@ th.address {
width: 100%;
}
.pc .cu .input-row {
display: flex;
justify-content: space-between;
align-items: baseline;
margin: 0 0 .5em 0;
}
.pc .cu .input-row:last-child {
margin: 0;
}
.pc .cu input {
color: var(--color-cu-text);
border-color: var(--color-cu-text);
background-color: transparent;
}
.pc .cu label {
display: inline;
}
.pc .cu select{
margin: 0;
width: 100%;
@ -339,6 +374,13 @@ th.address {
border: 1px solid var(--color-table-cu-select-border);
}
/* ALU */
.pc .alu input {
color: var(--color-alu-text);
border-color: var(--color-alu-text);
background-color: transparent;
}
/* BUSSES */
.pc .databus,
@ -357,6 +399,18 @@ th.address {
margin-right: 1em;
}
.pc .addressbus input {
color: var(--color-addressbus-text);
border-color: var(--color-addressbus-text);
background-color: var(--color-addressbus);
}
.pc .databus input {
color: var(--color-databus-text);
border-color: var(--color-databus-text);
background-color: var(--color-databus);
}
.pc .addressbus {
margin-bottom: 1em;
}