From 1bcf70c15aaa97fc231cc74ce58ff3453872eb8d Mon Sep 17 00:00:00 2001 From: ralf Date: Fri, 13 Sep 2024 10:27:39 +0200 Subject: [PATCH] found a nicer way of adding bootstrap icons as font into our less files by using .boot-strapicons; to include the boilerplate --- pixelegg/css/fancy.css | 4 +--- pixelegg/css/mobile.css | 4 +--- pixelegg/css/monochrome.css | 4 +--- pixelegg/css/pixelegg.css | 4 +--- pixelegg/less/definitions.less | 20 +++++++++++++++++++- pixelegg/less/layout_raster_sidebar.less | 15 +++------------ pixelegg/mobile/fw_mobile.css | 4 +--- 7 files changed, 27 insertions(+), 28 deletions(-) diff --git a/pixelegg/css/fancy.css b/pixelegg/css/fancy.css index b0e5281984..f84f107b22 100644 --- a/pixelegg/css/fancy.css +++ b/pixelegg/css/fancy.css @@ -4860,8 +4860,7 @@ body.scrollVertical { vertical-align: -0.125em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; - content: "\f231 "; - /* caret-right-fill */ + content: "\f231"; } #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category h2 { padding-bottom: 2px; @@ -4908,7 +4907,6 @@ body.scrollVertical { #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h1::before, #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h2::before { content: "\f229 "; - /* caret-down-fill */ } #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active:hover { background-color: #408DD2; diff --git a/pixelegg/css/mobile.css b/pixelegg/css/mobile.css index e1430e70b6..070294d901 100644 --- a/pixelegg/css/mobile.css +++ b/pixelegg/css/mobile.css @@ -4863,8 +4863,7 @@ body.scrollVertical { vertical-align: -0.125em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; - content: "\f231 "; - /* caret-right-fill */ + content: "\f231"; } #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category h2 { padding-bottom: 2px; @@ -4911,7 +4910,6 @@ body.scrollVertical { #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h1::before, #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h2::before { content: "\f229 "; - /* caret-down-fill */ } #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active:hover { background-color: #408DD2; diff --git a/pixelegg/css/monochrome.css b/pixelegg/css/monochrome.css index d47e6872ff..1234d9bcd3 100644 --- a/pixelegg/css/monochrome.css +++ b/pixelegg/css/monochrome.css @@ -4842,8 +4842,7 @@ body.scrollVertical { vertical-align: -0.125em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; - content: "\f231 "; - /* caret-right-fill */ + content: "\f231"; } #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category h2 { padding-bottom: 2px; @@ -4890,7 +4889,6 @@ body.scrollVertical { #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h1::before, #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h2::before { content: "\f229 "; - /* caret-down-fill */ } #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active:hover { background-color: #408DD2; diff --git a/pixelegg/css/pixelegg.css b/pixelegg/css/pixelegg.css index a62b8f9604..b363e615e0 100644 --- a/pixelegg/css/pixelegg.css +++ b/pixelegg/css/pixelegg.css @@ -4853,8 +4853,7 @@ body.scrollVertical { vertical-align: -0.125em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; - content: "\f231 "; - /* caret-right-fill */ + content: "\f231"; } #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category h2 { padding-bottom: 2px; @@ -4901,7 +4900,6 @@ body.scrollVertical { #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h1::before, #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h2::before { content: "\f229 "; - /* caret-down-fill */ } #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active:hover { background-color: #408DD2; diff --git a/pixelegg/less/definitions.less b/pixelegg/less/definitions.less index 262b9c9668..a9b3aea936 100644 --- a/pixelegg/less/definitions.less +++ b/pixelegg/less/definitions.less @@ -16,6 +16,24 @@ */ +/* bootstrap-icons as font use with content taken from node_modules/bootstrap-icons/font/bootstrap-icons.css +div::before { + .bootstrap-icons; + content: "\f231"; // caret-right-fill +} */ +.bootstrap-icons { + display: inline-block; + font-family: bootstrap-icons !important; + font-style: normal; + font-weight: normal !important; + font-variant: normal; + text-transform: none; + line-height: 1; + vertical-align: -.125em; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + // Buttons @import "def_buttons.less"; @@ -50,4 +68,4 @@ @import "def_lessElements.less"; // Transparency -@import "def_transparency.less"; +@import "def_transparency.less"; \ No newline at end of file diff --git a/pixelegg/less/layout_raster_sidebar.less b/pixelegg/less/layout_raster_sidebar.less index 5c257cd07c..dd3ff5fb31 100644 --- a/pixelegg/less/layout_raster_sidebar.less +++ b/pixelegg/less/layout_raster_sidebar.less @@ -225,17 +225,8 @@ font-weight: normal; } h1::before,h2::before { - display: inline-block; - font-family: bootstrap-icons !important; - font-style: normal; - font-weight: normal !important; - font-variant: normal; - text-transform: none; - line-height: 1; - vertical-align: -.125em; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - content: "\f231 "; /* caret-right-fill */ + .bootstrap-icons; + content: "\f231"; // caret-right-fill } h2 { @@ -286,7 +277,7 @@ } } h1::before,h2::before { - content: "\f229 "; /* caret-down-fill */ + content: "\f229 "; // caret-down-fill } &:hover {background-color: @egw_color_2_d; .transition (0.2s, ease-out);} diff --git a/pixelegg/mobile/fw_mobile.css b/pixelegg/mobile/fw_mobile.css index 4e3d0c112d..5b0f5010e3 100644 --- a/pixelegg/mobile/fw_mobile.css +++ b/pixelegg/mobile/fw_mobile.css @@ -4874,8 +4874,7 @@ body.scrollVertical { vertical-align: -0.125em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; - content: "\f231 "; - /* caret-right-fill */ + content: "\f231"; } #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category h2 { padding-bottom: 2px; @@ -4922,7 +4921,6 @@ body.scrollVertical { #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h1::before, #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h2::before { content: "\f229 "; - /* caret-down-fill */ } #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active:hover { background-color: #408DD2;