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

Smaller font sizes for smartphones, fixed request status padding issue

Browse Source 
and make too long panels always be displayed at the leftmost part of browser window
This commit is contained in:
Javier Eguiluz 2015-07-20 11:29:57 +02:00
parent 9b585b9808
commit e94a6a02b1
2 changed files with 23 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
src/Symfony/Bundle/WebProfilerBundle/Resources/views/Profiler/toolbar.css.twig
View File

@ -133,7 +133,7 @@
.sf-toolbar-block .sf-toolbar-info-piece b {
color: #AAA;
display: table-cell;
font-size: 12px;
font-size: 11px;
padding: 4px 8px 4px 0;
}
.sf-toolbar-block .sf-toolbar-info-piece span {
@ -141,7 +141,7 @@
}
.sf-toolbar-block .sf-toolbar-info-piece span {
color: #F5F5F5;
font-size: 13px;
font-size: 12px;
}
.sf-toolbar-block .sf-toolbar-info {
@ -262,9 +262,6 @@
overflow: hidden;
overflow-y: auto;
}
.sf-toolbar-block-request:hover .sf-toolbar-info {
max-width: none;
}
.sf-toolbar-info-piece b.sf-toolbar-ajax-info {
color: #F5F5F5;
}
@ -384,6 +381,7 @@
}
@media (min-width: 768px) {
.sf-toolbar-icon .sf-toolbar-label,
.sf-toolbar-icon .sf-toolbar-value {
display: inline;
@ -412,10 +410,24 @@
}
.sf-toolbar-block-request .sf-toolbar-icon {
padding-left: 0;
padding-right: 0;
}
.sf-toolbar-block-request .sf-toolbar-status + .sf-toolbar-label {
margin-left: 4px;
}
.sf-toolbar-block-request .sf-toolbar-label + .sf-toolbar-value {
margin-right: 10px;
}
.sf-toolbar-block-request .sf-toolbar-status {
margin-right: 4px;
.sf-toolbar-block-request:hover .sf-toolbar-info {
max-width: none;
}
.sf-toolbar-block .sf-toolbar-info-piece b {
font-size: 12px;
}
.sf-toolbar-block .sf-toolbar-info-piece span {
font-size: 13px;
}
.sf-toolbar-block-config {

5
src/Symfony/Bundle/WebProfilerBundle/Resources/views/Profiler/toolbar_js.html.twig
View File

@ -46,7 +46,10 @@
toolbarInfo.style.right = '';
toolbarInfo.style.left = '';
if (leftValue > 0 && rightValue > 0) {
if (elementWidth > pageWidth) {
toolbarInfo.style.left = 0;
}
else if (leftValue > 0 && rightValue > 0) {
toolbarInfo.style.right = (rightValue * -1) + 'px';
} else if (leftValue < 0) {
toolbarInfo.style.left = 0;