extern/egroupware
1
0
Fork 1
mirror of https://github.com/EGroupware/egroupware.git synced 2025-06-25 20:31:31 +02:00
Code Issues Packages Projects Releases Wiki Activity

WIP new framework style:

Browse Source 
- Remove logout from top info menu
- More padding for icons in topmneu
- Some alignment fixes
This commit is contained in:
Hadi Nategh 2019-05-28 17:24:12 +02:00
parent d151930412
commit 5f58e4a23c
10 changed files with 100 additions and 94 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
api/src/Framework.php
View File

@ -1142,7 +1142,6 @@ abstract class Framework extends Framework\Extra
function topmenu(array $vars,array $apps) function topmenu(array $vars,array $apps)
{ {
$this->_add_topmenu_info_item($this->_user_avatar_menu(), 'user_avatar'); $this->_add_topmenu_info_item($this->_user_avatar_menu(), 'user_avatar');
$this->_add_topmenu_info_item($this->_logout_menu(), 'logout');
if($GLOBALS['egw_info']['user']['apps']['home'] && isset($apps['home'])) if($GLOBALS['egw_info']['user']['apps']['home'] && isset($apps['home']))
{ {
$this->_add_topmenu_item($apps['home']); $this->_add_topmenu_item($apps['home']);

2
notifications/js/notificationajaxpopup.js
View File

@ -804,7 +804,7 @@
$topmenu_info_notifications.addClass('egwpopup_notify'); $topmenu_info_notifications.addClass('egwpopup_notify');
$topmenu_info_notifications.append($popup_note); $topmenu_info_notifications.append($popup_note);
$popup_note.text(egw.lang('You have %1 unread notifications', counter)); $popup_note.text(egw.lang('You have %1 unread notifications', counter));
setTimeout(function (){$popup_note.remove();}, 5000); setTimeout(function (){$popup_note.remove();}, 4000);
} }
else else
{ {

37
pixelegg/css/mobile.css
View File

@ -3726,6 +3726,7 @@ div#egwpopup_message {
color: silver; color: silver;
overflow: hidden; overflow: hidden;
height: 15px; height: 15px;
visibility: hidden;
} }
.colselection.ui-widget-content { .colselection.ui-widget-content {
width: 33%; width: 33%;
@ -3917,7 +3918,7 @@ td.message span.message {
position: absolute; position: absolute;
display: none; display: none;
right: 5px; right: 5px;
width: 230px; width: 241px;
z-index: 1000; z-index: 1000;
top: 46px; top: 46px;
background: white; background: white;
@ -3930,6 +3931,7 @@ td.message span.message {
width: calc(100% - 20px); width: calc(100% - 20px);
display: inline-block; display: inline-block;
padding: 10px; padding: 10px;
font-size: 7pt;
background-color: #fbfbfb; background-color: #fbfbfb;
} }
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_info_items { #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_info_items {
@ -3992,6 +3994,7 @@ td.message span.message {
color: #000000; color: #000000;
text-decoration: none; text-decoration: none;
font-size: 12px; font-size: 12px;
padding-left: 26px;
line-height: 1.5em; line-height: 1.5em;
display: inline-block; display: inline-block;
} }
@ -4006,55 +4009,46 @@ td.message span.message {
background-image: url(../images/topmenu_items/home.svg); background-image: url(../images/topmenu_items/home.svg);
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 16px; background-size: 16px;
padding-left: 20px;
} }
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_prefs { #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_prefs {
margin-left: 0px; margin-left: 0px;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 16px; background-size: 16px;
padding-left: 20px;
background-image: url(../images/topmenu_items/setup.svg); background-image: url(../images/topmenu_items/setup.svg);
} }
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_acl { #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_acl {
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 16px; background-size: 16px;
padding-left: 20px;
background-image: url(../images/topmenu_items/access.svg); background-image: url(../images/topmenu_items/access.svg);
} }
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_cats { #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_cats {
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 16px; background-size: 16px;
padding-left: 20px;
background-image: url(../images/topmenu_items/category.svg); background-image: url(../images/topmenu_items/category.svg);
} }
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_password { #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_password {
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 16px; background-size: 16px;
padding-left: 20px;
background-image: url(../images/topmenu_items/password.svg); background-image: url(../images/topmenu_items/password.svg);
} }
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_manual { #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_manual {
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 16px; background-size: 16px;
padding-left: 20px;
background-image: url(../images/topmenu_items/help.svg); background-image: url(../images/topmenu_items/help.svg);
} }
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_current_user { #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_current_user {
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 16px; background-size: 16px;
padding-left: 20px;
background-image: url(../images/users.png); background-image: url(../images/users.png);
} }
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_logout { #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_logout {
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 16px; background-size: 16px;
padding-left: 20px;
background-image: url(../images/topmenu_items/logout.svg); background-image: url(../images/topmenu_items/logout.svg);
} }
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_print { #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_print {
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 16px; background-size: 16px;
padding-left: 20px;
background-image: url(../images/print.svg); background-image: url(../images/print.svg);
} }
/* ################################################### /* ###################################################
@ -4189,9 +4183,11 @@ td.message span.message {
padding-top: 8px; padding-top: 8px;
transition: none; transition: none;
} }
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header:hover .egw_fw_ui_tab_close_button {
background-image: url(../images/close.svg);
}
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header:hover:not(.egw_fw_ui_tab_header_active) .egw_fw_ui_tab_close_button { #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header:hover:not(.egw_fw_ui_tab_header_active) .egw_fw_ui_tab_close_button {
top: 8px; top: 8px;
background-image: url(../images/close.svg);
} }
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header h1 { #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header h1 {
font-size: 11px; font-size: 11px;
@ -4234,7 +4230,7 @@ td.message span.message {
} }
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tab_close_button { #egw_fw_main #egw_fw_tabs .egw_fw_ui_tab_close_button {
right: 3px; right: 3px;
top: 1px; top: 3px;
display: inline-block; display: inline-block;
width: 12px; width: 12px;
height: 12px; height: 12px;
@ -5002,6 +4998,9 @@ td.message span.message {
#egw_fw_topmenu_info_items form select { #egw_fw_topmenu_info_items form select {
padding: 0px; padding: 0px;
} }
#egw_fw_topmenu_info_items #topmenu_info_quick_add {
position: relative;
}
#egw_fw_topmenu_info_items #topmenu_info_quick_add span#quick_add { #egw_fw_topmenu_info_items #topmenu_info_quick_add span#quick_add {
float: right; float: right;
background-image: url(../images/add.svg); background-image: url(../images/add.svg);
@ -5021,8 +5020,8 @@ td.message span.message {
} }
#egw_fw_topmenu_info_items #topmenu_info_quick_add .chzn-container { #egw_fw_topmenu_info_items #topmenu_info_quick_add .chzn-container {
z-index: 1000; z-index: 1000;
position: fixed; position: absolute;
right: 93px !important; right: -54px !important;
top: 47px; top: 47px;
width: 160px !important; width: 160px !important;
background: #FFFFFF; background: #FFFFFF;
@ -5063,6 +5062,9 @@ td.message span.message {
border-radius: 0px; border-radius: 0px;
margin-top: -2px; margin-top: -2px;
} }
#egw_fw_topmenu_info_items #topmenu_info_quick_add .chzn-container .chzn-results {
max-height: none;
}
#egw_fw_topmenu_info_items #topmenu_info_quick_add select#quick_add_selectbox { #egw_fw_topmenu_info_items #topmenu_info_quick_add select#quick_add_selectbox {
visibility: hidden; visibility: hidden;
} }
@ -5158,9 +5160,10 @@ div#topmenu_info_update {
display: inline-block; display: inline-block;
} }
div#topmenu_info_update img { div#topmenu_info_update img {
-webkit-border-radius: 5px; -webkit-border-radius: 10px;
-moz-border-radius: 5px; -moz-border-radius: 10px;
border-radius: 5px; border-radius: 10px;
padding: 5px;
} }
/** /**
* EGroupware: Stylite Pixelegg template * EGroupware: Stylite Pixelegg template

37
pixelegg/css/monochrome.css
View File

@ -3715,6 +3715,7 @@ div#egwpopup_message {
color: silver; color: silver;
overflow: hidden; overflow: hidden;
height: 15px; height: 15px;
visibility: hidden;
} }
.colselection.ui-widget-content { .colselection.ui-widget-content {
width: 33%; width: 33%;
@ -3906,7 +3907,7 @@ td.message span.message {
position: absolute; position: absolute;
display: none; display: none;
right: 5px; right: 5px;
width: 230px; width: 241px;
z-index: 1000; z-index: 1000;
top: 46px; top: 46px;
background: white; background: white;
@ -3919,6 +3920,7 @@ td.message span.message {
width: calc(100% - 20px); width: calc(100% - 20px);
display: inline-block; display: inline-block;
padding: 10px; padding: 10px;
font-size: 7pt;
background-color: #fbfbfb; background-color: #fbfbfb;
} }
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_info_items { #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_info_items {
@ -3981,6 +3983,7 @@ td.message span.message {
color: #000000; color: #000000;
text-decoration: none; text-decoration: none;
font-size: 12px; font-size: 12px;
padding-left: 26px;
line-height: 1.5em; line-height: 1.5em;
display: inline-block; display: inline-block;
} }
@ -3995,55 +3998,46 @@ td.message span.message {
background-image: url(../images/topmenu_items/home.svg); background-image: url(../images/topmenu_items/home.svg);
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 16px; background-size: 16px;
padding-left: 20px;
} }
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_prefs { #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_prefs {
margin-left: 0px; margin-left: 0px;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 16px; background-size: 16px;
padding-left: 20px;
background-image: url(../images/topmenu_items/setup.svg); background-image: url(../images/topmenu_items/setup.svg);
} }
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_acl { #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_acl {
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 16px; background-size: 16px;
padding-left: 20px;
background-image: url(../images/topmenu_items/access.svg); background-image: url(../images/topmenu_items/access.svg);
} }
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_cats { #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_cats {
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 16px; background-size: 16px;
padding-left: 20px;
background-image: url(../images/topmenu_items/category.svg); background-image: url(../images/topmenu_items/category.svg);
} }
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_password { #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_password {
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 16px; background-size: 16px;
padding-left: 20px;
background-image: url(../images/topmenu_items/password.svg); background-image: url(../images/topmenu_items/password.svg);
} }
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_manual { #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_manual {
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 16px; background-size: 16px;
padding-left: 20px;
background-image: url(../images/topmenu_items/help.svg); background-image: url(../images/topmenu_items/help.svg);
} }
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_current_user { #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_current_user {
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 16px; background-size: 16px;
padding-left: 20px;
background-image: url(../images/users.png); background-image: url(../images/users.png);
} }
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_logout { #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_logout {
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 16px; background-size: 16px;
padding-left: 20px;
background-image: url(../images/topmenu_items/logout.svg); background-image: url(../images/topmenu_items/logout.svg);
} }
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_print { #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_print {
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 16px; background-size: 16px;
padding-left: 20px;
background-image: url(../images/print.svg); background-image: url(../images/print.svg);
} }
/* ################################################### /* ###################################################
@ -4178,9 +4172,11 @@ td.message span.message {
padding-top: 8px; padding-top: 8px;
transition: none; transition: none;
} }
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header:hover .egw_fw_ui_tab_close_button {
background-image: url(../images/close.svg);
}
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header:hover:not(.egw_fw_ui_tab_header_active) .egw_fw_ui_tab_close_button { #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header:hover:not(.egw_fw_ui_tab_header_active) .egw_fw_ui_tab_close_button {
top: 8px; top: 8px;
background-image: url(../images/close.svg);
} }
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header h1 { #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header h1 {
font-size: 11px; font-size: 11px;
@ -4223,7 +4219,7 @@ td.message span.message {
} }
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tab_close_button { #egw_fw_main #egw_fw_tabs .egw_fw_ui_tab_close_button {
right: 3px; right: 3px;
top: 1px; top: 3px;
display: inline-block; display: inline-block;
width: 12px; width: 12px;
height: 12px; height: 12px;
@ -4991,6 +4987,9 @@ td.message span.message {
#egw_fw_topmenu_info_items form select { #egw_fw_topmenu_info_items form select {
padding: 0px; padding: 0px;
} }
#egw_fw_topmenu_info_items #topmenu_info_quick_add {
position: relative;
}
#egw_fw_topmenu_info_items #topmenu_info_quick_add span#quick_add { #egw_fw_topmenu_info_items #topmenu_info_quick_add span#quick_add {
float: right; float: right;
background-image: url(../images/add.svg); background-image: url(../images/add.svg);
@ -5010,8 +5009,8 @@ td.message span.message {
} }
#egw_fw_topmenu_info_items #topmenu_info_quick_add .chzn-container { #egw_fw_topmenu_info_items #topmenu_info_quick_add .chzn-container {
z-index: 1000; z-index: 1000;
position: fixed; position: absolute;
right: 93px !important; right: -54px !important;
top: 47px; top: 47px;
width: 160px !important; width: 160px !important;
background: #FFFFFF; background: #FFFFFF;
@ -5052,6 +5051,9 @@ td.message span.message {
border-radius: 0px; border-radius: 0px;
margin-top: -2px; margin-top: -2px;
} }
#egw_fw_topmenu_info_items #topmenu_info_quick_add .chzn-container .chzn-results {
max-height: none;
}
#egw_fw_topmenu_info_items #topmenu_info_quick_add select#quick_add_selectbox { #egw_fw_topmenu_info_items #topmenu_info_quick_add select#quick_add_selectbox {
visibility: hidden; visibility: hidden;
} }
@ -5147,9 +5149,10 @@ div#topmenu_info_update {
display: inline-block; display: inline-block;
} }
div#topmenu_info_update img { div#topmenu_info_update img {
-webkit-border-radius: 5px; -webkit-border-radius: 10px;
-moz-border-radius: 5px; -moz-border-radius: 10px;
border-radius: 5px; border-radius: 10px;
padding: 5px;
} }
/** /**
* EGroupware: Stylite Pixelegg template * EGroupware: Stylite Pixelegg template

37
pixelegg/css/pixelegg.css
View File

@ -3726,6 +3726,7 @@ div#egwpopup_message {
color: silver; color: silver;
overflow: hidden; overflow: hidden;
height: 15px; height: 15px;
visibility: hidden;
} }
.colselection.ui-widget-content { .colselection.ui-widget-content {
width: 33%; width: 33%;
@ -3917,7 +3918,7 @@ td.message span.message {
position: absolute; position: absolute;
display: none; display: none;
right: 5px; right: 5px;
width: 230px; width: 241px;
z-index: 1000; z-index: 1000;
top: 46px; top: 46px;
background: white; background: white;
@ -3930,6 +3931,7 @@ td.message span.message {
width: calc(100% - 20px); width: calc(100% - 20px);
display: inline-block; display: inline-block;
padding: 10px; padding: 10px;
font-size: 7pt;
background-color: #fbfbfb; background-color: #fbfbfb;
} }
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_info_items { #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_info_items {
@ -3992,6 +3994,7 @@ td.message span.message {
color: #000000; color: #000000;
text-decoration: none; text-decoration: none;
font-size: 12px; font-size: 12px;
padding-left: 26px;
line-height: 1.5em; line-height: 1.5em;
display: inline-block; display: inline-block;
} }
@ -4006,55 +4009,46 @@ td.message span.message {
background-image: url(../images/topmenu_items/home.svg); background-image: url(../images/topmenu_items/home.svg);
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 16px; background-size: 16px;
padding-left: 20px;
} }
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_prefs { #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_prefs {
margin-left: 0px; margin-left: 0px;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 16px; background-size: 16px;
padding-left: 20px;
background-image: url(../images/topmenu_items/setup.svg); background-image: url(../images/topmenu_items/setup.svg);
} }
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_acl { #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_acl {
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 16px; background-size: 16px;
padding-left: 20px;
background-image: url(../images/topmenu_items/access.svg); background-image: url(../images/topmenu_items/access.svg);
} }
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_cats { #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_cats {
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 16px; background-size: 16px;
padding-left: 20px;
background-image: url(../images/topmenu_items/category.svg); background-image: url(../images/topmenu_items/category.svg);
} }
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_password { #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_password {
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 16px; background-size: 16px;
padding-left: 20px;
background-image: url(../images/topmenu_items/password.svg); background-image: url(../images/topmenu_items/password.svg);
} }
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_manual { #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_manual {
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 16px; background-size: 16px;
padding-left: 20px;
background-image: url(../images/topmenu_items/help.svg); background-image: url(../images/topmenu_items/help.svg);
} }
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_current_user { #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_current_user {
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 16px; background-size: 16px;
padding-left: 20px;
background-image: url(../images/users.png); background-image: url(../images/users.png);
} }
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_logout { #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_logout {
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 16px; background-size: 16px;
padding-left: 20px;
background-image: url(../images/topmenu_items/logout.svg); background-image: url(../images/topmenu_items/logout.svg);
} }
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_print { #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_print {
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 16px; background-size: 16px;
padding-left: 20px;
background-image: url(../images/print.svg); background-image: url(../images/print.svg);
} }
/* ################################################### /* ###################################################
@ -4189,9 +4183,11 @@ td.message span.message {
padding-top: 8px; padding-top: 8px;
transition: none; transition: none;
} }
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header:hover .egw_fw_ui_tab_close_button {
background-image: url(../images/close.svg);
}
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header:hover:not(.egw_fw_ui_tab_header_active) .egw_fw_ui_tab_close_button { #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header:hover:not(.egw_fw_ui_tab_header_active) .egw_fw_ui_tab_close_button {
top: 8px; top: 8px;
background-image: url(../images/close.svg);
} }
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header h1 { #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header h1 {
font-size: 11px; font-size: 11px;
@ -4234,7 +4230,7 @@ td.message span.message {
} }
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tab_close_button { #egw_fw_main #egw_fw_tabs .egw_fw_ui_tab_close_button {
right: 3px; right: 3px;
top: 1px; top: 3px;
display: inline-block; display: inline-block;
width: 12px; width: 12px;
height: 12px; height: 12px;
@ -5002,6 +4998,9 @@ td.message span.message {
#egw_fw_topmenu_info_items form select { #egw_fw_topmenu_info_items form select {
padding: 0px; padding: 0px;
} }
#egw_fw_topmenu_info_items #topmenu_info_quick_add {
position: relative;
}
#egw_fw_topmenu_info_items #topmenu_info_quick_add span#quick_add { #egw_fw_topmenu_info_items #topmenu_info_quick_add span#quick_add {
float: right; float: right;
background-image: url(../images/add.svg); background-image: url(../images/add.svg);
@ -5021,8 +5020,8 @@ td.message span.message {
} }
#egw_fw_topmenu_info_items #topmenu_info_quick_add .chzn-container { #egw_fw_topmenu_info_items #topmenu_info_quick_add .chzn-container {
z-index: 1000; z-index: 1000;
position: fixed; position: absolute;
right: 93px !important; right: -54px !important;
top: 47px; top: 47px;
width: 160px !important; width: 160px !important;
background: #FFFFFF; background: #FFFFFF;
@ -5063,6 +5062,9 @@ td.message span.message {
border-radius: 0px; border-radius: 0px;
margin-top: -2px; margin-top: -2px;
} }
#egw_fw_topmenu_info_items #topmenu_info_quick_add .chzn-container .chzn-results {
max-height: none;
}
#egw_fw_topmenu_info_items #topmenu_info_quick_add select#quick_add_selectbox { #egw_fw_topmenu_info_items #topmenu_info_quick_add select#quick_add_selectbox {
visibility: hidden; visibility: hidden;
} }
@ -5158,9 +5160,10 @@ div#topmenu_info_update {
display: inline-block; display: inline-block;
} }
div#topmenu_info_update img { div#topmenu_info_update img {
-webkit-border-radius: 5px; -webkit-border-radius: 10px;
-moz-border-radius: 5px; -moz-border-radius: 10px;
border-radius: 5px; border-radius: 10px;
padding: 5px;
} }
/** /**
* EGroupware: Stylite Pixelegg template * EGroupware: Stylite Pixelegg template

1
pixelegg/less/layout_messages.less
View File

@ -265,6 +265,7 @@ div#egwpopup_message {
color: silver; color: silver;
overflow: hidden; overflow: hidden;
height: 15px; height: 15px;
visibility: hidden;
} }
} }

21
pixelegg/less/layout_raster_buttons.less
View File

@ -157,6 +157,7 @@
/*quick*/ /*quick*/
#topmenu_info_quick_add { #topmenu_info_quick_add {
position: relative;
span#quick_add { span#quick_add {
float: right; float: right;
background-image: url(../images/add.svg); background-image: url(../images/add.svg);
@ -181,8 +182,8 @@
.chzn-container { .chzn-container {
z-index: 1000; z-index: 1000;
position: fixed; position: absolute;
right: 93px !important; right: -54px !important;
top: 47px; top: 47px;
width: 160px !important; width: 160px !important;
background: @gray_0; background: @gray_0;
@ -220,14 +221,13 @@
border-radius: 0px; border-radius: 0px;
margin-top: -2px; margin-top: -2px;
} }
.chzn-results {
max-height: none;
}
} }
select#quick_add_selectbox { select#quick_add_selectbox {
visibility: hidden; visibility: hidden;
} }
} }
// ############################################################################## // ##############################################################################
@ -278,10 +278,9 @@
// Update images // Update images
div#topmenu_info_update{ div#topmenu_info_update{
display: inline-block; display: inline-block;
img{
img{ .rounded(5px);} .rounded(10px);
padding: 5px;
}
} }

13
pixelegg/less/layout_raster_header.less
View File

@ -66,7 +66,7 @@
position: absolute; position: absolute;
display: none; display: none;
right: 5px; right: 5px;
width: 230px; width: 241px;
z-index: 1000; z-index: 1000;
top: 46px; top: 46px;
background: white; background: white;
@ -75,6 +75,7 @@
width: ~"calc(100% - 20px)"; width: ~"calc(100% - 20px)";
display: inline-block; display: inline-block;
padding: 10px; padding: 10px;
font-size: 7pt;
background-color: #fbfbfb; background-color: #fbfbfb;
} }
#egw_fw_topmenu_info_items { #egw_fw_topmenu_info_items {
@ -123,6 +124,7 @@
color: @gray_100; color: @gray_100;
text-decoration: none; text-decoration: none;
.fontsize_l; .fontsize_l;
padding-left: 26px;
line-height: 1.5em; line-height: 1.5em;
display:inline-block; display:inline-block;
&:hover { &:hover {
@ -143,7 +145,6 @@
background-image: url(../images/topmenu_items/home.svg); background-image: url(../images/topmenu_items/home.svg);
background-repeat: no-repeat; background-repeat: no-repeat;
background-size:16px; background-size:16px;
padding-left: 20px;
} }
@ -152,7 +153,6 @@
margin-left: 0px; margin-left: 0px;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size:16px; background-size:16px;
padding-left: 20px;
background-image: url(../images/topmenu_items/setup.svg); background-image: url(../images/topmenu_items/setup.svg);
} }
@ -160,49 +160,42 @@
a#topmenu_acl{ a#topmenu_acl{
background-repeat: no-repeat; background-repeat: no-repeat;
background-size:16px; background-size:16px;
padding-left: 20px;
background-image: url(../images/topmenu_items/access.svg); background-image: url(../images/topmenu_items/access.svg);
} }
/*category*/ /*category*/
a#topmenu_cats{ a#topmenu_cats{
background-repeat: no-repeat; background-repeat: no-repeat;
background-size:16px; background-size:16px;
padding-left: 20px;
background-image: url(../images/topmenu_items/category.svg); background-image: url(../images/topmenu_items/category.svg);
} }
/*password*/ /*password*/
a#topmenu_password{ a#topmenu_password{
background-repeat: no-repeat; background-repeat: no-repeat;
background-size:16px; background-size:16px;
padding-left: 20px;
background-image: url(../images/topmenu_items/password.svg); background-image: url(../images/topmenu_items/password.svg);
} }
/*help*/ /*help*/
a#topmenu_manual{ a#topmenu_manual{
background-repeat: no-repeat; background-repeat: no-repeat;
background-size:16px; background-size:16px;
padding-left: 20px;
background-image: url(../images/topmenu_items/help.svg); background-image: url(../images/topmenu_items/help.svg);
} }
/*Search*/ /*Search*/
a#topmenu_current_user{ a#topmenu_current_user{
background-repeat: no-repeat; background-repeat: no-repeat;
background-size:16px; background-size:16px;
padding-left: 20px;
background-image: url(../images/users.png); background-image: url(../images/users.png);
} }
/*logout*/ /*logout*/
a#topmenu_logout{ a#topmenu_logout{
background-repeat: no-repeat; background-repeat: no-repeat;
background-size:16px; background-size:16px;
padding-left: 20px;
background-image: url(../images/topmenu_items/logout.svg); background-image: url(../images/topmenu_items/logout.svg);
} }
/*print*/ /*print*/
a#topmenu_print{ a#topmenu_print{
background-repeat: no-repeat; background-repeat: no-repeat;
background-size:16px; background-size:16px;
padding-left: 20px;
background-image: url(../images/print.svg); background-image: url(../images/print.svg);
} }
} // Ende ul } // Ende ul

8
pixelegg/less/layout_raster_main.less
View File

@ -93,12 +93,14 @@
padding-top: 8px; padding-top: 8px;
transition: none; transition: none;
.egw_fw_ui_tab_close_button {
background-image: url(../images/close.svg);
}
} }
&:hover:not(.egw_fw_ui_tab_header_active) &:hover:not(.egw_fw_ui_tab_header_active)
{ {
.egw_fw_ui_tab_close_button { .egw_fw_ui_tab_close_button {
top: 8px; top: 8px;
background-image: url(../images/close.svg);
} }
} }
@ -138,7 +140,7 @@
.dimension_width_height_s; .dimension_width_height_s;
} }
} }
} }
// ################# // #################
// # close x # // # close x #
@ -146,7 +148,7 @@
// ################# // #################
.egw_fw_ui_tab_close_button { .egw_fw_ui_tab_close_button {
right: 3px; right: 3px;
top: 1px; top: 3px;
display: inline-block; display: inline-block;
.dimension_width_height_xs; .dimension_width_height_xs;
margin-left: 0px; margin-left: 0px;

37
pixelegg/mobile/fw_mobile.css
View File

@ -3737,6 +3737,7 @@ div#egwpopup_message {
color: silver; color: silver;
overflow: hidden; overflow: hidden;
height: 15px; height: 15px;
visibility: hidden;
} }
.colselection.ui-widget-content { .colselection.ui-widget-content {
width: 33%; width: 33%;
@ -3928,7 +3929,7 @@ td.message span.message {
position: absolute; position: absolute;
display: none; display: none;
right: 5px; right: 5px;
width: 230px; width: 241px;
z-index: 1000; z-index: 1000;
top: 46px; top: 46px;
background: white; background: white;
@ -3941,6 +3942,7 @@ td.message span.message {
width: calc(100% - 20px); width: calc(100% - 20px);
display: inline-block; display: inline-block;
padding: 10px; padding: 10px;
font-size: 7pt;
background-color: #fbfbfb; background-color: #fbfbfb;
} }
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_info_items { #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_info_items {
@ -4003,6 +4005,7 @@ td.message span.message {
color: #000000; color: #000000;
text-decoration: none; text-decoration: none;
font-size: 12px; font-size: 12px;
padding-left: 26px;
line-height: 1.5em; line-height: 1.5em;
display: inline-block; display: inline-block;
} }
@ -4017,55 +4020,46 @@ td.message span.message {
background-image: url(../images/topmenu_items/home.svg); background-image: url(../images/topmenu_items/home.svg);
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 16px; background-size: 16px;
padding-left: 20px;
} }
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_prefs { #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_prefs {
margin-left: 0px; margin-left: 0px;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 16px; background-size: 16px;
padding-left: 20px;
background-image: url(../images/topmenu_items/setup.svg); background-image: url(../images/topmenu_items/setup.svg);
} }
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_acl { #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_acl {
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 16px; background-size: 16px;
padding-left: 20px;
background-image: url(../images/topmenu_items/access.svg); background-image: url(../images/topmenu_items/access.svg);
} }
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_cats { #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_cats {
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 16px; background-size: 16px;
padding-left: 20px;
background-image: url(../images/topmenu_items/category.svg); background-image: url(../images/topmenu_items/category.svg);
} }
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_password { #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_password {
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 16px; background-size: 16px;
padding-left: 20px;
background-image: url(../images/topmenu_items/password.svg); background-image: url(../images/topmenu_items/password.svg);
} }
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_manual { #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_manual {
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 16px; background-size: 16px;
padding-left: 20px;
background-image: url(../images/topmenu_items/help.svg); background-image: url(../images/topmenu_items/help.svg);
} }
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_current_user { #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_current_user {
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 16px; background-size: 16px;
padding-left: 20px;
background-image: url(../images/users.png); background-image: url(../images/users.png);
} }
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_logout { #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_logout {
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 16px; background-size: 16px;
padding-left: 20px;
background-image: url(../images/topmenu_items/logout.svg); background-image: url(../images/topmenu_items/logout.svg);
} }
#egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_print { #egw_fw_header #egw_fw_topmenu #egw_fw_topmenu_items ul a#topmenu_print {
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 16px; background-size: 16px;
padding-left: 20px;
background-image: url(../images/print.svg); background-image: url(../images/print.svg);
} }
/* ################################################### /* ###################################################
@ -4200,9 +4194,11 @@ td.message span.message {
padding-top: 8px; padding-top: 8px;
transition: none; transition: none;
} }
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header:hover .egw_fw_ui_tab_close_button {
background-image: url(../images/close.svg);
}
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header:hover:not(.egw_fw_ui_tab_header_active) .egw_fw_ui_tab_close_button { #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header:hover:not(.egw_fw_ui_tab_header_active) .egw_fw_ui_tab_close_button {
top: 8px; top: 8px;
background-image: url(../images/close.svg);
} }
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header h1 { #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header h1 {
font-size: 11px; font-size: 11px;
@ -4245,7 +4241,7 @@ td.message span.message {
} }
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tab_close_button { #egw_fw_main #egw_fw_tabs .egw_fw_ui_tab_close_button {
right: 3px; right: 3px;
top: 1px; top: 3px;
display: inline-block; display: inline-block;
width: 12px; width: 12px;
height: 12px; height: 12px;
@ -5013,6 +5009,9 @@ td.message span.message {
#egw_fw_topmenu_info_items form select { #egw_fw_topmenu_info_items form select {
padding: 0px; padding: 0px;
} }
#egw_fw_topmenu_info_items #topmenu_info_quick_add {
position: relative;
}
#egw_fw_topmenu_info_items #topmenu_info_quick_add span#quick_add { #egw_fw_topmenu_info_items #topmenu_info_quick_add span#quick_add {
float: right; float: right;
background-image: url(../images/add.svg); background-image: url(../images/add.svg);
@ -5032,8 +5031,8 @@ td.message span.message {
} }
#egw_fw_topmenu_info_items #topmenu_info_quick_add .chzn-container { #egw_fw_topmenu_info_items #topmenu_info_quick_add .chzn-container {
z-index: 1000; z-index: 1000;
position: fixed; position: absolute;
right: 93px !important; right: -54px !important;
top: 47px; top: 47px;
width: 160px !important; width: 160px !important;
background: #FFFFFF; background: #FFFFFF;
@ -5074,6 +5073,9 @@ td.message span.message {
border-radius: 0px; border-radius: 0px;
margin-top: -2px; margin-top: -2px;
} }
#egw_fw_topmenu_info_items #topmenu_info_quick_add .chzn-container .chzn-results {
max-height: none;
}
#egw_fw_topmenu_info_items #topmenu_info_quick_add select#quick_add_selectbox { #egw_fw_topmenu_info_items #topmenu_info_quick_add select#quick_add_selectbox {
visibility: hidden; visibility: hidden;
} }
@ -5169,9 +5171,10 @@ div#topmenu_info_update {
display: inline-block; display: inline-block;
} }
div#topmenu_info_update img { div#topmenu_info_update img {
-webkit-border-radius: 5px; -webkit-border-radius: 10px;
-moz-border-radius: 5px; -moz-border-radius: 10px;
border-radius: 5px; border-radius: 10px;
padding: 5px;
} }
/** /**
* EGroupware: Stylite Pixelegg template * EGroupware: Stylite Pixelegg template