http://forge.typo3.org/http://forge.typo3.org/themes/typo3_forge/favicon/favicon.png?17058661692016-07-11T22:37:14ZTYPO3 ForgeTYPO3 Core - Feature #77048: Backend: Embed SVG icons and flags in csshttp://forge.typo3.org/issues/77048?journal_id=3092262016-07-11T22:37:14ZThomas Mayer
<ul></ul><p>Example with flags (encoded with SASS/Compass):</p>
<pre>
.t3-icon-flags-de {
background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAwIiBoZWlnaHQ9IjYwMCIgdmlld0JveD0iMCAwIDUgMyI+PGRlc2M+RmxhZyBvZiBHZXJtYW55PC9kZXNjPjxwYXRoIGQ9Ik0wIDBoNXYzSDB6Ii8+PHBhdGggZmlsbD0iI0QwMCIgZD0iTTAgMWg1djJIMHoiLz48cGF0aCBmaWxsPSIjRkZDRTAwIiBkPSJNMCAyaDV2MUgweiIvPjwvc3ZnPg==') no-repeat 1.3rem 0.25rem;
}
.t3-icon-flags-gb {
background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MCAzMCIgd2lkdGg9IjEyMDAiIGhlaWdodD0iNjAwIj48Y2xpcFBhdGggaWQ9ImEiPjxwYXRoIGQ9Ik0zMCAxNWgzMHYxNXp2MTVIMHpIMFYwelYwaDMweiIvPjwvY2xpcFBhdGg+PHBhdGggZD0iTTAgMHYzMGg2MFYweiIgZmlsbD0iIzAwMjQ3ZCIvPjxwYXRoIGQ9Ik0wIDBsNjAgMzBtMC0zMEwwIDMwIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iNiIvPjxwYXRoIGQ9Ik0wIDBsNjAgMzBtMC0zMEwwIDMwIiBjbGlwLXBhdGg9InVybCgjYSkiIHN0cm9rZT0iI2NmMTQyYiIgc3Ryb2tlLXdpZHRoPSI0Ii8+PHBhdGggZD0iTTMwIDB2MzBNMCAxNWg2MCIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjEwIi8+PHBhdGggZD0iTTMwIDB2MzBNMCAxNWg2MCIgc3Ryb2tlPSIjY2YxNDJiIiBzdHJva2Utd2lkdGg9IjYiLz48L3N2Zz4=') no-repeat 1.3rem 0.25rem;
}
</pre> TYPO3 Core - Feature #77048: Backend: Embed SVG icons and flags in csshttp://forge.typo3.org/issues/77048?journal_id=3092272016-07-11T22:56:52ZThomas Mayer
<ul></ul><p>This issue sounds to be pretty much the opposite of 69706. But 69706 allows to integrate SVGs into DOM for manipulation, presumably. HTML-inline SVG is at the cost of mitigating any sort of caching, plus blowing up the HTML code and contradicting CSS paradigm at its best. There's a use case for 69706, of course. So this feature should remain untouched.</p>
<p>However, DOM manipulation is not needed for static icons and flags. They're just background images. And 69706 is not applied for icons anyways in 7.6, as shown in the code example above (69706 is optional, not the default setting).</p> TYPO3 Core - Feature #77048: Backend: Embed SVG icons and flags in csshttp://forge.typo3.org/issues/77048?journal_id=3092292016-07-11T23:11:52ZThomas Mayer
<ul></ul><p>This issue also does not worsen the number of round trips:</p>
<p>---> HTML ---> CSS (with SVG embedded as suggested by this issue)</p>
<p>versus current state (7.6):</p>
<p>---> HTML ---> CSS <br />---> HTML --=> SVG</p>
<p>versus using url() syntax in css for a request:</p>
<p>---> HTML ---> CSS --=> SVG</p>
<p>versus HTML-inline SVG (as suggested by 69706 for special use cases):</p>
<p>---> HTML (with SVG embedded) ---> CSS</p>
<p>while "--->" means that there is one round trip necessary<br />and "--=>" means there is one round trip necessary but with multiple requests (assumed CSS counts as one request).</p>
<p>So there's 2 round trips in 7.6 which does not increase by this issue (but might have been the reason for a design decision to not use url() syntax together with a http ressource/request in css because that requires 3 round trips).</p>
<p>While 7.6 requires one request per SVG (=> many), this issue requires none.</p>
<p>Upcoming HTTP/2 addresses the number of round trips and requests, however. So even the impact of using url() syntax for a request (instead of embedding SVG) could be limited by then.</p> TYPO3 Core - Feature #77048: Backend: Embed SVG icons and flags in csshttp://forge.typo3.org/issues/77048?journal_id=3101302016-07-21T09:44:49ZRiccardo De Contardierredeco@gmail.com
<ul><li><strong>Category</strong> set to <i>Backend User Interface</i></li></ul> TYPO3 Core - Feature #77048: Backend: Embed SVG icons and flags in csshttp://forge.typo3.org/issues/77048?journal_id=4464842021-07-06T09:57:52ZBenni Mackbenni@typo3.org
<ul><li><strong>Status</strong> changed from <i>New</i> to <i>Needs Feedback</i></li></ul><p>We now use SVGs in v11. with the "use" syntax to avoid duplicate SVG entries and a lot of HTML code, wheres the icons are all placed in one location. Can you check if this is the solution you wanted?</p> TYPO3 Core - Feature #77048: Backend: Embed SVG icons and flags in csshttp://forge.typo3.org/issues/77048?journal_id=4644722022-02-19T12:13:38ZChristian Kuhnlolli@schwarzbu.ch
<ul><li><strong>Status</strong> changed from <i>Needs Feedback</i> to <i>Closed</i></li></ul><p>hey. i hope it's fair to close this issue now.</p>