Discource-C
/
discourse-data-explorer
mirror of https://github.com/discourse/discourse-data-explorer.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

DEV: Remove SCSS color vars fallbacks (#116)

This commit is contained in:
Penar Musaraj 2021-05-12 16:24:12 -04:00 committed by GitHub
parent 65fb894858
commit 4091cd7a04
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 29 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

58
assets/stylesheets/explorer.scss
View File

@ -24,7 +24,7 @@ table.group-reports {
} }
.https-warning { .https-warning {
color: var(--danger, $danger); color: var(--danger);
} }
.query-editor { .query-editor {
@ -33,7 +33,7 @@ table.group-reports {
.panels-flex { .panels-flex {
display: flex; display: flex;
height: 400px; height: 400px;
border: 1px solid var(--primary-very-low, $primary-very-low); border: 1px solid var(--primary-very-low);
} }
&.no-schema { &.no-schema {
.editor-panel { .editor-panel {
@ -72,11 +72,11 @@ table.group-reports {
flex-grow: 0; flex-grow: 0;
width: 345px; width: 345px;
.schema { .schema {
border-left: 1px solid var(--primary-low, $primary-low); border-left: 1px solid var(--primary-low);
height: 100%; height: 100%;
overflow-y: scroll; overflow-y: scroll;
overflow-x: hidden; overflow-x: hidden;
color: var(--primary-high, $primary-high); color: var(--primary-high);
font-size: $font-down-2; font-size: $font-down-2;
input { input {
@ -87,7 +87,7 @@ table.group-reports {
} }
.schema-table-name { .schema-table-name {
font-weight: bold; font-weight: bold;
border-bottom: 1px solid var(--primary-low, $primary-low); border-bottom: 1px solid var(--primary-low);
padding-left: 5px; padding-left: 5px;
.fa { .fa {
width: 6px; width: 6px;
@ -114,24 +114,24 @@ table.group-reports {
width: 110px; width: 110px;
margin-left: 5px; margin-left: 5px;
&.sensitive { &.sensitive {
color: var(--danger, $danger); color: var(--danger);
} }
} }
dd { dd {
display: inline-block; display: inline-block;
vertical-align: text-top; vertical-align: text-top;
width: 110px; width: 110px;
color: var(--tertiary, $tertiary); color: var(--tertiary);
margin: 0; margin: 0;
padding-left: 7px; padding-left: 7px;
border-left: 1px dotted var(--primary-low-mid, $primary-low-mid); border-left: 1px dotted var(--primary-low-mid);
.schema-typenotes { .schema-typenotes {
color: var(--primary-medium, $primary-medium); color: var(--primary-medium);
font-style: italic; font-style: italic;
} }
.popup-info { .popup-info {
color: var(--primary-medium, $primary-medium); color: var(--primary-medium);
.popup { .popup {
display: none; display: none;
@ -148,7 +148,7 @@ table.group-reports {
padding: 4px; padding: 4px;
position: relative; position: relative;
border: 1px solid; border: 1px solid;
background: var(--secondary, $secondary); background: var(--secondary);
padding-right: calc(5px + 0.5em); padding-right: calc(5px + 0.5em);
} }
@ -169,10 +169,10 @@ table.group-reports {
clear: both; clear: both;
font-size: $font-down-2; font-size: $font-down-2;
-webkit-user-select: none; -webkit-user-select: none;
color: var(--primary, $primary); color: var(--primary);
text-align: right; text-align: right;
background: var(--primary-very-low, $primary-very-low); background: var(--primary-very-low);
border: 1px solid var(--primary-very-low, $primary-very-low); border: 1px solid var(--primary-very-low);
.d-icon { .d-icon {
transform: rotate(90deg); transform: rotate(90deg);
} }
@ -187,7 +187,7 @@ table.group-reports {
h1 { h1 {
display: inline-block; display: inline-block;
margin: 0 0.5em 0 0; margin: 0 0.5em 0 0;
color: var(--primary, $primary); color: var(--primary);
a { a {
color: currentColor; color: currentColor;
} }
@ -215,7 +215,7 @@ table.group-reports {
margin-bottom: 10px; margin-bottom: 10px;
.label { .label {
margin-right: 10px; margin-right: 10px;
color: var(--primary-high, $primary-high); color: var(--primary-high);
} }
.name { .name {
display: inline; display: inline;
@ -241,15 +241,15 @@ table.group-reports {
} }
.query-params { .query-params {
border: 1px solid var(--header_primary-medium, $header_primary-medium); border: 1px solid var(--header_primary-medium);
.param > input { .param > input {
margin: 9px; margin: 9px;
} }
.invalid > input { .invalid > input {
background-color: var(--danger-low, $danger-low); background-color: var(--danger-low);
} }
.invalid .ac-wrap { .invalid .ac-wrap {
background-color: var(--danger-low, $danger-low); background-color: var(--danger-low);
} }
.param { .param {
width: 300px; width: 300px;
@ -335,7 +335,7 @@ table.group-reports {
} }
.heading { .heading {
position: relative; position: relative;
color: var(--primary-medium, $primary-medium); color: var(--primary-medium);
padding: 50px 0px 0px 0px; padding: 50px 0px 0px 0px;
th.sortable { th.sortable {
font-weight: normal; font-weight: normal;
@ -352,23 +352,23 @@ table.group-reports {
width: 100%; width: 100%;
} }
.query-name { .query-name {
color: var(--primary, $primary); color: var(--primary);
} }
.query-desc { .query-desc {
display: block; display: block;
color: var(--primary-high, $primary-high); color: var(--primary-high);
} }
.query-created-by { .query-created-by {
color: var(--primary-high, $primary-high); color: var(--primary-high);
} }
.query-group-names { .query-group-names {
color: var(--tertiary, $tertiary); color: var(--tertiary);
a { a {
display: inline; display: inline;
} }
} }
.query-created-at { .query-created-at {
color: var(--primary-medium, $primary-medium); color: var(--primary-medium);
} }
} }
.query-row:hover { .query-row:hover {
@ -380,7 +380,7 @@ table.group-reports {
display: inline-block; display: inline-block;
} }
.no-search-results { .no-search-results {
color: var(--primary-medium, $primary-medium); color: var(--primary-medium);
} }
} }
@ -388,7 +388,7 @@ table.group-reports {
float: left; float: left;
} }
.result-about { .result-about {
color: var(--primary-high, $primary-high); color: var(--primary-high);
float: right; float: right;
} }
.result-explain { .result-explain {
@ -408,13 +408,13 @@ table.group-reports {
cursor: pointer; cursor: pointer;
label { label {
color: var(--primary-high, $primary-high); color: var(--primary-high);
} }
input { input {
margin-right: 4px; margin-right: 4px;
} }
.popup { .popup {
background-color: var(--secondary, $secondary); background-color: var(--secondary);
position: absolute; position: absolute;
box-shadow: shadow("card"); box-shadow: shadow("card");
padding: 12px; padding: 12px;