Skip to content

GitLab

  • Projects
  • Groups
  • Snippets
  • Help
    • Loading...
  • Help
    • Help
    • Support
    • Community forum
    • Submit feedback
    • Contribute to GitLab
  • Sign in / Register
tub-floorplan tub-floorplan
  • Project overview
    • Project overview
    • Details
    • Activity
    • Releases
  • Repository
    • Repository
    • Files
    • Commits
    • Branches
    • Tags
    • Contributors
    • Graph
    • Compare
  • Issues 23
    • Issues 23
    • List
    • Boards
    • Labels
    • Service Desk
    • Milestones
  • Merge requests 0
    • Merge requests 0
  • Operations
    • Operations
    • Incidents
  • Analytics
    • Analytics
    • Repository
    • Value Stream
  • Snippets
    • Snippets
  • Members
    • Members
  • Activity
  • Graph
  • Create a new issue
  • Commits
  • Issue Boards
Collapse sidebar
  • Tobias Zeumer
  • tub-floorplantub-floorplan
  • Issues
  • #29

Closed
Open
Created Jul 02, 2018 by Tobias Zeumer@tobias.zeumerMaintainer

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
None
Milestone
None
Assign milestone
Time tracking