Skip to content
GitLab
Projects Groups Topics Snippets
  • /
  • Help
    • Help
    • Support
    • Community forum
    • Submit feedback
    • Contribute to GitLab
  • Register
  • Sign in
  • tub-floorplan tub-floorplan
  • Project information
    • Project information
    • Activity
    • Labels
    • Members
  • Repository
    • Repository
    • Files
    • Commits
    • Branches
    • Tags
    • Contributor statistics
    • Graph
    • Compare revisions
  • Issues 23
    • Issues 23
    • List
    • Boards
    • Service Desk
    • Milestones
  • Merge requests 0
    • Merge requests 0
  • Deployments
    • Deployments
    • Releases
  • Packages and registries
    • Packages and registries
    • Model experiments
  • Monitor
    • Monitor
    • Incidents
  • Analytics
    • Analytics
    • Value stream
    • Repository
  • Snippets
    • Snippets
  • Activity
  • Graph
  • Create a new issue
  • Commits
  • Issue Boards
Collapse sidebar
  • Tobias Zeumer
  • tub-floorplantub-floorplan
  • Issues
  • #29

SVG-Symbole (zu viele Dateien)

Für das Menü sind alle (Marker-)Symbole auf tub_floorplan.svg nochmal in symbols.svg. Eigentlich Unsinn, aber zum einen ist das Styling und zum anderen die Position sicher. Für die allermeisten Icons funktioniert die Übernahme aus tub_floorplan.svg aber auch so:

Alt

<li><svg class="icon"><use xlink:href="res/symbols.svg#icon-clock3"></use></svg> ...</li>

Neu

<li><svg class="icon" viewbox="0 0 10 10"><use xlink:href="#icon-clock3"></use></svg> ...</li>

Ausnahmen sind SUB-Logo, Schließfächer, Bookcrossing, Toiletten - also alle, die in tub_floorplan.svg nicht nur ein simpler Pfad sind.

Die Frage ist, ob sich da noch viel Fummelei lohnt, nur um (komprimiert) minimal KB und Dateizugriffe zu sparen. Ggf. könnte man als Kompromiss nur die problematischen Icons behalten und zusätzlich die symbols_gui.svg in die symbols.svg übernehmen. Allerdings leidet ggf. die Nachvollziehbarkeit... Außerdem noch etwas unklar, warum mit viewbox="0 0 10 10" überhaupt das Verhältnis stimmt...

Der (einfache) Weg zum "perfekten" Symbol war übrigens

  1. https://icomoon.io/ > Icon Moon App (oder direkt: https://icomoon.io/app/#/select)
  2. Import Icons (jeweils nur SVG-Daten des einzelnen Symbols aus tub_floorplan.svg kopieren; "<path...")
  3. Edit Icon > Scale > Fit to canvas
  4. Dann ganz unten auf der Seite "Generate SVG & More"
  5. Ergebnis in symbols.svg einfügen
To upload designs, you'll need to enable LFS and have an admin enable hashed storage. More information
Assignee
Assign to
Time tracking