aboutsummaryrefslogtreecommitdiff
path: root/src/client/views/nodes/KeyValueBox.scss
diff options
context:
space:
mode:
authorSophie Zhang <sophie_zhang@brown.edu>2024-01-25 11:35:26 -0500
committerSophie Zhang <sophie_zhang@brown.edu>2024-01-25 11:35:26 -0500
commitf3dab2a56db5e4a6a3dca58185d94e1ff7d1dc32 (patch)
treea7bc895266b53bb620dbd2dd71bad2e83b555446 /src/client/views/nodes/KeyValueBox.scss
parentb5c5410b4af5d2c68d2107d3f064f6e3ec4ac3f2 (diff)
parent136f3d9f349d54e8bdd73b6380ea47c19e5edebf (diff)
Merge branch 'master' into sophie-ai-images
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
+}