aboutsummaryrefslogtreecommitdiff
path: root/src/client/views/collections/CollectionStackingView.scss
diff options
context:
space:
mode:
authorbob <bcz@cs.brown.edu>2019-07-31 11:48:39 -0400
committerbob <bcz@cs.brown.edu>2019-07-31 11:48:39 -0400
commitcd357ea8edaf02567cd705bc519d58067005ad8e (patch)
tree5ad7615fdd17c9b31f1b4bf1a7544113e7deb127 /src/client/views/collections/CollectionStackingView.scss
parenta75f6fb17a4cbb4643cff0d347eb812138957c95 (diff)
parent114460ba8bd8a1a9300533b9f37e4b2d884d22db (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.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;
}