Merge pull request #10528 from laudeco/feature/9429_top_menu_icons

#9429 - use font awesome for the top menu icons
Dolibarr · Feb 8, 2019 · 7cc0607 · 7cc0607
2 parents aa574c2 + fbd2d36
commit 7cc0607
Show file tree

Hide file tree

Showing 2 changed files with 300 additions and 149 deletions.
diff --git a/htdocs/theme/eldy/main_menu_fa_icons.css b/htdocs/theme/eldy/main_menu_fa_icons.css
@@ -0,0 +1,151 @@
+div.mainmenu.home::before {
+    font-family: "Font Awesome 5 Free";
+    font-weight: 900;
+    content: "\f015";
+    color: white;
+    font-size: 1.5em;
+}
+
+div.mainmenu.billing::before {
+    font-family: "Font Awesome 5 Free";
+    font-weight: 900;
+    content: "\f0d6";
+    color: white;
+    font-size: 1.5em;
+}
+
+div.mainmenu.accountancy::before {
+    font-family: "Font Awesome 5 Free";
+    font-weight: 900;
+    content: "\f0d6";
+    color: white;
+    font-size: 1.5em;
+}
+
+div.mainmenu.agenda::before {
+    font-family: "Font Awesome 5 Free";
+    font-weight: 900;
+    content: "\f073";
+    color: white;
+    font-size: 1.5em;
+}
+
+div.mainmenu.bank::before {
+    font-family: "Font Awesome 5 Free";
+    font-weight: 900;
+    content: "\f19c";
+    color: white;
+    font-size: 1.5em;
+}
+
+div.mainmenu.cashdesk::before {
+    font-family: "Font Awesome 5 Free";
+    font-weight: 900;
+    content: "\f788";
+    color: white;
+    font-size: 1.5em;
+}
+
+div.mainmenu.takepos::before {
+    font-family: "Font Awesome 5 Free";
+    font-weight: 900;
+    content: "\f788";
+    color: white;
+    font-size: 1.5em;
+}
+
+div.mainmenu.companies::before {
+    font-family: "Font Awesome 5 Free";
+    font-weight: 900;
+    content: "\f1ad";
+    color: white;
+    font-size: 1.5em;
+}
+
+div.mainmenu.commercial::before {
+    font-family: "Font Awesome 5 Free";
+    font-weight: 900;
+    content: "\f508";
+    color: white;
+    font-size: 1.5em;
+}
+
+div.mainmenu.ecm::before {
+    font-family: "Font Awesome 5 Free";
+    font-weight: 900;
+    content: "\f07c";
+    color: white;
+    font-size: 1.5em;
+}
+
+div.mainmenu.externalsite::before {
+    font-family: "Font Awesome 5 Free";
+    font-weight: 900;
+    content: "\f360";
+    color: white;
+    font-size: 1.5em;
+}
+
+div.mainmenu.ftp::before {
+    font-family: "Font Awesome 5 Free";
+    font-weight: 900;
+    content: "\f362";
+    color: white;
+    font-size: 1.5em;
+}
+
+div.mainmenu.hrm::before {
+    font-family: "Font Awesome 5 Free";
+    font-weight: 900;
+    content: "\f5ca";
+    color: white;
+    font-size: 1.5em;
+}
+
+div.mainmenu.members::before {
+    font-family: "Font Awesome 5 Free";
+    font-weight: 900;
+    content: "\f0c0";
+    color: white;
+    font-size: 1.5em;
+}
+
+div.mainmenu.products::before {
+    font-family: "Font Awesome 5 Free";
+    font-weight: 900;
+    content: "\f468";
+    color: white;
+    font-size: 1.5em;
+}
+
+div.mainmenu.project::before {
+    font-family: "Font Awesome 5 Free";
+    font-weight: 900;
+    content: "\f542";
+    color: white;
+    font-size: 1.5em;
+}
+
+div.mainmenu.ticket::before {
+    font-family: "Font Awesome 5 Free";
+    font-weight: 900;
+    content: "\f3ff";
+    color: white;
+    font-size: 1.5em;
+}
+
+div.mainmenu.tools::before {
+    font-family: "Font Awesome 5 Free";
+    font-weight: 900;
+    content: "\f0ad";
+    color: white;
+    font-size: 1.5em;
+}
+
+div.mainmenu.website::before {
+    font-family: "Font Awesome 5 Free";
+    font-weight: 900;
+    content: "\f0e8";
+    color: white;
+    font-size: 1.5em;
+}