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

feature #20161 add toolbar & profiler SVG style classes (havvg)

Browse Source 
This PR was submitted for the 2.8 branch but it was merged into the 3.3-dev branch instead (closes #20161).

Discussion
----------

add toolbar & profiler SVG style classes

| Q | A |
| --- | --- |
| Bug fix? | no |
| New feature? | Technically, yes - but actually not |
| BC breaks? | no |
| Deprecations? | no |
| Tests pass? | yes |
| License | MIT |

This allows the usage of SVG not only containing `path` elements. I opted for a generic solution using the two classes to apply to any SVG, one would like to use within the toolbar (`sf-toolbar-path`) and/or profiler (`sf-profiler-path`).

Commits
-------

155a1fc add toolbar & profiler SVG style classes
This commit is contained in:
Fabien Potencier 2016-12-02 13:16:34 +01:00
commit e8553a818e
2 changed files with 13 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/Symfony/Bundle/WebProfilerBundle/Resources/views/Profiler/profiler.css.twig
View File

@ -482,7 +482,8 @@ tr.status-warning td {
margin-top: -4px;
vertical-align: middle;
}
#header h1 svg path {
#header h1 svg path,
#header h1 svg .sf-svg-path {
fill: #FFF;
}
#header .search {
@ -669,7 +670,8 @@ tr.status-warning td {
height: 24px;
max-width: 24px;
}
#menu-profiler li a .label .icon svg path {
#menu-profiler li a .label .icon svg path,
#menu-profiler li a .label .icon svg .sf-svg-path {
fill: #DDD;
}
#menu-profiler li a .label strong {
@ -696,7 +698,9 @@ tr.status-warning td {
color: #FFF;
}
#menu-profiler li.selected a .icon svg path,
#menu-profiler li a:hover .icon svg path {
#menu-profiler li.selected a .icon svg .sf-svg-path,
#menu-profiler li a:hover .icon svg path,
#menu-profiler li a:hover .icon svg .sf-svg-path {
fill: #FFF;
}

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

@ -259,11 +259,15 @@
color: #FFF;
}
.sf-toolbar-status-green svg path,
.sf-toolbar-status-green svg .sf-svg-path,
.sf-toolbar-status-red svg path,
.sf-toolbar-status-yellow svg path {
.sf-toolbar-status-red svg .sf-svg-path,
.sf-toolbar-status-yellow svg path,
.sf-toolbar-status-yellow svg .sf-svg-path {
fill: #FFF;
}
.sf-toolbar-block-config svg path {
.sf-toolbar-block-config svg path,
.sf-toolbar-block-config svg .sf-svg-path {
fill: #FFF;
}