aboutsummaryrefslogtreecommitdiff
path: root/src/client/views/collections/CollectionViewChromes.scss
diff options
context:
space:
mode:
authorSam Wilkins <abdullah_ahmed@brown.edu>2019-07-23 19:17:03 -0400
committerSam Wilkins <abdullah_ahmed@brown.edu>2019-07-23 19:17:03 -0400
commit6bf6c34a4c3643a2ee438e49e10267de15e431e7 (patch)
tree7ebe5d864cbedd07b8f73074ce5f8e140e8733e6 /src/client/views/collections/CollectionViewChromes.scss
parent0ef6d9b5a3f90552562f4a6392967887d8805cc3 (diff)
parent0ebcadb80a89e7fe4f8f2a8a47570b19fd2f8711 (diff)
merge
Diffstat (limited to 'src/client/views/collections/CollectionViewChromes.scss')
-rw-r--r--src/client/views/collections/CollectionViewChromes.scss54
1 files changed, 54 insertions, 0 deletions
diff --git a/src/client/views/collections/CollectionViewChromes.scss b/src/client/views/collections/CollectionViewChromes.scss
new file mode 100644
index 000000000..e5cb1b546
--- /dev/null
+++ b/src/client/views/collections/CollectionViewChromes.scss
@@ -0,0 +1,54 @@
+@import "../globalCssVariables";
+
+.collectionStackingViewChrome {
+ display: grid;
+ grid-template-columns: 1fr 1fr;
+ padding-bottom: 10px;
+ border-bottom: .5px solid lightgrey;
+ margin: 10px;
+
+ .collectionStackingViewChrome-sectionFilter-cont {
+ justify-self: right;
+ display: flex;
+ font-size: 75%;
+ text-transform: uppercase;
+ letter-spacing: 2px;
+
+ .collectionStackingViewChrome-sectionFilter-label {
+ vertical-align: center;
+ padding: 10px;
+ }
+
+ .collectionStackingViewChrome-sectionFilter {
+ color: white;
+ width: fit-content;
+ text-align: center;
+ background: rgb(238, 238, 238);
+ height: 37px;
+
+ .editable-view-input,
+ input,
+ .editableView-container-editing-oneLine,
+ .editableView-container-editing {
+ padding: 12px 10px 11px 10px;
+ border: 0px;
+ color: grey;
+ text-align: center;
+ text-transform: uppercase;
+ letter-spacing: 2px;
+ outline-color: black;
+ height: 100%;
+ }
+
+ .react-autosuggest__container {
+ margin: 0;
+ color: grey;
+ padding: 0px;
+ }
+ }
+ }
+
+ .collectionStackingViewChrome-sectionFilter:hover {
+ cursor: text;
+ }
+} \ No newline at end of file