Skip to content

Commit

Permalink
changed styling to make it more obvious which value is the active one
Browse files Browse the repository at this point in the history
  • Loading branch information
@M-Wicenec
M-Wicenec committed Dec 18, 2024
1 parent d37ca7e commit 1d051e9
Show file tree
Hide file tree
Showing 2 changed files with 9 additions and 8 deletions.
9 changes: 5 additions & 4 deletions static/tables.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -343,8 +343,8 @@ td:first-child input {
}

.eagleTableDisplay .eagleTableWrapper .doubleInputDisplay{
width: 45%;
border: 2px dotted #002e5f;
width: 42%;
border: 1px dotted #002e5f;
left: unset;
top: 3px;
bottom: 3px;
Expand All @@ -354,7 +354,7 @@ td:first-child input {
.eagleTableDisplay .eagleTableWrapper .doubleInputDisplay.configValueInput{
right: unset;
left: 3px;
border: 1px solid #002e5f;
border: 2px solid #002e5f;
}

.eagleTableDisplay input[type="checkbox"]{
Expand Down Expand Up @@ -509,7 +509,8 @@ td:first-child input {
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
font-weight: 800;
font-weight: 500;
font-size: 57px;
}

@media only screen and (max-width: 2010px) {
Expand Down
8 changes: 4 additions & 4 deletions templates/node_parameter_table.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -171,7 +171,7 @@ <h5 class="bottomWindowHeader">Fields Table: </h5>
<td class='columnCell column_Value'>
<!-- ko if: $data.getGraphConfigField() -->
<input class="tableParameter configValueInput" min="0" step="1" onfocus="this.previousValue = this.value" onkeydown="this.previousValue = this.value" oninput="validity.valid || (value = this.previousValue)" data-bind="css: {doubleInputDisplay: $data.getGraphConfigField(), selectedTableParameter: ParameterTable.isSelected('configValue', $data) }, eagleTooltip: 'Configured Value',disabled: $root.getCurrentParamValueReadonly($data), valueUpdate: ['afterkeydown', 'input'], value: $data.getGraphConfigField().value, attr:{type: $data.getHtmlInputType()}, event: {change: ParameterTable.fieldValueChanged, keyup: function(event, data){ParameterTable.select($data.getGraphConfigField().value(), 'configValue', $data, $index())}, click: function(event, data){ParameterTable.select($data.getGraphConfigField().value(), 'configValue', $data, $index())}}">
<i class="material-icons md-18 parameterTableOverWriteIcon" data-bind="eagleTooltip: 'The Configured Value (left) is overwriting the graph value (right)'">arrow_forward</i>
<i class="parameterTableOverWriteIcon icon-overwrite" data-bind="eagleTooltip: 'The Configured Value (left) is overwriting the graph value (right)'"></i>
<!-- /ko -->
<input class="tableParameter" min="0" step="1" onfocus="this.previousValue = this.value" onkeydown="this.previousValue = this.value" oninput="validity.valid || (value = this.previousValue)" data-bind="css: {doubleInputDisplay: $data.getGraphConfigField(), selectedTableParameter: ParameterTable.isSelected('value', $data) }, eagleTooltip: 'Graph Value',disabled: $root.getCurrentParamValueReadonly($data), valueUpdate: ['afterkeydown', 'input'], value: value, attr:{type: $data.getHtmlInputType()}, event: {change: ParameterTable.fieldValueChanged, keyup: function(event, data){ParameterTable.select($data.value(), 'value', $data, $index())}, click: function(event, data){ParameterTable.select($data.value(), 'value', $data, $index())}}">
</td>
Expand All @@ -180,7 +180,7 @@ <h5 class="bottomWindowHeader">Fields Table: </h5>
<td class='columnCell column_Value'>
<!-- ko if: $data.getGraphConfigField() -->
<input class="tableParameter inputNoArrows configValueInput tableFieldStringValueInput" data-bind="css: {doubleInputDisplay: $data.getGraphConfigField(), selectedTableParameter: ParameterTable.isSelected('configValue', $data) }, eagleTooltip: 'Configured Value', disabled: $root.getCurrentParamValueReadonly($data), valueUpdate: ['afterkeydown', 'input'], value: $data.getGraphConfigField().value, attr:{type: $data.getHtmlInputType()}, event: {change: ParameterTable.fieldValueChanged, keyup: function(event, data){ParameterTable.select($data.getGraphConfigField().value(), 'configValue', $data, $index())}, click: function(event, data){ParameterTable.select($data.getGraphConfigField().value(), 'configValue', $data, $index())}}">
<i class="material-icons md-18 parameterTableOverWriteIcon" data-bind="eagleTooltip: 'The Configured Value (left) is overwriting the graph value (right)'">arrow_forward</i>
<i class="parameterTableOverWriteIcon icon-overwrite" data-bind="eagleTooltip: 'The Configured Value (left) is overwriting the graph value (right)'"></i>
<!-- /ko -->
<input class="tableParameter inputNoArrows tableFieldStringValueInput" data-bind="css: {doubleInputDisplay: $data.getGraphConfigField(), selectedTableParameter: ParameterTable.isSelected('value', $data) }, eagleTooltip: 'Graph Value', disabled: $root.getCurrentParamValueReadonly($data), valueUpdate: ['afterkeydown', 'input'], value: value, attr:{type: $data.getHtmlInputType()}, event: {change: ParameterTable.fieldValueChanged, keyup: function(event, data){ParameterTable.select($data.value(), 'value', $data, $index())}, click: function(event, data){ParameterTable.select($data.value(), 'value', $data, $index())}}">
</td>
Expand All @@ -194,7 +194,7 @@ <h5 class="bottomWindowHeader">Fields Table: </h5>
<input class="tableParameter" tabindex='-1' data-bind="css: {selectedTableParameter: ParameterTable.isSelected('configValue', $data) }, checked: valIsTrue($data.getGraphConfigField().value()), disabled: $root.getCurrentParamValueReadonly($data), valueUpdate: ['afterkeydown', 'input'], value: value, event: {change: function(){$data.getGraphConfigField().toggle(); ParameterTable.fieldValueChanged();}}" type="checkbox">
</div>
</div>
<i class="material-icons md-18 parameterTableOverWriteIcon" data-bind="eagleTooltip: 'The Configured Value (left) is overwriting the graph value (right)'">arrow_forward</i>
<i class="parameterTableOverWriteIcon icon-overwrite" data-bind="eagleTooltip: 'The Configured Value (left) is overwriting the graph value (right)'"></i>
<!-- /ko -->
<div class="checkboxWrapper" data-bind="css: {doubleInputDisplay: $data.getGraphConfigField()}, eagleTooltip: 'Graph Value'">
<div>
Expand All @@ -213,7 +213,7 @@ <h5 class="bottomWindowHeader">Fields Table: </h5>
</select>
</div>
</div>
<i class="material-icons md-18 parameterTableOverWriteIcon" data-bind="eagleTooltip: 'The Configured Value (left) is overwriting the graph value (right)'">arrow_forward</i>
<i class="parameterTableOverWriteIcon icon-overwrite" data-bind="eagleTooltip: 'The Configured Value (left) is overwriting the graph value (right)'"></i>
<!-- /ko -->
<div class="checkboxWrapper" data-bind="css: {doubleInputDisplay: $data.getGraphConfigField()}, eagleTooltip: 'Graph Value'">
<div>
Expand Down

0 comments on commit 1d051e9

Please sign in to comment.