extern/egroupware_official
1
0
Fork 0
mirror of https://github.com/EGroupware/egroupware.git synced 2024-11-21 23:43:17 +01:00
Code Issues Packages Projects Releases Wiki Activity

found a nicer way of adding bootstrap icons as font into our less files by using .boot-strapicons; to include the boilerplate

Browse Source
This commit is contained in:
ralf 2024-09-13 10:27:39 +02:00
parent cdb6a09489
commit 1bcf70c15a
7 changed files with 27 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
pixelegg/css/fancy.css
View File

@ -4860,8 +4860,7 @@ body.scrollVertical {
vertical-align: -0.125em; vertical-align: -0.125em;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
content: "\f231 "; content: "\f231";
/* caret-right-fill */
} }
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category h2 { #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category h2 {
padding-bottom: 2px; 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 h1::before,
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h2::before { #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h2::before {
content: "\f229 "; content: "\f229 ";
/* caret-down-fill */
} }
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active:hover { #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active:hover {
background-color: #408DD2; background-color: #408DD2;

4
pixelegg/css/mobile.css
View File

@ -4863,8 +4863,7 @@ body.scrollVertical {
vertical-align: -0.125em; vertical-align: -0.125em;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
content: "\f231 "; content: "\f231";
/* caret-right-fill */
} }
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category h2 { #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category h2 {
padding-bottom: 2px; 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 h1::before,
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h2::before { #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h2::before {
content: "\f229 "; content: "\f229 ";
/* caret-down-fill */
} }
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active:hover { #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active:hover {
background-color: #408DD2; background-color: #408DD2;

4
pixelegg/css/monochrome.css
View File

@ -4842,8 +4842,7 @@ body.scrollVertical {
vertical-align: -0.125em; vertical-align: -0.125em;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
content: "\f231 "; content: "\f231";
/* caret-right-fill */
} }
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category h2 { #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category h2 {
padding-bottom: 2px; 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 h1::before,
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h2::before { #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h2::before {
content: "\f229 "; content: "\f229 ";
/* caret-down-fill */
} }
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active:hover { #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active:hover {
background-color: #408DD2; background-color: #408DD2;

4
pixelegg/css/pixelegg.css
View File

@ -4853,8 +4853,7 @@ body.scrollVertical {
vertical-align: -0.125em; vertical-align: -0.125em;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
content: "\f231 "; content: "\f231";
/* caret-right-fill */
} }
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category h2 { #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category h2 {
padding-bottom: 2px; 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 h1::before,
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h2::before { #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h2::before {
content: "\f229 "; content: "\f229 ";
/* caret-down-fill */
} }
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active:hover { #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active:hover {
background-color: #408DD2; background-color: #408DD2;

20
pixelegg/less/definitions.less
View File

@ -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 // Buttons
@import "def_buttons.less"; @import "def_buttons.less";
@ -50,4 +68,4 @@
@import "def_lessElements.less"; @import "def_lessElements.less";
// Transparency // Transparency
@import "def_transparency.less"; @import "def_transparency.less";

15
pixelegg/less/layout_raster_sidebar.less
View File

@ -225,17 +225,8 @@
font-weight: normal; font-weight: normal;
} }
h1::before,h2::before { h1::before,h2::before {
display: inline-block; .bootstrap-icons;
font-family: bootstrap-icons !important; content: "\f231"; // caret-right-fill
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 */
} }
h2 { h2 {
@ -286,7 +277,7 @@
} }
} }
h1::before,h2::before { 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);} &:hover {background-color: @egw_color_2_d; .transition (0.2s, ease-out);}

4
pixelegg/mobile/fw_mobile.css
View File

@ -4874,8 +4874,7 @@ body.scrollVertical {
vertical-align: -0.125em; vertical-align: -0.125em;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
content: "\f231 "; content: "\f231";
/* caret-right-fill */
} }
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category h2 { #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category h2 {
padding-bottom: 2px; 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 h1::before,
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h2::before { #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active h2::before {
content: "\f229 "; content: "\f229 ";
/* caret-down-fill */
} }
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active:hover { #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_content .egw_fw_ui_category_active:hover {
background-color: #408DD2; background-color: #408DD2;