codeninjasllc/discourse
1
0
Fork 0
mirror of https://github.com/codeninjasllc/discourse.git synced 2024-11-23 23:58:31 -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() {
var raw = this.get('model.query_plan'),
returned = "<pre>";
returned = "<pre class='badge-query-plan'>";
_.each(raw, function(linehash) {
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}}
<p class="error-header">{{i18n admin.badges.preview.sql_error_header}}</p>
<div class="badge-errors">
{{errors}}
</div>
<pre class="badge-errors">{{errors}}</pre>
<!--
TODO we want some help pages for this, link to those instead
<p>

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

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