diff options
| author | Stanley Yip <33562077+yipstanley@users.noreply.github.com> | 2019-07-30 19:41:00 -0400 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2019-07-30 19:41:00 -0400 |
| commit | a2a73a1ad032979ea6eea06aa65354841e0ef0fa (patch) | |
| tree | 00e38b12a22dcc52253e2d7c3e35efee42ad80cf /src/client/views/collections/CollectionViewChromes.scss | |
| parent | c53d5fb0e5162cf27d6b5e5ed0ceb35f2461302e (diff) | |
| parent | 80e6356692da7bffaad2efccf01500173c488de0 (diff) | |
Merge branch 'master' into text_box_ab
Diffstat (limited to 'src/client/views/collections/CollectionViewChromes.scss')
| -rw-r--r-- | src/client/views/collections/CollectionViewChromes.scss | 54 |
1 files changed, 53 insertions, 1 deletions
diff --git a/src/client/views/collections/CollectionViewChromes.scss b/src/client/views/collections/CollectionViewChromes.scss index 989315194..e1a612643 100644 --- a/src/client/views/collections/CollectionViewChromes.scss +++ b/src/client/views/collections/CollectionViewChromes.scss @@ -37,9 +37,10 @@ } .collectionViewBaseChrome-collapse { - transition: all .5s; + transition: all .5s, opacity 0.3s; position: absolute; width: 40px; + transform-origin: top left; } .collectionViewBaseChrome-viewSpecs { @@ -168,4 +169,55 @@ cursor: text; } } +} + +.collectionSchemaViewChrome-cont { + display: flex; + font-size: 10.5px; + + .collectionSchemaViewChrome-toggle { + display: flex; + margin-left: 10px; + } + + .collectionSchemaViewChrome-label { + text-transform: uppercase; + letter-spacing: 2px; + margin-right: 5px; + display: flex; + flex-direction: column; + justify-content: center; + } + + .collectionSchemaViewChrome-toggler { + width: 100px; + height: 41px; + background-color: black; + position: relative; + } + + .collectionSchemaViewChrome-togglerButton { + width: 47px; + height: 35px; + background-color: $light-color-secondary; + // position: absolute; + transition: all 0.5s ease; + // top: 3px; + margin-top: 3px; + color: gray; + letter-spacing: 2px; + text-transform: uppercase; + display: flex; + flex-direction: column; + justify-content: center; + text-align: center; + + &.on { + margin-left: 3px; + } + + &.off { + margin-left: 50px; + } + } }
\ No newline at end of file |