diff options
| author | tschicke-brown <tyler_schicke@brown.edu> | 2019-03-16 23:36:07 -0400 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2019-03-16 23:36:07 -0400 |
| commit | 6e583a158a8985c0882616cd2260f0fbb50f1122 (patch) | |
| tree | 78f4c3d4d2d7abe07339ff15c0bb6d9556f6a883 /src | |
| parent | 63e591552ad6f92b0d36d9fe51338bbfd007c6dc (diff) | |
| parent | cfe5c8503e53518e89bd285000c4975a19f2dc13 (diff) | |
Merge pull request #57 from browngraphicslab/kvp_ui
Key value pair UI styling
Diffstat (limited to 'src')
| -rw-r--r-- | src/client/views/nodes/KeyValueBox.scss | 70 |
1 files changed, 48 insertions, 22 deletions
diff --git a/src/client/views/nodes/KeyValueBox.scss b/src/client/views/nodes/KeyValueBox.scss index e946275fa..63ae75424 100644 --- a/src/client/views/nodes/KeyValueBox.scss +++ b/src/client/views/nodes/KeyValueBox.scss @@ -1,31 +1,57 @@ +@import "../global_variables"; .keyValueBox-cont { - overflow-y: scroll; - height: 100%; - border: black; - border-width: 1px; - border-style: solid; - box-sizing: border-box; - display: inline-block; - .imageBox-cont img { - max-height: 45px; - height: auto; - } + overflow-y: scroll; + height: 100%; + background-color: $light-color; + border: 1px solid $intermediate-color; + border-radius: $border-radius; + box-sizing: border-box; + display: inline-block; + .imageBox-cont img { + max-height: 45px; + height: auto; + } + td { + padding: 6px 8px; + border-right: 1px solid $intermediate-color; + border-top: 1px solid $intermediate-color; + &:last-child { + border-right: none; + } + } } + .keyValueBox-table { - position: relative; + position: relative; + border-collapse: collapse; } + .keyValueBox-header { - background: gray; + background: $intermediate-color; + color: $light-color; + text-transform: uppercase; + letter-spacing: 2px; + font-size: 12px; + height: 30px; + padding-top: 4px; + th { + font-weight: normal; + &:first-child { + border-right: 1px solid $light-color; + } + } } + .keyValueBox-evenRow { - background: white; - .formattedTextBox-cont { - background: white; - } + background: $light-color; + .formattedTextBox-cont { + background: $light-color; + } } + .keyValueBox-oddRow { - background: lightGray; - .formattedTextBox-cont { - background: lightgray; - } -} + background: $light-color-secondary; + .formattedTextBox-cont { + background: $light-color-secondary; + } +}
\ No newline at end of file |