diff options
Diffstat (limited to 'src/client/views/nodes/ComparisonBox.scss')
| -rw-r--r-- | src/client/views/nodes/ComparisonBox.scss | 79 |
1 files changed, 79 insertions, 0 deletions
diff --git a/src/client/views/nodes/ComparisonBox.scss b/src/client/views/nodes/ComparisonBox.scss new file mode 100644 index 000000000..b874f96b6 --- /dev/null +++ b/src/client/views/nodes/ComparisonBox.scss @@ -0,0 +1,79 @@ +.comparisonBox { + pointer-events: all; + border-radius: inherit; + width: 100%; + height: 100%; + background-color: grey; + + .content-wrapper { + position: absolute; + bottom: 0; + width: 100%; + height: calc(100% - 15px); + + .clip-div { + position: absolute; + top: 0; + left: 0; + width: 50%; + height: 100%; + overflow: hidden; + z-index: 999; + + .beforeBox-cont { + height: 100%; + overflow: hidden; + background-color: rgb(240, 240, 240); + } + + .slide-bar { + position: absolute; + width: 5px; + height: 100%; + top: 0; + right: 0; + background-color: grey; + cursor: ew-resize; + } + } + + .afterBox-cont { + position: absolute; + top: 0; + right: 0; + height: 100%; + width: 100%; + overflow: hidden; + background-color: lightgray; + } + + .clear-button { + position: absolute; + top: 3px; + opacity: 0.8; + pointer-events: all; + cursor: pointer; + } + + .clear-button.before { + left: 3px; + } + + .clear-button.after { + right: 3px; + } + + .placeholder { + width: 50%; + height: 50%; + margin-top: 25%; + margin-left: 25%; + + .upload-icon { + width: 100%; + height: 100%; + opacity: 0.5; + } + } + } +}
\ No newline at end of file |