extern/egroupware_official
1
0
Fork 0
mirror of https://github.com/EGroupware/egroupware.git synced 2024-11-29 03:13:40 +01:00
Code Issues Packages Projects Releases Wiki Activity

WIP framework:

Browse Source 
- Fix sidebar header for active app
- Fix sidebar apps not scrollable when is toggled on
- Fix notification popup note is one pixel off
This commit is contained in:
Hadi Nategh 2019-06-03 15:26:14 +02:00
parent e8d0c061c6
commit 888e457888
6 changed files with 28 additions and 38 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
pixelegg/css/mobile.css
View File

@ -389,7 +389,7 @@
background-size: 12px 12px; background-size: 12px 12px;
padding: 0px; padding: 0px;
} }
.et2_link_list td div.delete { .et2_vfs td div.delete {
visibility: hidden; visibility: hidden;
background-image: url("../images/delete.svg"); background-image: url("../images/delete.svg");
background-position: center; background-position: center;
@ -4598,9 +4598,6 @@ td.message span.message {
display: block !important; display: block !important;
height: 24px !important; height: 24px !important;
} }
#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #egw_fw_sidemenu .egw_fw_ui_scrollarea {
top: -4px !important;
}
/** DON"T MOVE THIS **/ /** DON"T MOVE THIS **/
.egw_fw_ui_splitter_vertical { .egw_fw_ui_splitter_vertical {
background-image: url(../images/splitter_vert.png); background-image: url(../images/splitter_vert.png);
@ -4949,7 +4946,8 @@ td.message span.message {
#egw_fw_topmenu_info_items #topmenu_info_notifications .popup_note:before { #egw_fw_topmenu_info_items #topmenu_info_notifications .popup_note:before {
content: ''; content: '';
position: absolute; position: absolute;
left: 252px; top: -13px;
left: 251px;
width: 0; width: 0;
height: 0px; height: 0px;
border-left: 14px solid transparent; border-left: 14px solid transparent;
@ -4957,13 +4955,12 @@ td.message span.message {
border-bottom: 12px solid #aaa; border-bottom: 12px solid #aaa;
margin-bottom: 12px; margin-bottom: 12px;
margin-left: 1px; margin-left: 1px;
top: -12px;
} }
#egw_fw_topmenu_info_items #topmenu_info_notifications .popup_note:after { #egw_fw_topmenu_info_items #topmenu_info_notifications .popup_note:after {
content: ''; content: '';
position: absolute; position: absolute;
top: -10px; top: -11px;
left: 252px; left: 251px;
width: 0; width: 0;
height: 0; height: 0;
border-left: 15px solid transparent; border-left: 15px solid transparent;
@ -5016,6 +5013,7 @@ td.message span.message {
position: absolute; position: absolute;
right: -54px !important; right: -54px !important;
top: 47px; top: 47px;
min-width: 160px !important;
width: 160px !important; width: 160px !important;
background: #FFFFFF; background: #FFFFFF;
} }

14
pixelegg/css/monochrome.css
View File

@ -378,7 +378,7 @@
background-size: 12px 12px; background-size: 12px 12px;
padding: 0px; padding: 0px;
} }
.et2_link_list td div.delete { .et2_vfs td div.delete {
visibility: hidden; visibility: hidden;
background-image: url("../images/delete.svg"); background-image: url("../images/delete.svg");
background-position: center; background-position: center;
@ -4587,9 +4587,6 @@ td.message span.message {
display: block !important; display: block !important;
height: 24px !important; height: 24px !important;
} }
#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #egw_fw_sidemenu .egw_fw_ui_scrollarea {
top: -4px !important;
}
/** DON"T MOVE THIS **/ /** DON"T MOVE THIS **/
.egw_fw_ui_splitter_vertical { .egw_fw_ui_splitter_vertical {
background-image: url(../images/splitter_vert.png); background-image: url(../images/splitter_vert.png);
@ -4938,7 +4935,8 @@ td.message span.message {
#egw_fw_topmenu_info_items #topmenu_info_notifications .popup_note:before { #egw_fw_topmenu_info_items #topmenu_info_notifications .popup_note:before {
content: ''; content: '';
position: absolute; position: absolute;
left: 252px; top: -13px;
left: 251px;
width: 0; width: 0;
height: 0px; height: 0px;
border-left: 14px solid transparent; border-left: 14px solid transparent;
@ -4946,13 +4944,12 @@ td.message span.message {
border-bottom: 12px solid #aaa; border-bottom: 12px solid #aaa;
margin-bottom: 12px; margin-bottom: 12px;
margin-left: 1px; margin-left: 1px;
top: -12px;
} }
#egw_fw_topmenu_info_items #topmenu_info_notifications .popup_note:after { #egw_fw_topmenu_info_items #topmenu_info_notifications .popup_note:after {
content: ''; content: '';
position: absolute; position: absolute;
top: -10px; top: -11px;
left: 252px; left: 251px;
width: 0; width: 0;
height: 0; height: 0;
border-left: 15px solid transparent; border-left: 15px solid transparent;
@ -5005,6 +5002,7 @@ td.message span.message {
position: absolute; position: absolute;
right: -54px !important; right: -54px !important;
top: 47px; top: 47px;
min-width: 160px !important;
width: 160px !important; width: 160px !important;
background: #FFFFFF; background: #FFFFFF;
} }

12
pixelegg/css/pixelegg.css
View File

@ -4598,9 +4598,6 @@ td.message span.message {
display: block !important; display: block !important;
height: 24px !important; height: 24px !important;
} }
#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #egw_fw_sidemenu .egw_fw_ui_scrollarea {
top: -4px !important;
}
/** DON"T MOVE THIS **/ /** DON"T MOVE THIS **/
.egw_fw_ui_splitter_vertical { .egw_fw_ui_splitter_vertical {
background-image: url(../images/splitter_vert.png); background-image: url(../images/splitter_vert.png);
@ -4949,7 +4946,8 @@ td.message span.message {
#egw_fw_topmenu_info_items #topmenu_info_notifications .popup_note:before { #egw_fw_topmenu_info_items #topmenu_info_notifications .popup_note:before {
content: ''; content: '';
position: absolute; position: absolute;
left: 252px; top: -13px;
left: 251px;
width: 0; width: 0;
height: 0px; height: 0px;
border-left: 14px solid transparent; border-left: 14px solid transparent;
@ -4957,13 +4955,12 @@ td.message span.message {
border-bottom: 12px solid #aaa; border-bottom: 12px solid #aaa;
margin-bottom: 12px; margin-bottom: 12px;
margin-left: 1px; margin-left: 1px;
top: -12px;
} }
#egw_fw_topmenu_info_items #topmenu_info_notifications .popup_note:after { #egw_fw_topmenu_info_items #topmenu_info_notifications .popup_note:after {
content: ''; content: '';
position: absolute; position: absolute;
top: -10px; top: -11px;
left: 252px; left: 251px;
width: 0; width: 0;
height: 0; height: 0;
border-left: 15px solid transparent; border-left: 15px solid transparent;
@ -5016,6 +5013,7 @@ td.message span.message {
position: absolute; position: absolute;
right: -54px !important; right: -54px !important;
top: 47px; top: 47px;
min-width: 160px !important;
width: 160px !important; width: 160px !important;
background: #FFFFFF; background: #FFFFFF;
} }

9
pixelegg/less/layout_raster_buttons.less
View File

@ -102,7 +102,8 @@
&:before { &:before {
content: ''; content: '';
position: absolute; position: absolute;
left: 252px; top: -13px;
left: 251px;
width: 0; width: 0;
height: 0px; height: 0px;
border-left: 14px solid transparent; border-left: 14px solid transparent;
@ -110,13 +111,12 @@
border-bottom: 12px solid #aaa; border-bottom: 12px solid #aaa;
margin-bottom: 12px; margin-bottom: 12px;
margin-left: 1px; margin-left: 1px;
top: -12px;
} }
&:after { &:after {
content: ''; content: '';
position: absolute; position: absolute;
top: -10px; top: -11px;
left: 252px; left: 251px;
width: 0; width: 0;
height: 0; height: 0;
border-left: 15px solid transparent; border-left: 15px solid transparent;
@ -185,6 +185,7 @@
position: absolute; position: absolute;
right: -54px !important; right: -54px !important;
top: 47px; top: 47px;
min-width: 160px !important;
width: 160px !important; width: 160px !important;
background: @gray_0; background: @gray_0;
&:before { &:before {

3
pixelegg/less/layout_raster_sidebar.less
View File

@ -427,9 +427,6 @@
height: 24px !important; height: 24px !important;
} }
} }
.egw_fw_ui_scrollarea {
top: -4px !important;
}
} }
} }
/** DON"T MOVE THIS **/ /** DON"T MOVE THIS **/

14
pixelegg/mobile/fw_mobile.css
View File

@ -400,7 +400,7 @@
background-size: 12px 12px; background-size: 12px 12px;
padding: 0px; padding: 0px;
} }
.et2_link_list td div.delete { .et2_vfs td div.delete {
visibility: hidden; visibility: hidden;
background-image: url("../images/delete.svg"); background-image: url("../images/delete.svg");
background-position: center; background-position: center;
@ -4609,9 +4609,6 @@ td.message span.message {
display: block !important; display: block !important;
height: 24px !important; height: 24px !important;
} }
#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #egw_fw_sidemenu .egw_fw_ui_scrollarea {
top: -4px !important;
}
/** DON"T MOVE THIS **/ /** DON"T MOVE THIS **/
.egw_fw_ui_splitter_vertical { .egw_fw_ui_splitter_vertical {
background-image: url(../images/splitter_vert.png); background-image: url(../images/splitter_vert.png);
@ -4960,7 +4957,8 @@ td.message span.message {
#egw_fw_topmenu_info_items #topmenu_info_notifications .popup_note:before { #egw_fw_topmenu_info_items #topmenu_info_notifications .popup_note:before {
content: ''; content: '';
position: absolute; position: absolute;
left: 252px; top: -13px;
left: 251px;
width: 0; width: 0;
height: 0px; height: 0px;
border-left: 14px solid transparent; border-left: 14px solid transparent;
@ -4968,13 +4966,12 @@ td.message span.message {
border-bottom: 12px solid #aaa; border-bottom: 12px solid #aaa;
margin-bottom: 12px; margin-bottom: 12px;
margin-left: 1px; margin-left: 1px;
top: -12px;
} }
#egw_fw_topmenu_info_items #topmenu_info_notifications .popup_note:after { #egw_fw_topmenu_info_items #topmenu_info_notifications .popup_note:after {
content: ''; content: '';
position: absolute; position: absolute;
top: -10px; top: -11px;
left: 252px; left: 251px;
width: 0; width: 0;
height: 0; height: 0;
border-left: 15px solid transparent; border-left: 15px solid transparent;
@ -5027,6 +5024,7 @@ td.message span.message {
position: absolute; position: absolute;
right: -54px !important; right: -54px !important;
top: 47px; top: 47px;
min-width: 160px !important;
width: 160px !important; width: 160px !important;
background: #FFFFFF; background: #FFFFFF;
} }