This commit is contained in:
Zef Hemel
2022-12-21 16:08:51 +01:00
parent 3545d00d46
commit 52f0c14c78
9 changed files with 312 additions and 76 deletions
+1 -1
View File
@@ -1,5 +1,5 @@
@use "editor";
@use "filter_box";
@use "modals";
@use "theme";
@font-face {
@@ -1,4 +1,4 @@
.sb-filter-wrapper {
.sb-modal-wrapper {
position: absolute;
margin: auto;
max-width: 500px;
@@ -11,7 +11,7 @@
z-index: 100;
}
.sb-filter-box {
.sb-modal-box {
border-radius: 8px;
overflow: hidden;
margin: 10px;
@@ -27,6 +27,19 @@
}
.sb-prompt {
padding: 13px 10px 10px 10px;
label {
font-weight: bold;
}
.sb-mini-editor {
border: 1px solid #333;
margin: 10px 0;
}
}
.sb-help-text {
padding: 5px;
}
@@ -46,9 +59,7 @@
.sb-selected-option {
padding: 8px;
cursor: pointer;
// height: 20px;
line-height: 20px;
// white-space: nowrap;
}
.sb-selected-option {
+8 -8
View File
@@ -69,7 +69,7 @@
}
/* Filter boxes */
.sb-filter-box {
.sb-modal-box {
background-color: #fff;
border: rgb(103, 103, 103) 1px solid;
box-shadow: rgba(0, 0, 0, 0.35) 0px 20px 20px;
@@ -87,29 +87,29 @@
}
}
.sb-filter-box .sb-header {
.sb-modal-box .sb-header {
border-bottom: 1px rgb(108, 108, 108) solid;
}
.sb-filter-box .sb-header .sb-mini-editor {
.sb-modal-box .sb-header .sb-mini-editor {
font-family: var(--ui-font);
width: 100%;
border: 0;
outline: none;
}
.sb-filter-box .sb-help-text {
.sb-modal-box .sb-help-text {
background-color: #eee;
border-bottom: 1px rgb(108, 108, 108) solid;
color: #555;
}
.sb-filter-box .sb-selected-option {
.sb-modal-box .sb-selected-option {
color: #eee;
}
.sb-filter-box .sb-option .sb-hint,
.sb-filter-box .sb-selected-option .sb-hint {
.sb-modal-box .sb-option .sb-hint,
.sb-modal-box .sb-selected-option .sb-hint {
color: #eee;
background-color: #212476;
}
@@ -570,7 +570,7 @@ html[data-theme="dark"] {
.sb-filter-box,
.sb-modal-box,
/* duplicating the class name to increase specificity */
.sb-help-text.sb-help-text {
color: #ccc;