diff options
| author | bob <bcz@cs.brown.edu> | 2019-07-31 11:48:39 -0400 |
|---|---|---|
| committer | bob <bcz@cs.brown.edu> | 2019-07-31 11:48:39 -0400 |
| commit | cd357ea8edaf02567cd705bc519d58067005ad8e (patch) | |
| tree | 5ad7615fdd17c9b31f1b4bf1a7544113e7deb127 /src/client/views/collections/CollectionStackingView.scss | |
| parent | a75f6fb17a4cbb4643cff0d347eb812138957c95 (diff) | |
| parent | 114460ba8bd8a1a9300533b9f37e4b2d884d22db (diff) | |
Merge branch 'master' of https://github.com/browngraphicslab/Dash-Web
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; } |
