codeninjasllc/discourse
1
0
Fork 0
mirror of https://github.com/codeninjasllc/discourse.git synced 2024-11-27 17:46:05 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions

UX: CSS tweaks for badge query previews

Browse source
This commit is contained in:
riking 2014-09-02 13:29:28 -07:00
parent 3cf493eb4f
commit 71b7c80257
3 changed files with 10 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
app/assets/javascripts/admin/controllers/admin-badge-preview.js.es6
View file

@ -19,7 +19,7 @@ export default Ember.Controller.extend({
query_plan_html: function() { query_plan_html: function() {
var raw = this.get('model.query_plan'), var raw = this.get('model.query_plan'),
returned = "<pre>"; returned = "<pre class='badge-query-plan'>";
_.each(raw, function(linehash) { _.each(raw, function(linehash) {
returned += Handlebars.Utils.escapeExpression(linehash["QUERY PLAN"]); returned += Handlebars.Utils.escapeExpression(linehash["QUERY PLAN"]);

5
app/assets/javascripts/admin/templates/modal/admin_badge_preview.js.handlebars
View file

@ -2,9 +2,8 @@
{{#if errors}} {{#if errors}}
<p class="error-header">{{i18n admin.badges.preview.sql_error_header}}</p> <p class="error-header">{{i18n admin.badges.preview.sql_error_header}}</p>
<div class="badge-errors"> <pre class="badge-errors">{{errors}}</pre>
{{errors}}
</div>
<!-- <!--
TODO we want some help pages for this, link to those instead TODO we want some help pages for this, link to those instead
<p> <p>

12
app/assets/stylesheets/common/admin/admin_base.scss
View file

@ -424,16 +424,18 @@ section.details {
margin-left: 10px; margin-left: 10px;
} }
.badge-query-plan, .badge-errors { .badge-errors {
font-size: 14px;
line-height: 16px;
padding: 4px; padding: 4px;
background-color: scale-color-diff(); background-color: scale-color-diff();
} }
.badge-query-plan { .badge-query-plan {
font-size: 80%; font-size: 12px;
} line-height: 13px;
.badge-errors { padding: 4px;
font-family: monospace; background-color: scale-color-diff();
} }
.count-warning { .count-warning {