Fix the design of the profiler exceptions when there is no message

This commit is contained in:
Javier Eguiluz 2017-07-19 10:54:05 +02:00
parent cb65cf6945
commit 25a47d8796
3 changed files with 10 additions and 7 deletions

View File

@ -1,4 +1,4 @@
<div class="exception-summary">
<div class="exception-summary {{ exception.message is empty ? 'exception-without-message' }}">
<div class="exception-metadata">
<div class="container">
<h2 class="exception-hierarchy">
@ -13,9 +13,9 @@
</h2>
</div>
</div>
{% if exception.message is not empty %}
<div class="container">
<div class="exception-message-wrapper">
<div class="exception-message-wrapper">
<div class="container">
<h1 class="break-long-words exception-message {{ exception.message|length > 180 ? 'long' }}">
{{- exception.message|nl2br|format_file_from_text -}}
</h1>
@ -25,7 +25,6 @@
</div>
</div>
</div>
{% endif %}
</div>
<div class="container">

View File

@ -79,7 +79,8 @@ header .container { display: flex; justify-content: space-between; }
.exception-hierarchy .icon { margin: 0 3px; opacity: .7; }
.exception-hierarchy .icon svg { height: 13px; width: 13px; vertical-align: -2px; }
.exception-message-wrapper { display: flex; align-items: flex-start; min-height: 70px; padding: 10px 0 8px; }
.exception-without-message .exception-message-wrapper { display: none; }
.exception-message-wrapper .container { display: flex; align-items: flex-start; min-height: 70px; padding: 10px 0 8px; }
.exception-message { flex-grow: 1; }
.exception-message, .exception-message a { color: #FFF; font-size: 21px; font-weight: 400; margin: 0; }
.exception-message.long { font-size: 18px; }

View File

@ -16,6 +16,9 @@
margin: 1em 0;
padding: 10px;
}
.exception-summary.exception-without-message {
display: none;
}
.exception-message {
color: #B0413E;
@ -26,6 +29,6 @@
display: none;
}
.exception-message-wrapper {
.exception-message-wrapper .container {
min-height: auto;
}