Antworten auf deine Fragen:
Neues Thema erstellen

Erledigt - Durch minifying vom CSS Bootstrap Symbole nicht mehr sichtbar

Jamye

Noch nicht viel geschrieben

Huhu Leute,
heute habe ich mal ein etwas spezielleres Problem.
Wenn ich im PhpStorm mithilfe des yuicompressors die bootstrap.css komprimiere, dann fehlen anschließend in der komprimierten Version alle Leerzeichen zwischen den einzelnen Angaben im "url" Attribut. Das führt dazu, dass alle über die URL eingebundenen SVGs anschließend nicht mehr angezeigt werden können.

Hier mal ein Beispiel:

Bootstrap normal:
Code:
.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

Bootstrap komprimiert:
Code:
.navbar-dark .navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3csvgviewBox='003030'xmlns='http://www.w3.org/2000/svg'%3e%3cpathstroke='rgba(255,255,255,0.5)'stroke-width='2'stroke-linecap='round'stroke-miterlimit='10'd='M47h22M415h22M423h22'/%3e%3c/svg%3e")
}

Hat noch jemand das Problem und möglicherweise sogar eine Lösung dafür?
 

Myhar

Hat es drauf

yuicompressor wird doch, soweit ich das richtig im Kopf habe, schon seit 4-5 jahren nicht mehr weiterentwickelt.
Das Problem besteht schon seit 2015, dieses Jahr hat jemand einen Pullrequest dafür erstellt welcher das Problem wohl fixed. https://github.com/yui/yuicompressor/pull/319

Du kannst versuchen die Änderungen in dein yuicompressor files einzuspielen, bzw vielleicht reicht es auch aus, wenn du die url base64 encodierst, siehe auch https://stackoverflow.com/questions/13949588/yui-compressor-is-removing-spaces-from-filter-values .

Ansonsten: Warum verwendest du yuicompressor überhaupt, wieso verwendest du nicht grunt/webpack/gulp um deine Dateien zuerst von sass zu css zu konvertieren und danach dann erst minifizieren?
 

Jamye

Noch nicht viel geschrieben

Ich hatte gar nicht auf dem Schirm, dass der yuicompressor gar nicht mehr aktualisiert wird. Genutzt habe ich ihn, da ich neuerdings mit phpstorm arbeite und Google mir als erste Lösung zur Komprimierung des css den yuicompressor in Verbindung mit dem Filewatcher ausgegeben hat.

Dann werde ich mal mit Grunt arbeiten.

Vielen Dank für deine schnelle Antwort.
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Keine Mitglieder online.

Statistik des Forums

Themen
118.611
Beiträge
1.538.341
Mitglieder
67.524
Neuestes Mitglied
BSKGA
Oben