diff --git a/assets/javascripts/discourse/templates/admin/plugins-explorer.hbs b/assets/javascripts/discourse/templates/admin/plugins-explorer.hbs
index 82c8cdf..9cf05df 100644
--- a/assets/javascripts/discourse/templates/admin/plugins-explorer.hbs
+++ b/assets/javascripts/discourse/templates/admin/plugins-explorer.hbs
@@ -1,7 +1,7 @@
{{#explorer-container hideSchema=hideSchema everEditing=everEditing}}
{{#if disallow}}
-
@@ -35,9 +35,7 @@
{{#if selectedItem}}
{{#if editing}}
-
- {{d-button action="goHome" icon="chevron-left" class="no-text btn-med"}}
-
+ {{d-button action="goHome" icon="chevron-left" class="previous"}}
{{text-field value=selectedItem.name}}
@@ -47,11 +45,10 @@
{{else}}
-
- {{d-button action="goHome" icon="chevron-left" class="no-text btn-med"}}
-
-
{{selectedItem.name}}
- {{d-button action="editName" icon="pencil" class="no-text btn-small"}}
+ {{d-button action="goHome" icon="chevron-left" class="previous"}}
+
{{selectedItem.description}}
diff --git a/assets/javascripts/discourse/templates/components/explorer-schema.hbs b/assets/javascripts/discourse/templates/components/explorer-schema.hbs
index eb11ee0..6268103 100644
--- a/assets/javascripts/discourse/templates/components/explorer-schema.hbs
+++ b/assets/javascripts/discourse/templates/components/explorer-schema.hbs
@@ -3,7 +3,7 @@
{{/if}}
{{text-field value=filter placeholderKey="explorer.schema.filter"}}
- {{d-button action="collapseSchema" icon="chevron-right" class="no-text btn-small"}}
+ {{d-button action="collapseSchema" icon="chevron-right" class="no-text"}}
{{conditional-loading-spinner condition=loading}}
diff --git a/assets/stylesheets/explorer.scss b/assets/stylesheets/explorer.scss
index bc49dcf..9ea284c 100644
--- a/assets/stylesheets/explorer.scss
+++ b/assets/stylesheets/explorer.scss
@@ -25,7 +25,6 @@
}
}
-
.editor-panel {
float: left;
.ace-wrapper {
@@ -48,14 +47,14 @@
height: 400px;
overflow-y: scroll;
overflow-x: hidden;
- color: $secondary-low;
- font-size: 11px;
+ color: $primary-high;
+ font-size: $font-down-2;
input {
padding: 4px;
margin: 3px;
// 100% - padding + margin * 2 - border - button - buttonborder
- width: calc(100% - 14px - 1px - 22px - 2px);
+ width: calc(100% - 14px - 1px - 40px - 2px);
}
.schema-table-name {
font-weight: bold;
@@ -77,7 +76,7 @@
padding-bottom: 2px;
}
dl > div {
- clear:both;
+ clear: both;
}
dt {
display: inline-block;
@@ -105,9 +104,15 @@
.popup-info {
color: $primary-medium;
- .popup { display: none; }
- &:hover .popup { display: block; }
- &:focus .popup { display: block; }
+ .popup {
+ display: none;
+ }
+ &:hover .popup {
+ display: block;
+ }
+ &:focus .popup {
+ display: block;
+ }
.popup {
position: absolute;
@@ -139,22 +144,33 @@
}
.query-edit {
- .name h2 {
- display: inline-block;
- color: $secondary-low;
+ .name {
+ display: flex;
+ align-items: center;
+ margin-bottom: 1em;
+ h1 {
+ display: inline-block;
+ margin: 0 0.5em 0 0;
+ color: $primary;
+ a {
+ color: currentColor;
+ }
+ }
+ }
+ button.previous {
+ margin-right: 0.5em;
+ .d-icon {
+ margin-left: -0.15em; // fixing fontawesome horizontal alignment
+ }
}
.name-text-field {
- padding-top: 0.75em;
- width: calc(100% - 10px);
+ width: 100%;
}
- .name .previous {
- padding: 0.2em;
- display: inline-block;
- padding-right: 0.25em;
- font-size: 1.2em;
- }
- .name input, .desc textarea {
- width: calc(100% - 10px);
+ .name input,
+ .desc textarea {
+ width: 100%;
+ box-sizing: border-box;
+ margin: 0;
}
&:not(.editing) .desc {
margin: 10px 0;
@@ -169,7 +185,9 @@
}
}
-.clear { clear: both; }
+.clear {
+ clear: both;
+}
.schema-title {
display: block;
@@ -207,14 +225,20 @@
}
}
-.query-list, .query-create, .query-edit, .query-results, .query-params, .https-warning {
+.query-list,
+.query-create,
+.query-edit,
+.query-results,
+.query-params,
+.https-warning {
margin: 10px 0;
}
.query-list {
display: flex;
- .combo-box, button {
- margin-right: .5em;
+ .combo-box,
+ button {
+ margin-right: 0.5em;
}
li.none {
display: none;
@@ -231,8 +255,11 @@
}
.heading {
position: relative;
- color: $primary-high;
+ color: $primary-medium;
padding: 50px 0px 0px 0px;
+ th.sortable {
+ font-weight: normal;
+ }
.heading-toggle {
bottom: 0;
position: absolute;
@@ -245,7 +272,7 @@
width: 100%;
}
.query-name {
- color: $secondary-low;
+ color: $primary;
}
.query-desc {
color: $primary-high;
@@ -254,9 +281,8 @@
color: $primary-high;
}
.query-created-at {
- color: $secondary-medium;
- font-weight: bold;
- }
+ color: $primary-medium;
+ }
}
tr a {
color: inherit;