aboutsummaryrefslogtreecommitdiff
path: root/src/client/views/collections/CollectionMenu.scss
diff options
context:
space:
mode:
authorAndy Rickert <andrew_rickert@brown.edu>2020-08-03 16:27:09 -0400
committerAndy Rickert <andrew_rickert@brown.edu>2020-08-03 16:27:09 -0400
commitf21febd2fff86c9f4a537cd81adb6de98eaec929 (patch)
tree2685d95e3a14ce5ee2db7fb37e9c3abef9d1017c /src/client/views/collections/CollectionMenu.scss
parent76b8ce516103a469d36e876ddf3dd5b53f09c734 (diff)
parentfb8150f01232a3f8e9333f9ed7012b6982b00c24 (diff)
merge with new ui
Diffstat (limited to 'src/client/views/collections/CollectionMenu.scss')
-rw-r--r--src/client/views/collections/CollectionMenu.scss19
1 files changed, 12 insertions, 7 deletions
diff --git a/src/client/views/collections/CollectionMenu.scss b/src/client/views/collections/CollectionMenu.scss
index 9da204787..0a316317f 100644
--- a/src/client/views/collections/CollectionMenu.scss
+++ b/src/client/views/collections/CollectionMenu.scss
@@ -2,8 +2,8 @@
.collectionMenu-cont {
- position:relative;
- display:inline-flex;
+ position: relative;
+ display: inline-flex;
width: 100%;
opacity: 0.9;
z-index: 9001;
@@ -12,14 +12,15 @@
color: white;
transform-origin: top left;
top: 0;
- width:100%;
+ width: 100%;
.antimodeMenu-button {
padding: 0;
width: 30px;
display: flex;
+
svg {
- margin:auto;
+ margin: auto;
}
}
@@ -108,6 +109,7 @@
margin-top: auto;
margin-bottom: auto;
}
+
.collectionViewBaseChrome-viewSpecs {
margin-left: 5px;
display: grid;
@@ -318,12 +320,14 @@
text-align: center;
display: block;
}
+
.color-previewI {
width: 80%;
height: 20%;
bottom: 0;
position: absolute;
}
+
.color-previewII {
width: 80%;
height: 80%;
@@ -336,7 +340,7 @@
margin: auto;
/* Make the buttons appear below each other */
}
-
+
.btn-draw {
display: inline-flex;
margin: auto;
@@ -374,6 +378,7 @@
display: block;
margin: auto;
}
+
border-right: solid gray 1px;
}
}
@@ -398,14 +403,14 @@
.collectionSchemaViewChrome-toggler {
width: 100px;
- height: 41px;
+ height: 35px;
background-color: black;
position: relative;
}
.collectionSchemaViewChrome-togglerButton {
width: 47px;
- height: 35px;
+ height: 30px;
background-color: $light-color-secondary;
// position: absolute;
transition: all 0.5s ease;