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

fancy theme tab header styling --remove text and added it as hover instead and moved image size calculation from class.pixelegg_framework.inc.php to pixelegg.less so it can be overwritten by e.g. fancy.less

Browse Source
This commit is contained in:
milan 2024-09-26 20:04:20 +02:00
parent 9a034118d5
commit 935e71c92c
6 changed files with 88 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
api/js/framework/fw_ui.js
View File

@ -337,6 +337,7 @@ window.egw_fw_ui_tab = function(_parent, _contHeaderDiv, _contDiv, _icon, _callb
this.headerDiv = document.createElement("span"); this.headerDiv = document.createElement("span");
this.headerDiv._position = _pos; this.headerDiv._position = _pos;
jQuery(this.headerDiv).attr('id', this.tag.appName+'-egw_fw_ui_tab_header').addClass("egw_fw_ui_tab_header"); jQuery(this.headerDiv).attr('id', this.tag.appName+'-egw_fw_ui_tab_header').addClass("egw_fw_ui_tab_header");
this.headerDiv.setAttribute('title', this.tag.displayName);
//Create a new callback object and attach it to the header div //Create a new callback object and attach it to the header div
this.headerDiv._callbackObject = new egw_fw_class_callback(this, _callback); this.headerDiv._callbackObject = new egw_fw_class_callback(this, _callback);

39
pixelegg/css/fancy.css
View File

@ -7076,7 +7076,11 @@ table.egwGridView_grid img.et2_appicon {
border-top-color: #404040; border-top-color: #404040;
border-top-width: 4px !important; border-top-width: 4px !important;
} }
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header img.egw_fw_ui_tab_icon, #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header img.egw_fw_ui_tab_icon {
filter: none;
width: calc(1em + 2px) !important;
height: calc(1em + 2px) !important;
}
.standartTreeImage { .standartTreeImage {
filter: none; filter: none;
} }
@ -7245,3 +7249,36 @@ div.flatpickr-calendar .shortcut-buttons-flatpickr-buttons button:last-child {
.nextmatch_header .header_count { .nextmatch_header .header_count {
border-radius: var(--sl-border-radius-medium); border-radius: var(--sl-border-radius-medium);
} }
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active h1 {
text-transform: none;
}
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header {
gap: 1em;
padding-top: 5px;
}
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header h1 {
display: none;
}
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header img.egw_fw_ui_tab_icon {
width: 40px !important;
height: 28px !important;
margin: 0;
padding: 0;
padding-top: 0.2em;
padding-right: 0.5em;
padding-left: 0.5em;
}
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header {
padding: 0;
}
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header:hover:not(.egw_fw_ui_tab_header_active) {
border-top: 0;
}
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header:hover {
border-top: 0;
}
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tab_close_button {
background-size: 12px 12px;
right: 0px;
top: 2px;
}

39
pixelegg/css/fancy.less
View File

@ -95,3 +95,42 @@ div.flatpickr-calendar .shortcut-buttons-flatpickr-buttons button:last-child {
.nextmatch_header .header_count { .nextmatch_header .header_count {
border-radius: var(--sl-border-radius-medium); border-radius: var(--sl-border-radius-medium);
} }
//tabs header styling
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_sidemenu_entry_header_active h1 {
text-transform: none;
}
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header{
gap:1em;
padding-top: 5px;
}
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header h1 {
display: none;
}
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header img.egw_fw_ui_tab_icon {
width: 40px !important;
height: 28px !important;
margin: 0;
padding: 0;
padding-top: .2em;
padding-right:.5em;
padding-left: .5em;
}
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header{
padding: 0;
}
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header:hover:not(.egw_fw_ui_tab_header_active){
border-top:0;
}
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header:hover{
border-top:0;
}
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tab_close_button{
background-size: 12px 12px;
right: 0px;
top: 2px
}

6
pixelegg/css/pixelegg.less
View File

@ -334,7 +334,11 @@
border-top-color: @ranking-color; border-top-color: @ranking-color;
border-top-width: 4px !important; border-top-width: 4px !important;
} }
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header img.egw_fw_ui_tab_icon, #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header img.egw_fw_ui_tab_icon{
filter: none;
width: calc(1em + 2px) !important;
height: calc(1em + 2px) !important;
}
.standartTreeImage { .standartTreeImage {
filter: none; filter: none;
} }

5
pixelegg/inc/class.pixelegg_framework.inc.php
View File

@ -149,11 +149,6 @@ class pixelegg_framework extends Api\Framework\Ajax
--sl-font-size-medium: {$textsize}px; --sl-font-size-medium: {$textsize}px;
} }
et2-lavatar, et2-avatar {font-size: 12px} et2-lavatar, et2-avatar {font-size: 12px}
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header img.egw_fw_ui_tab_icon
{
width: {$iconSize}px !important;
height: {$iconSize}px !important;
}
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a {background-position:left;background-size:{$iconSize}px} #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a {background-position:left;background-size:{$iconSize}px}
"; ";
} }

6
pixelegg/mobile/fw_mobile.css
View File

@ -6886,7 +6886,11 @@ span.egw_tutorial_title {
border-top-color: #404040; border-top-color: #404040;
border-top-width: 4px !important; border-top-width: 4px !important;
} }
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header img.egw_fw_ui_tab_icon, #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header img.egw_fw_ui_tab_icon {
filter: none;
width: calc(1em + 2px) !important;
height: calc(1em + 2px) !important;
}
.standartTreeImage { .standartTreeImage {
filter: none; filter: none;
} }