Diagnosis items now contain raw HTML, misc cosmetic / readability tweaks

This commit is contained in:
Alexandre Aubin 2020-04-11 18:09:07 +02:00
parent f267368db9
commit 63bfece294
2 changed files with 14 additions and 5 deletions

View file

@ -980,7 +980,8 @@ input[type='radio'].nice-radio {
transition: none !important; transition: none !important;
} }
/* Just to be able to override list-group-item with alert-success's background and border colors */ /* Diagnosis styles */
.alert-success-yo { .alert-success-yo {
background-color: #dff0d8; background-color: #dff0d8;
border-color: #d6e9c6; border-color: #d6e9c6;
@ -1006,3 +1007,11 @@ input[type='radio'].nice-radio {
border-color: lightgrey; border-color: lightgrey;
color: grey; color: grey;
} }
.diagnosis-item code {
word-break: break-all;
}
.diagnosis-item ul > li {
padding-top: 0.3em;
}

View file

@ -37,11 +37,11 @@
<ul class="list-group" style="margin-bottom: 0px"> <ul class="list-group" style="margin-bottom: 0px">
<p>{{t 'last_ran' }} {{formatRelative time day="numeric" month="long" year="numeric" hour="numeric" minute="numeric" }}</p> <p>{{t 'last_ran' }} {{formatRelative time day="numeric" month="long" year="numeric" hour="numeric" minute="numeric" }}</p>
{{#items}} {{#items}}
<li class="list-group-item alert alert-{{status}} alert-{{status}}-yo clearfix"> <li class="list-group-item alert alert-{{status}} alert-{{status}}-yo clearfix diagnosis-item">
{{#if icon}} {{#if icon}}
<span class="fa-fw fa-{{icon}}"></span> <span class="fa-fw fa-{{icon}}"></span>
{{/if}} {{/if}}
{{summary}} {{{summary}}}
{{#if ignored}} {{#if ignored}}
<button class="btn btn-sm btn-default pull-right" data-action="unignore" data-filter-args="{{ filter_args }}"><span class="fa-fw fa-bell"></span> {{t 'unignore'}}</button> <button class="btn btn-sm btn-default pull-right" data-action="unignore" data-filter-args="{{ filter_args }}"><span class="fa-fw fa-bell"></span> {{t 'unignore'}}</button>
{{else}} {{else}}
@ -51,9 +51,9 @@
{{/if}} {{/if}}
{{#if details}} {{#if details}}
<a role="button" class="btn btn-sm btn-default pull-right" data-toggle="collapse" href="#details-{{../id}}-{{@index}}" aria-expanded="false" aria-controls="details-{{../id}}-{{@index}}"><span class="fa-fw fa-level-down"></span>{{t 'details'}}</a> <a role="button" class="btn btn-sm btn-default pull-right" data-toggle="collapse" href="#details-{{../id}}-{{@index}}" aria-expanded="false" aria-controls="details-{{../id}}-{{@index}}"><span class="fa-fw fa-level-down"></span>{{t 'details'}}</a>
<div class="collapse" id="details-{{../id}}-{{@index}}"> <div class="collapse diagnosis-details" id="details-{{../id}}-{{@index}}">
<ul> <ul>
{{#details}}<li>{{.}}</li>{{/details}} {{#details}}<li>{{{.}}}</li>{{/details}}
</ul> </ul>
</div> </div>
{{/if}} {{/if}}