diogo/symfony
Archived
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/Symfony/Bundle/TwigBundle/Resources/views/Exception/exception.html.twig
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="exception-metadata">
<div class="container"> <div class="container">
<h2 class="exception-hierarchy"> <h2 class="exception-hierarchy">
@ -13,9 +13,9 @@
</h2> </h2>
</div> </div>
</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' }}"> <h1 class="break-long-words exception-message {{ exception.message|length > 180 ? 'long' }}">
{{- exception.message|nl2br|format_file_from_text -}} {{- exception.message|nl2br|format_file_from_text -}}
</h1> </h1>
@ -25,7 +25,6 @@
</div> </div>
</div> </div>
</div> </div>
{% endif %}
</div> </div>
<div class="container"> <div class="container">

3
src/Symfony/Bundle/TwigBundle/Resources/views/exception.css.twig
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 { margin: 0 3px; opacity: .7; }
.exception-hierarchy .icon svg { height: 13px; width: 13px; vertical-align: -2px; } .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 { flex-grow: 1; }
.exception-message, .exception-message a { color: #FFF; font-size: 21px; font-weight: 400; margin: 0; } .exception-message, .exception-message a { color: #FFF; font-size: 21px; font-weight: 400; margin: 0; }
.exception-message.long { font-size: 18px; } .exception-message.long { font-size: 18px; }

5
src/Symfony/Bundle/WebProfilerBundle/Resources/views/Collector/exception.css.twig
View File

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