extern/egroupware_official
1
0
Fork 0
mirror of https://github.com/EGroupware/egroupware.git synced 2024-12-22 06:30:59 +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;
-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;

4
pixelegg/css/mobile.css
View File

@ -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;

4
pixelegg/css/monochrome.css
View File

@ -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;

4
pixelegg/css/pixelegg.css
View File

@ -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;

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

4
pixelegg/mobile/fw_mobile.css
View File

@ -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;