Skip to content

Commit

Permalink
Merge pull request #539 from ctzsnooze/4.3-field-support
Browse files Browse the repository at this point in the history 
4.3 field support
  • Loading branch information
@blckmn
blckmn authored Nov 25, 2021
2 parents f310336 + 44341f1 commit 5ac20d7
Show file tree
Hide file tree
Showing 7 changed files with 1,648 additions and 1,145 deletions.
151 changes: 89 additions & 62 deletions css/header_dialog.css
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
/* Colums START> */
.cf_column {
min-height: 20px;
min-height: 18px;
margin-bottom: 0;
}

Expand Down Expand Up @@ -53,10 +53,17 @@

/* Default Parameter Entry Field */
input[type="number"]::-webkit-inner-spin-button {
opacity: 1; /* required for chromium 33+ beta */
margin-left: 5px;
opacity: 0; /* 1 is required for chromium 33+ beta to show the arrows / spinners */
/* margin-left: 5px;*/
}

/* Hide select dropdown arrow
select {
appearance: none;
padding-left: 5px;
}
*/

.clear-both {
clear: both;
}
Expand All @@ -73,22 +80,23 @@ input[type="number"]::-webkit-inner-spin-button {
.gui_box {
border: 1px solid #ccc;
border-radius: 4px;
background-color: #FFFFFF;
background-color: #ccc;
float: left;
width: calc(100% - 2px);
margin-bottom: 10px;
font-family: 'open_sansregular', Arial, serif;
}

.gui_box_titlebar {
background-color: #e4e4e4;
background-color: #808080;
border-radius: 3px 3px 0 0;
font-size: 13px;
font-size: 14px;
width: 100%;
height: 27px;
padding-bottom: 0;
float: left;
margin-bottom: 7px;
color: white;
margin-bottom: 0px;
font-family: 'open_sanssemibold', Arial, serif;
}

Expand All @@ -101,10 +109,12 @@ input[type="number"]::-webkit-inner-spin-button {
}

.spacer_box {
padding: 10px;
margin-bottom: 3px;
padding: 0px;
margin: 0px;
width: 100%;
}

/* main title for each div*/
.spacer_box_title {
padding-left: 10px;
padding-right: 10px;
Expand All @@ -113,6 +123,7 @@ input[type="number"]::-webkit-inner-spin-button {
float: left;
}

/* space around each div*/
.spacer_left {
padding-left: 15px;
float: left;
Expand All @@ -133,39 +144,43 @@ input[type="number"]::-webkit-inner-spin-button {
border-top-right-radius: 3px;
}

.header-dialog .parameter label {
background-color: #828885;
padding: 4px;
/* Parameter box titles */
.header-dialog .parameter th {
background-color: #b0b0b0;
padding: 2px;
padding-left: 10px;
border-left: 0 solid #ccc;
border-bottom: 1px solid #ccc;
font-weight: normal;
color: white;
font-weight: bold;
font-size: 14px;
color: #505050;
text-align: left;
width:100%;
}

.header-dialog .parameter th {
background-color: #828885;
padding: 4px;
/* Parameter box other lines */
.header-dialog .parameter label {
background-color: #d8d8d8;
padding: 0px;
margin: 0px;
border-left: 0 solid #ccc;
border-bottom: 1px solid #ccc;
font-weight: bold;
color: white;
text-align: left;
font-weight: normal;
font-size: 13px;
color: #505050;
text-align: center;
}

/* Parameter box other rows */
.header-dialog .cf tr {
background-color: #d8d8d8;
text-align: center;
}

.header-dialog .modal-dialog {
width:75%;
min-width:954px;
}

.header-dialog .cf tr {
background-color: #DEDEDE;
}

.header-dialog .cf th {
border-right: solid 1px silver;
height: 19px;
font-weight: normal;
}

Expand All @@ -184,17 +199,26 @@ input[type="number"]::-webkit-inner-spin-button {
border-top-right-radius: 3px;
}

/* Box holding numeric inputs */
.header-dialog .cf input {
margin: 4px;
width: calc(100% - 10px);
border: 1px solid silver;
border-radius: 3px;
margin-left: 2px;
text-align: center;
}

/* Box holding text down elements */
.header-dialog .cf select {
margin: 4px;
appearance: none; /* hide arrow at right*/
width: calc(100% - 10px);
border: 1px solid silver;
background-color: #FFFFFF;
color: black;
padding-top: 1px;
padding-left: 2px;
text-align: center;
text-align-last: center;
}

.header-dialog .parameter th:nth-child(2) {
Expand All @@ -214,7 +238,7 @@ input[type="number"]::-webkit-inner-spin-button {
}

.header-dialog table {
float: left;
float: center;
margin: 0;
border-collapse: collapse;
width: calc(100% - 1px);
Expand All @@ -226,13 +250,11 @@ input[type="number"]::-webkit-inner-spin-button {

.header-dialog .parameter td+input {
padding: 1px;
background-color:red;
border-bottom: 0 solid #ccc;
}

.header-dialog table, .header-dialog table td {
padding: 1px;
border-bottom: 0 solid #ccc;
}

.header-dialog table th {
Expand All @@ -245,7 +267,6 @@ input[type="number"]::-webkit-inner-spin-button {
padding: 5px;
text-align: left;
border-right: 1px solid #ccc;
width: calc(100% - 1px);
}

.header-dialog .pid_titlebar th:first-child {
Expand All @@ -256,8 +277,9 @@ input[type="number"]::-webkit-inner-spin-button {
border-right: none;
}

/* for labels in PID rows */
.header-dialog table:not(.parameter) tr td:first-child {
text-align: left;
text-align: center;
padding-left: 5px;
}

Expand All @@ -270,25 +292,26 @@ input[type="number"]::-webkit-inner-spin-button {
padding: 1px;
width: 20%;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

.header-dialog table tr td {
text-align: left;
padding-left: 0;
text-align: center;
padding-left: ;
}

/* numeric inputs in tables */
.header-dialog table input {
display: block;
width: calc(100% - 4px);
height: 20px;
line-height: 20px;
text-align: right;
text-align: center;
border: 0 solid #ccc;
border-radius: 0;
background-color: #F5F5F5;
}

.header-dialog .missing {
background:rgba(255,0,0,0.2);
background:rgba(255,0,0,0.2);
}

.header-dialog .static-features span {
Expand All @@ -311,8 +334,8 @@ input[type="number"]::-webkit-inner-spin-button {

.header-dialog .controller select {
width: calc(100% - 10px);
height: 20px;
line-height: 20px;
height: 18px;
line-height: 18px;
}

.header-dialog .profile {
Expand All @@ -325,7 +348,7 @@ input[type="number"]::-webkit-inner-spin-button {
.header-dialog .profile .head {
display: block;
text-align: left;
line-height: 20px;
line-height: 18px;
border-bottom: 1px solid #ccc;
background-color: #828885;
color: white;
Expand All @@ -337,8 +360,8 @@ input[type="number"]::-webkit-inner-spin-button {
.header-dialog .profile select {
width: 100%;
padding-left: calc(100% - 35px);
height: 20px;
line-height: 20px;
height: 18px;
line-height: 18px;
}

.header-dialog .pid_tuning .name {
Expand Down Expand Up @@ -369,18 +392,18 @@ input[type="number"]::-webkit-inner-spin-button {
width: 80%;
}

/* text in parameter boxes*/
.header-dialog .parameter {
float: right;
width: calc(100% - 2px);
margin-top: 10px;
/* padding-left: 0; */
}

/*drop-down names display text*/
html:not(.isCF) .cf-only,
html:not(.isBF) .bf-only {
/*display:none;*/
/*visibility:hidden;*/
opacity:0.25;
/*opacity:0.25;*/
}
/*
html:not(.isBF28) .bf-only {
Expand All @@ -399,9 +422,16 @@ html:not(.isBF28) .bf-only {
}

.header-dialog .spacer_box {
padding-bottom: 10px;
float: left;
width: calc(100% - 5px);
}

.pid_labels th{
text-align: center;
}

.pid_labels th label{
font-weight: normal;
font-size: 12px;
}

.pid_mode {
Expand All @@ -414,7 +444,7 @@ html:not(.isBF28) .bf-only {
padding: 8px 0 0 5px;
font-size: 12px;
border-bottom: 1px solid #ccc;
color: #828282;
color: #202020;
font-family: 'open_sans', Arial, serif;
background: #D6D6D6 linear-gradient(315deg, rgba(255, 255, 255, .2) 10%, transparent 10%, transparent 20%,
rgba(255, 255, 255, .2) 20%, rgba(255, 255, 255, .2) 30%, transparent 30%, transparent 40%,
Expand All @@ -429,7 +459,8 @@ html:not(.isBF28) .bf-only {
background-color: #828885;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
height: 20px;
height: 18px;
padding: 30px;
}

.pid_titlebar td:first-child {
Expand Down Expand Up @@ -484,9 +515,7 @@ html:not(.isBF28) .bf-only {
.header-dialog .number input {
width: 50px;
padding-left: 3px;
height: 20px;
line-height: 20px;
text-align: left;
text-align: center;
border: 1px solid silver;
border-radius: 3px;
margin-right: 11px;
Expand All @@ -509,8 +538,6 @@ html:not(.isBF28) .bf-only {
.header-dialog .static-features label{
/* width: 70px; */
/* padding-left: 3px; */
height: 20px;
line-height: 20px;
text-align: left;
border: 0 solid silver;
border-radius: 3px;
Expand All @@ -523,8 +550,8 @@ html:not(.isBF28) .bf-only {
.header-dialog .features span,
.header-dialog .static-features span {
padding-right: 3px;
height: 20px;
line-height: 20px;
height: 18px;
line-height: 18px;
text-align: left;
border: 0 solid silver;
border-radius: 3px;
Expand All @@ -537,12 +564,12 @@ html:not(.isBF28) .bf-only {
font-style: normal;
font-family: 'open_sansregular', Arial, sans-serif;
line-height: 19px;
color: #7d7d7d;
color: #404040;
font-size: 11px;
}

.noline {
border:0;
border:0;
}

.header-dialog .resetbt {
Expand Down
Loading

0 comments on commit 5ac20d7

Please sign in to comment.