From cbae1c1d3927f034b609115a700a360fac2605e5 Mon Sep 17 00:00:00 2001
From: Oliver Buchtala <oliver.buchtala@gmail.com>
Date: Fri, 17 Apr 2020 18:25:52 +0200
Subject: [PATCH] Styles.

---
 styles/_modal-canvas.scss | 2 +-
 styles/_popover.scss      | 1 +
 styles/_query-select.scss | 9 +++++++++
 styles/index.css          | 1 +
 4 files changed, 12 insertions(+), 1 deletion(-)
 create mode 100644 styles/_query-select.scss

diff --git a/styles/_modal-canvas.scss b/styles/_modal-canvas.scss
index 653771a..53f6e9a 100644
--- a/styles/_modal-canvas.scss
+++ b/styles/_modal-canvas.scss
@@ -14,7 +14,7 @@
   width: 100%;
   height: 100%;
   background: rgba(0, 0, 0, 0.8);
-  z-index: 2;
+  z-index: 1;
 }
 
 
diff --git a/styles/_popover.scss b/styles/_popover.scss
index 7d8b446..fc29369 100644
--- a/styles/_popover.scss
+++ b/styles/_popover.scss
@@ -9,6 +9,7 @@
   // to have it out of the way, because we can not use display:none
   top: -10000px;
   left: -10000px;
+  z-index: 1;
 }
 
 .sc-popover.sm-hidden {
diff --git a/styles/_query-select.scss b/styles/_query-select.scss
new file mode 100644
index 0000000..92164ff
--- /dev/null
+++ b/styles/_query-select.scss
@@ -0,0 +1,9 @@
+.sc-query-select-option {
+  @include ts-interface;
+  padding: var(--half-spacing);
+  cursor: pointer;
+
+  &.sm-selected {
+    box-shadow: var(--custom-selection-box-shadow);
+  }
+}
diff --git a/styles/index.css b/styles/index.css
index f677933..b470c61 100644
--- a/styles/index.css
+++ b/styles/index.css
@@ -43,6 +43,7 @@
 @import './_multi-select.scss';
 @import './_placeholder.scss';
 @import './_popover.scss';
+@import './_query-select.scss';
 @import './_reference.scss';
 @import './_reference-list.scss';
 @import './_resource.scss';