Ikony
Používáme ikony Solar ve stylech Line a Bold. Aktuálně je k dispozici zhruba 900 ikon v několika kategoriích.
TODO: Doplnit obrázek s pravidly výběru ikon (“jedna metafora pro stejný význam napříč aplikací”, “nepoužívat podobné ikony pro odlišné akce”).
Potřebuješ poradit s výběrem nebo doplnit novou ikonu? Neváhej nás kontaktovat přes toto tlačítko.
Galerie
Section titled “Galerie”Dokumenty
Section titled “Dokumenty”Nastavení
Section titled “Nastavení”Redakce
Section titled “Redakce”Komunikace
Section titled “Komunikace”Uživatel
Section titled “Uživatel”Poloha
Section titled “Poloha”Nákupy
Section titled “Nákupy”Nástroje
Section titled “Nástroje”Budovy
Section titled “Budovy”Transport
Section titled “Transport”Počasí
Section titled “Počasí”Použití
Section titled “Použití”S využitím mixinu .iconify() lze přidat na vybraný element do jeho pseudoelementu ::before jakoukoli ikonu z galerie.
.foo { .iconify(@ui-home-a);}Velikosti
Section titled “Velikosti”Aby ikony byly co nejostřejší, je vhodné držet se násobků definovaných velikostí. V ostatních případech se mohou jevit jako rozostřené.
.foo { .iconify(@location-pin-b); // 16px automaticky
&.large { --icon-size: var(--icon-large-font-size); // 24px }
&.big { --icon-size: calc(2 * var(--icon-small-font-size)); // 32px }
&.huge { --icon-size: calc(2 * var(--icon-large-font-size)); // 48px }}Užitečné proměnné pro velikosti ikon:
var(--icon-small-font-size)var(--icon-large-font-size)TODO: Doplnit obrázek “do/don’t” pro velikosti ikon v textu, tlačítku a tabulce.
Převod SL → MW
Section titled “Převod SL → MW”| SL | Soubor .png | MW | Název |
|---|---|---|---|
 | Action | settings-gear-a | |
 | aeoVrstvy | doc-paper-stack | |
 | Auto | transport-car | |
 | awfMrizka | tool-grid | |
 | awfRezimZmeny | ui-arrow-top-left | |
 | awfUlozPozici | tool-floppy-disk | |
 | awfValidWFSady | doc-todo-list | |
 | BezpecnostniSys | tool-umbrella | |
 | Budova | building-office | |
 | Buffer | doc-paper-stack | |
 | Cd | music-cd | |
 | Chart | web-chart | |
 | Ciselniky_Directory | web-increase-mail | |
 | Ciselniky_Form | web-analytics-net | |
 | Ciselniky | web-analytics-net | |
 | CiselnikyDIS | web-tablet-increase | |
 | CiselnikyTSO | web-bars-home | |
 | Directory | doc-folder | |
 | Domek_Directory | doc-folder-home | |
 | Domek_Form | doc-common-file-home | |
 | Domek | building-house | |
 | DruhExtZadanky | doc-book-upload | |
 | DruhIntZadanky | doc-book-download | |
 | DruhZakazky | doc-book-target | |
 | eOpen_ZoomAll | ui-zoom-in-page | |
 | eOpen_ZoomBase | ui-search-plus | |
 | Excel | doc-file-xls | |
 | Export | ui-export | |
 | Firma | building-office-a | |
 | Form | doc-wboard-line | |
 | Form2 | doc-file-line | |
| Form2 | doc-file-line | |
 | Form2Action | doc-wboard-gear | |
 | Form2Print | doc-printer | |
 | Hand | misc-cursor-hand-open | |
 | HandSelect-Blue | misc-gesture | |
 | HandSelect-Green | misc-gesture | |
 | HandSelect-Red | misc-gesture | |
 | HandSelect-Yellow | misc-gesture | |
 | HandSelectMenu | misc-module-hand-puzzle | |
 | IDCard_Directory | doc-office-folder | |
 | IDCard_Form | doc-id-card-vertical | |
 | IDCard | doc-profile | |
 | Import | doc-archive-download | |
 | InExLoadTree | ui-tree-load | |
 | InExSaveTree | ui-tree-save | |
 | Interier | doc-archive-download | |
 | Inventarizace | settings-hotspot | |
 | Jizdy | transport-bus-ticket | |
 | Katalog sluzeb | doc-book-modules | |
 | Katalog TZ | doc-book-settings | |
 | Katalog Zbozi | doc-book-cash | |
 | KlicTextu | user-key | |
 | Kniha | doc-book-b | |
 | Kniha2 | doc-book-a | |
 | KnihaNakladu | tool-smartphone-pay | |
 | KomunikacniZar | com-satellite | |
 | Majetek | doc-box-p | |
 | Mapa | location-map | |
 | MessageBuffer | com-advertising-megaphone | |
 | NakladoveObjekty | doc-invoice | |
 | NavTree | ui-hierarchy-tree | |
 | Obec | building-daylight | |
 | Object_2 | shop-box-empty | |
 | Object_3 | misc-cube | |
 | Object_4 | shop-box-empty | |
 | Objekty | shop-shipment-packages | |
 | Osoba | user | |
 | Osoby | user-group | |
 | OtevKniha | doc-book | |
.BssirYO0_YXfjG.webp){kind=small} | Parametr-) | settings-equalizer | |
_Disabled.BZAfmOSo_mnwXg.webp){kind=small} | Parametr-) | settings-equalizer | |
 | Peníze | shop-cash | |
 | Plochy | building-real-estate-dimensions-plan | |
 | Pocitac | tool-laptop | |
 | Poradace | doc-book-library | |
 | Pozemek | location-pin-map | |
 | Pracoviste | building-desk | |
 | Pracovnik | user-headset | |
 | Prehled | tool-binoculars | |
 | PrehledMajetku | web-bars-home | |
 | Print | doc-printer | |
 | Profese | doc-briefcase | |
 | RecordCancelChanges | doc-file-cross | |
 | RecordCopy | doc-copy | |
 | RecordDelete | doc-file-minus | |
 | RecordEdit | doc-common-file-edit | |
 | RecordMultiEdit | doc-common-file-text-edit | |
 | RecordNew | doc-file-plus | |
 | RecordNext | doc-file-next | |
 | RecordPrev | doc-file-prev | |
 | RecordPrint | doc-file-print | |
 | RecordRefresh | doc-file-refresh | |
 | RecordSaveChanges | doc-file-save | |
 | Relating | web-share | |
 | ReselectProject | misc-gesture-double-tap | |
 | Rexport | web-grid-upload | |
 | Role | user | |
 | RolePoradace | user-contact-book | |
 | RoleUzivatele | user-male | |
 | Save | tool-floppy-disk | |
 | SH_rastr | tool-grid | |
 | SipkaVlevo | ui-arrow-left | |
 | SipkaVpravo | ui-arrow-right | |
 | SKP | ui-hierarchy-tree | |
 | SpravaUdalosti | weather-flash | |
 | Star | ui-star | |
 | Stop | transport-sign-stop | |
 | Sum | ui-circle-plus | |
 | System | web-browser-grid | |
 | TechZar | settings-gear-a | |
 | Teplomer | weather-thermometer | |
 | Tool | settings-wrench | |
 | Typ_Druh | tool-module-three | |
 | TypTextu | tool-text-type | |
 | TypyBS | tool-protection-type | |
 | TypyHW | tool-hardware-type | |
 | TypyInt | tool-int-type | |
 | TypyKZ | tool-satelite-type | |
 | TypyMajetku | tool-property-type | |
 | TypyPloch | tool-area-type | |
 | TypySW | tool-android-type | |
 | TypyTZ | tool-gears-type | |
 | Ubytovna | building-bed | |
 | Umisteni | location-pin | |
 | UnSelect | web-tabs-cross | |
 | UtvarOrganizace | user-single-neutral-home | |
 | Uzivatel | user-circle | |
 | Vozidla | transport-truck-a | |
 | Vyroba | settings-wrench | |
 | VyrobniTypy | tool-tools-box | |
 | Way | location-direction-sign | |
 | Workflow | web-share | |
 | WorkflowForm | web-share | |
 | Zadanky | doc-notes-give | |
 | Zadanky_Form | doc-notes-give | |
 | Zadanky_Directory | doc-notes-flip | |
 | ZadankyExterni | doc-notes-upload | |
 | ZadankyInterni | doc-notes-home | |
 | Zakazka | doc-briefcase | |
 | ZoomIn | ui-search-plus | |
 | ZoomIn_2 | ui-search-plus | |
 | ZoomOut | ui-search-minus | |
 | ZoomOut_2 | ui-search-minus | |
 | Zprava | com-mail |