diff options
| author | Stanley Yip <33562077+yipstanley@users.noreply.github.com> | 2019-07-31 11:39:38 -0400 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2019-07-31 11:39:38 -0400 |
| commit | 114460ba8bd8a1a9300533b9f37e4b2d884d22db (patch) | |
| tree | 15f369f6cc670deb21b083cd4238315f08ece48e /src/client/views/collections/CollectionStackingView.scss | |
| parent | 1e50488861a1fbadea399bd529b8d51053a3d9b4 (diff) | |
| parent | 023c08d621488dfaa18a61f50611c612b2a6feb5 (diff) | |
Merge pull request #243 from browngraphicslab/toggle_claire
disabled does not show ADD NEW / GROUP buttons
Diffstat (limited to 'src/client/views/collections/CollectionStackingView.scss')
| -rw-r--r-- | src/client/views/collections/CollectionStackingView.scss | 31 |
1 files changed, 16 insertions, 15 deletions
diff --git a/src/client/views/collections/CollectionStackingView.scss b/src/client/views/collections/CollectionStackingView.scss index 14c7f5edd..015955816 100644 --- a/src/client/views/collections/CollectionStackingView.scss +++ b/src/client/views/collections/CollectionStackingView.scss @@ -141,7 +141,7 @@ .collectionStackingView-colorPicker { width: 78px; - + .colorOptions { display: flex; flex-wrap: wrap; @@ -153,7 +153,7 @@ height: 20px; border-radius: 10px; margin: 3px; - + &.active { border: 2px solid white; box-shadow: 0 0 0 2px lightgray; @@ -225,19 +225,20 @@ .rc-switch { position: absolute; display: inline-block; - bottom: 15px; - right: 15px; - width: 125px; - height: 54px; + bottom: 4px; + right: 4px; + width: 70px; + height: 30px; border-radius: 40px 40px; + background-color: lightslategrey; } .rc-switch:after { position: absolute; - width: 36px; - height: 36px; - left: 7px; - top: 9px; + width: 22px; + height: 22px; + left: 3px; + top: 4px; border-radius: 50% 50%; background-color: #fff; content: " "; @@ -253,19 +254,19 @@ } .rc-switch-checked:after { - left: 80px; + left: 44px; } .rc-switch-inner { color: #fff; - font-size: 22px; + font-size: 12px; position: absolute; - left: 50px; - top: 14px; + left: 28px; + top: 8px; } .rc-switch-checked .rc-switch-inner { - left: 17px; + left: 8px; } |
