aboutsummaryrefslogtreecommitdiff
path: root/src/client/views/nodes/KeyValueBox.scss
diff options
context:
space:
mode:
authorbobzel <zzzman@gmail.com>2023-12-11 17:04:49 -0500
committerbobzel <zzzman@gmail.com>2023-12-11 17:04:49 -0500
commit07c30aed69dfa810ddb0b861ae2dc8e8f3a27356 (patch)
tree678a0855b169eb88fdc574fd49481ee6e57b12de /src/client/views/nodes/KeyValueBox.scss
parent936aa21fb576472e321a9af976d5da7b75292511 (diff)
fixed includes of scss globals into typescript files.
Diffstat (limited to 'src/client/views/nodes/KeyValueBox.scss')
-rw-r--r--src/client/views/nodes/KeyValueBox.scss54
1 files changed, 27 insertions, 27 deletions
diff --git a/src/client/views/nodes/KeyValueBox.scss b/src/client/views/nodes/KeyValueBox.scss
index ffcba4981..a44f614b2 100644
--- a/src/client/views/nodes/KeyValueBox.scss
+++ b/src/client/views/nodes/KeyValueBox.scss
@@ -1,7 +1,7 @@
-@import "../global/globalCssVariables";
+@import '../global/globalCssVariables.module.scss';
.keyValueBox-cont {
overflow-y: scroll;
- width:100%;
+ width: 100%;
height: 100%;
background-color: $white;
border: 1px solid $medium-gray;
@@ -15,45 +15,45 @@
}
$header-height: 30px;
.keyValueBox-tbody {
- width:100%;
- height:100%;
+ width: 100%;
+ height: 100%;
position: absolute;
overflow-y: scroll;
}
.keyValueBox-key {
display: inline-block;
- height:100%;
- width:50%;
+ height: 100%;
+ width: 50%;
text-align: center;
}
.keyValueBox-fields {
display: inline-block;
- height:100%;
- width:50%;
+ height: 100%;
+ width: 50%;
text-align: center;
}
.keyValueBox-table {
position: absolute;
- width:100%;
- height:100%;
+ width: 100%;
+ height: 100%;
border-collapse: collapse;
}
.keyValueBox-td-key {
- display:inline-block;
- height:30px;
+ display: inline-block;
+ height: 30px;
}
.keyValueBox-td-value {
- display:inline-block;
- height:30px;
+ display: inline-block;
+ height: 30px;
}
.keyValueBox-valueRow {
- width:100%;
- height:30px;
+ width: 100%;
+ height: 30px;
display: inline-block;
}
.keyValueBox-header {
- width:100%;
+ width: 100%;
position: relative;
display: inline-block;
background: $medium-gray;
@@ -74,8 +74,8 @@ $header-height: 30px;
.keyValueBox-evenRow {
position: relative;
display: flex;
- width:100%;
- height:$header-height;
+ width: 100%;
+ height: $header-height;
background: $white;
.formattedTextBox-cont {
background: $white;
@@ -86,10 +86,10 @@ $header-height: 30px;
position: relative;
}
}
-.keyValueBox-dividerDraggerThumb{
+.keyValueBox-dividerDraggerThumb {
position: relative;
width: 4px;
- float: left;
+ float: left;
height: 30px;
width: 5px;
z-index: 20;
@@ -99,10 +99,10 @@ $header-height: 30px;
background: black;
pointer-events: all;
}
-.keyValueBox-dividerDragger{
- position: relative;
+.keyValueBox-dividerDragger {
+ position: relative;
width: 100%;
- float: left;
+ float: left;
height: 37px;
z-index: 20;
right: 0;
@@ -114,10 +114,10 @@ $header-height: 30px;
.keyValueBox-oddRow {
position: relative;
display: flex;
- width:100%;
- height:30px;
+ width: 100%;
+ height: 30px;
background: $light-gray;
.formattedTextBox-cont {
background: $light-gray;
}
-} \ No newline at end of file
+}