aboutsummaryrefslogtreecommitdiff
path: root/src/client/views/collections/CollectionStackingView.scss
diff options
context:
space:
mode:
authorStanley Yip <33562077+yipstanley@users.noreply.github.com>2019-07-31 11:39:38 -0400
committerGitHub <noreply@github.com>2019-07-31 11:39:38 -0400
commit114460ba8bd8a1a9300533b9f37e4b2d884d22db (patch)
tree15f369f6cc670deb21b083cd4238315f08ece48e /src/client/views/collections/CollectionStackingView.scss
parent1e50488861a1fbadea399bd529b8d51053a3d9b4 (diff)
parent023c08d621488dfaa18a61f50611c612b2a6feb5 (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.scss31
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;
}