extern/egroupware
1
0
Fork 1
mirror of https://github.com/EGroupware/egroupware.git synced 2025-01-27 00:09:13 +01:00
Code Issues Packages Projects Releases Wiki Activity

WIP toggle sidebar menu:

Browse Source 
- Implement reload icon in a better position
This commit is contained in:
Hadi Nategh 2015-09-16 13:40:00 +00:00
parent 383052c516
commit 36f5364a85
3 changed files with 23 additions and 82 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
pixelegg/css/mobile.css
View File

@ -4738,33 +4738,6 @@ td.message span.message {
font-size: 1.4em; font-size: 1.4em;
color: #000000; color: #000000;
padding-top: .8em; padding-top: .8em;
background-image: url(../images/reload.png);
background-repeat: no-repeat;
background-size: 16px;
background-position-x: 74%;
background-position-y: 60%;
background-position: 74%;
}
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_active h1:active {
background-image: url(../images/ajax-loader.gif) !important;
}
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_active:hover {
-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
-webkit-border-top-left-radius: 27px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
-moz-border-radius-topleft: 27px;
border-top-right-radius: 5px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
border-top-left-radius: 27px;
/*.background-clip(padding-box);*/
} }
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_active:active { #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_active:active {
-webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); -webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
@ -4784,6 +4757,9 @@ td.message span.message {
border-top-left-radius: 27px; border-top-left-radius: 27px;
/*.background-clip(padding-box);*/ /*.background-clip(padding-box);*/
} }
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_active:hover img {
content: url(../images/reload.png);
}
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_active:focus { #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_active:focus {
background-image: url("../images/ajax-loader.gif"); background-image: url("../images/ajax-loader.gif");
background-repeat: no-repeat; background-repeat: no-repeat;
@ -4803,8 +4779,7 @@ td.message span.message {
height: 16px; height: 16px;
} }
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_active .egw_fw_ui_ajaxloader { #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_active .egw_fw_ui_ajaxloader {
margin-top: -15%; margin-top: -26px;
margin-right: 25%;
} }
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content { #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content {
display: block; display: block;
@ -4997,7 +4972,7 @@ td.message span.message {
margin-top: 0; margin-top: 0;
margin-bottom: -30px; margin-bottom: -30px;
float: right; float: right;
margin-right: 5px; margin-right: -15px;
} }
#egw_fw_sidebar #egw_fw_toggler span { #egw_fw_sidebar #egw_fw_toggler span {
background-color: transparent; background-color: transparent;

35
pixelegg/css/pixelegg.css
View File

@ -4727,33 +4727,6 @@ td.message span.message {
font-size: 1.4em; font-size: 1.4em;
color: #000000; color: #000000;
padding-top: .8em; padding-top: .8em;
background-image: url(../images/reload.png);
background-repeat: no-repeat;
background-size: 16px;
background-position-x: 74%;
background-position-y: 60%;
background-position: 74%;
}
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_active h1:active {
background-image: url(../images/ajax-loader.gif) !important;
}
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_active:hover {
-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
-webkit-border-top-left-radius: 27px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
-moz-border-radius-topleft: 27px;
border-top-right-radius: 5px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
border-top-left-radius: 27px;
/*.background-clip(padding-box);*/
} }
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_active:active { #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_active:active {
-webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); -webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
@ -4773,6 +4746,9 @@ td.message span.message {
border-top-left-radius: 27px; border-top-left-radius: 27px;
/*.background-clip(padding-box);*/ /*.background-clip(padding-box);*/
} }
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_active:hover img {
content: url(../images/reload.png);
}
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_active:focus { #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_active:focus {
background-image: url("../images/ajax-loader.gif"); background-image: url("../images/ajax-loader.gif");
background-repeat: no-repeat; background-repeat: no-repeat;
@ -4792,8 +4768,7 @@ td.message span.message {
height: 16px; height: 16px;
} }
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_active .egw_fw_ui_ajaxloader { #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_header_active .egw_fw_ui_ajaxloader {
margin-top: -15%; margin-top: -26px;
margin-right: 25%;
} }
#egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content { #egw_fw_sidebar #egw_fw_sidemenu .egw_fw_ui_scrollarea_outerdiv .egw_fw_ui_sidemenu_entry_content {
display: block; display: block;
@ -4986,7 +4961,7 @@ td.message span.message {
margin-top: 0; margin-top: 0;
margin-bottom: -30px; margin-bottom: -30px;
float: right; float: right;
margin-right: 5px; margin-right: -15px;
} }
#egw_fw_sidebar #egw_fw_toggler span { #egw_fw_sidebar #egw_fw_toggler span {
background-color: transparent; background-color: transparent;

35
pixelegg/less/layout_raster_sidebar.less
View File

@ -54,11 +54,11 @@
// DRAG AND DROP // DRAG AND DROP
div.ui-sortable { div.ui-sortable {
div { div {
padding: 3px 0 1px 3px; padding: 3px 0 1px 3px;
cursor: pointer; cursor: pointer;
} }
} }
//#################################################### //####################################################
@ -120,23 +120,14 @@
img {padding-left: 9px; padding-top: 6px; height: 18px;} img {padding-left: 9px; padding-top: 6px; height: 18px;}
h1 { h1 {text-transform: uppercase;font-size: 1.4em;.color_100_gray;padding-top: .8em;}
text-transform: uppercase;
font-size: 1.4em;
.color_100_gray;
padding-top: .8em;
background-image: url(../images/reload.png);
background-repeat: no-repeat;
background-size: 16px;
background-position-x: 74%;
background-position-y: 60%;
background-position: 74%;
&:active {background-image: url(../images/ajax-loader.gif) !important;}
}
&:hover {.box_shadow_standard_light_hover; .border_radius ( 5px, 0px, 0px, 27px );}
&:active {.box_shadow_standard_light_active; .border_radius ( 5px, 0px, 0px, 27px );} &:active {.box_shadow_standard_light_active; .border_radius ( 5px, 0px, 0px, 27px );}
&:hover {
img {
content: url(../images/reload.png);
}
}
&:focus { &:focus {
background-image: url("../images/ajax-loader.gif"); background-image: url("../images/ajax-loader.gif");
background-repeat: no-repeat; background-repeat: no-repeat;
@ -153,7 +144,7 @@
.dimension_width_height_s; .dimension_width_height_s;
} }
.egw_fw_ui_ajaxloader {margin-top: -15%;margin-right: 25%;} .egw_fw_ui_ajaxloader {margin-top: -26px;}
} }
@ -349,7 +340,7 @@
margin-top: 0; margin-top: 0;
margin-bottom: -30px; margin-bottom: -30px;
float: right; float: right;
margin-right:5px; margin-right:-15px;
span { span {
background-color: transparent; background-color: transparent;