Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly
Appearance settings

Commit 095ebbe

Browse filesBrowse files
fabpotfabpot
committed
bug #17860 Fixed the antialiasing of the toolbar text (javiereguiluz)
This PR was merged into the 2.8 branch. Discussion ---------- Fixed the antialiasing of the toolbar text | Q | A | ------------- | --- | Bug fix? | yes | New feature? | no | BC breaks? | no | Deprecations? | no | Tests pass? | yes | Fixed tickets | - | License | MIT | Doc PR | - ### Problem The Symfony toolbar looks ugly in some situations (the text is too thin and unreadable); for example inside a SonataAdmin backend: (top: toolbar in a normal page; bottom: toolbar in Sonata backend; if you don't see any difference, click on the image to zoom it) #### Chrome ![before_chrome](https://cloud.githubusercontent.com/assets/73419/13181902/8836e586-d72f-11e5-9394-490f81978606.png) #### Firefox ![before_firefox](https://cloud.githubusercontent.com/assets/73419/13181905/8cca5eac-d72f-11e5-9905-b85cb5249a45.png) ### Solution The cause of this problem are the styles applied by the popular AdminLTE template used by Sonata and other admin bundles. The proposed changes neutralize any aliasing set by external CSS styles, so the toolbar is always displayed the same way: #### Chrome ![after_chrome](https://cloud.githubusercontent.com/assets/73419/13182022/0e15fade-d730-11e5-8e0b-d5a712c7158e.png) #### Firefox ![after_firefox](https://cloud.githubusercontent.com/assets/73419/13182024/104e3cb2-d730-11e5-83d8-86cb52b87358.png) Commits ------- 5ad065d Fixed the antialiasing of the toolbar text
2 parents cd232ec + 5ad065d commit 095ebbe
Copy full SHA for 095ebbe

File tree

1 file changed

+4
-0
lines changed
Filter options

1 file changed

+4
-0
lines changed

‎src/Symfony/Bundle/WebProfilerBundle/Resources/views/Profiler/toolbar.css.twig

Copy file name to clipboardExpand all lines: src/Symfony/Bundle/WebProfilerBundle/Resources/views/Profiler/toolbar.css.twig
+4Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -47,6 +47,10 @@
4747
text-align: left;
4848
text-transform: none;
4949
z-index: 99999;
50+
51+
/* neutralize the aliasing defined by external CSS styles */
52+
-webkit-font-smoothing: subpixel-antialiased;
53+
-moz-osx-font-smoothing: auto;
5054
}
5155
.sf-toolbarreset abbr {
5256
border: dashed #777;

0 commit comments

Comments
0 (0)
Morty Proxy This is a proxified and sanitized view of the page, visit original site.