extern/egroupware_official
1
0
Fork 0
mirror of https://github.com/EGroupware/egroupware.git synced 2024-12-22 14:41:29 +01:00
Code Issues Packages Projects Releases Wiki Activity

WIP new framework style:

Browse Source 
- Fix alignments
- Make sidebar toggle button less prominent
This commit is contained in:
Hadi Nategh 2019-05-28 14:33:36 +02:00
parent 2d039afe8d
commit 372d024720
6 changed files with 61 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
pixelegg/css/mobile.css
View File

@ -4227,6 +4227,7 @@ td.message span.message {
padding-top: 0px; padding-top: 0px;
} }
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header_active img.egw_fw_ui_tab_icon { #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header_active img.egw_fw_ui_tab_icon {
padding-top: 3px;
display: inline-block; display: inline-block;
width: 16px; width: 16px;
height: 16px; height: 16px;
@ -4505,7 +4506,7 @@ td.message span.message {
position: relative; position: relative;
display: block; display: block;
width: 35px; width: 35px;
height: 5px; height: 3px;
backface-visibility: hidden; backface-visibility: hidden;
border-radius: 2px; border-radius: 2px;
top: 11px; top: 11px;
@ -4528,8 +4529,8 @@ td.message span.message {
left: 0px; left: 0px;
top: 3px; top: 3px;
width: 35px; width: 35px;
height: 4px; height: 3px;
background-color: #606060; background-color: #b4b4b4;
backface-visibility: hidden; backface-visibility: hidden;
border-radius: 2px; border-radius: 2px;
} }
@ -4542,6 +4543,12 @@ td.message span.message {
-ms-transform: rotate(-145deg) translate(8px, 2px); -ms-transform: rotate(-145deg) translate(8px, 2px);
-moz-transform: rotate(-145deg) translate(8px, 2px); -moz-transform: rotate(-145deg) translate(8px, 2px);
-webkit-transform: rotate(-145deg) translate(8px, 2px); -webkit-transform: rotate(-145deg) translate(8px, 2px);
background-color: #b4b4b4;
}
#egw_fw_basecontainer #egw_fw_toggler:hover span:before {
background-color: #606060;
}
#egw_fw_basecontainer #egw_fw_toggler:hover span:after {
background-color: #606060; background-color: #606060;
} }
#egw_fw_basecontainer.egw_fw_sidebar_toggleOn { #egw_fw_basecontainer.egw_fw_sidebar_toggleOn {
@ -4561,7 +4568,7 @@ td.message span.message {
-moz-transform: none; -moz-transform: none;
-webkit-transform: none; -webkit-transform: none;
width: 35px; width: 35px;
height: 5px; height: 3px;
background-color: #b4b4b4; background-color: #b4b4b4;
} }
#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #egw_fw_toggler span:before { #egw_fw_basecontainer.egw_fw_sidebar_toggleOn #egw_fw_toggler span:before {

15
pixelegg/css/monochrome.css
View File

@ -4216,6 +4216,7 @@ td.message span.message {
padding-top: 0px; padding-top: 0px;
} }
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header_active img.egw_fw_ui_tab_icon { #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header_active img.egw_fw_ui_tab_icon {
padding-top: 3px;
display: inline-block; display: inline-block;
width: 16px; width: 16px;
height: 16px; height: 16px;
@ -4494,7 +4495,7 @@ td.message span.message {
position: relative; position: relative;
display: block; display: block;
width: 35px; width: 35px;
height: 5px; height: 3px;
backface-visibility: hidden; backface-visibility: hidden;
border-radius: 2px; border-radius: 2px;
top: 11px; top: 11px;
@ -4517,8 +4518,8 @@ td.message span.message {
left: 0px; left: 0px;
top: 3px; top: 3px;
width: 35px; width: 35px;
height: 4px; height: 3px;
background-color: #606060; background-color: #b4b4b4;
backface-visibility: hidden; backface-visibility: hidden;
border-radius: 2px; border-radius: 2px;
} }
@ -4531,6 +4532,12 @@ td.message span.message {
-ms-transform: rotate(-145deg) translate(8px, 2px); -ms-transform: rotate(-145deg) translate(8px, 2px);
-moz-transform: rotate(-145deg) translate(8px, 2px); -moz-transform: rotate(-145deg) translate(8px, 2px);
-webkit-transform: rotate(-145deg) translate(8px, 2px); -webkit-transform: rotate(-145deg) translate(8px, 2px);
background-color: #b4b4b4;
}
#egw_fw_basecontainer #egw_fw_toggler:hover span:before {
background-color: #606060;
}
#egw_fw_basecontainer #egw_fw_toggler:hover span:after {
background-color: #606060; background-color: #606060;
} }
#egw_fw_basecontainer.egw_fw_sidebar_toggleOn { #egw_fw_basecontainer.egw_fw_sidebar_toggleOn {
@ -4550,7 +4557,7 @@ td.message span.message {
-moz-transform: none; -moz-transform: none;
-webkit-transform: none; -webkit-transform: none;
width: 35px; width: 35px;
height: 5px; height: 3px;
background-color: #b4b4b4; background-color: #b4b4b4;
} }
#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #egw_fw_toggler span:before { #egw_fw_basecontainer.egw_fw_sidebar_toggleOn #egw_fw_toggler span:before {

15
pixelegg/css/pixelegg.css
View File

@ -4227,6 +4227,7 @@ td.message span.message {
padding-top: 0px; padding-top: 0px;
} }
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header_active img.egw_fw_ui_tab_icon { #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header_active img.egw_fw_ui_tab_icon {
padding-top: 3px;
display: inline-block; display: inline-block;
width: 16px; width: 16px;
height: 16px; height: 16px;
@ -4505,7 +4506,7 @@ td.message span.message {
position: relative; position: relative;
display: block; display: block;
width: 35px; width: 35px;
height: 5px; height: 3px;
backface-visibility: hidden; backface-visibility: hidden;
border-radius: 2px; border-radius: 2px;
top: 11px; top: 11px;
@ -4528,8 +4529,8 @@ td.message span.message {
left: 0px; left: 0px;
top: 3px; top: 3px;
width: 35px; width: 35px;
height: 4px; height: 3px;
background-color: #606060; background-color: #b4b4b4;
backface-visibility: hidden; backface-visibility: hidden;
border-radius: 2px; border-radius: 2px;
} }
@ -4542,6 +4543,12 @@ td.message span.message {
-ms-transform: rotate(-145deg) translate(8px, 2px); -ms-transform: rotate(-145deg) translate(8px, 2px);
-moz-transform: rotate(-145deg) translate(8px, 2px); -moz-transform: rotate(-145deg) translate(8px, 2px);
-webkit-transform: rotate(-145deg) translate(8px, 2px); -webkit-transform: rotate(-145deg) translate(8px, 2px);
background-color: #b4b4b4;
}
#egw_fw_basecontainer #egw_fw_toggler:hover span:before {
background-color: #606060;
}
#egw_fw_basecontainer #egw_fw_toggler:hover span:after {
background-color: #606060; background-color: #606060;
} }
#egw_fw_basecontainer.egw_fw_sidebar_toggleOn { #egw_fw_basecontainer.egw_fw_sidebar_toggleOn {
@ -4561,7 +4568,7 @@ td.message span.message {
-moz-transform: none; -moz-transform: none;
-webkit-transform: none; -webkit-transform: none;
width: 35px; width: 35px;
height: 5px; height: 3px;
background-color: #b4b4b4; background-color: #b4b4b4;
} }
#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #egw_fw_toggler span:before { #egw_fw_basecontainer.egw_fw_sidebar_toggleOn #egw_fw_toggler span:before {

1
pixelegg/less/layout_raster_main.less
View File

@ -133,6 +133,7 @@
} }
// aktive Bilder // aktive Bilder
img.egw_fw_ui_tab_icon { img.egw_fw_ui_tab_icon {
padding-top: 3px;
display: inline-block; display: inline-block;
.dimension_width_height_s; .dimension_width_height_s;
} }

21
pixelegg/less/layout_raster_sidebar.less
View File

@ -325,8 +325,8 @@
left: 0px; left: 0px;
top: 3px; top: 3px;
width: 35px; width: 35px;
height: 4px; height: 3px;
background-color: #606060; background-color: #b4b4b4;
backface-visibility: hidden; backface-visibility: hidden;
border-radius: 2px; border-radius: 2px;
} }
@ -339,18 +339,29 @@
-ms-transform: rotate(-145deg) translate(8px, 2px); -ms-transform: rotate(-145deg) translate(8px, 2px);
-moz-transform: rotate(-145deg) translate(8px, 2px); -moz-transform: rotate(-145deg) translate(8px, 2px);
-webkit-transform: rotate(-145deg) translate(8px, 2px); -webkit-transform: rotate(-145deg) translate(8px, 2px);
background-color: #606060; background-color: #b4b4b4;
} }
background-color: transparent; background-color: transparent;
position: relative; position: relative;
display: block; display: block;
width: 35px; width: 35px;
height: 5px; height: 3px;
backface-visibility: hidden; backface-visibility: hidden;
border-radius: 2px; border-radius: 2px;
top: 11px; top: 11px;
left: 10px; left: 10px;
} }
&:hover {
span {
&:before {
background-color: #606060;
}
&:after {
background-color: #606060;
}
}
}
} }
} }
@ -369,7 +380,7 @@
-moz-transform: none; -moz-transform: none;
-webkit-transform: none; -webkit-transform: none;
width:35px; width:35px;
height:5px; height:3px;
background-color: #b4b4b4; background-color: #b4b4b4;
} }
&:before { &:before {

15
pixelegg/mobile/fw_mobile.css
View File

@ -4238,6 +4238,7 @@ td.message span.message {
padding-top: 0px; padding-top: 0px;
} }
#egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header_active img.egw_fw_ui_tab_icon { #egw_fw_main #egw_fw_tabs .egw_fw_ui_tabs_header .egw_fw_ui_tab_header_active img.egw_fw_ui_tab_icon {
padding-top: 3px;
display: inline-block; display: inline-block;
width: 16px; width: 16px;
height: 16px; height: 16px;
@ -4516,7 +4517,7 @@ td.message span.message {
position: relative; position: relative;
display: block; display: block;
width: 35px; width: 35px;
height: 5px; height: 3px;
backface-visibility: hidden; backface-visibility: hidden;
border-radius: 2px; border-radius: 2px;
top: 11px; top: 11px;
@ -4539,8 +4540,8 @@ td.message span.message {
left: 0px; left: 0px;
top: 3px; top: 3px;
width: 35px; width: 35px;
height: 4px; height: 3px;
background-color: #606060; background-color: #b4b4b4;
backface-visibility: hidden; backface-visibility: hidden;
border-radius: 2px; border-radius: 2px;
} }
@ -4553,6 +4554,12 @@ td.message span.message {
-ms-transform: rotate(-145deg) translate(8px, 2px); -ms-transform: rotate(-145deg) translate(8px, 2px);
-moz-transform: rotate(-145deg) translate(8px, 2px); -moz-transform: rotate(-145deg) translate(8px, 2px);
-webkit-transform: rotate(-145deg) translate(8px, 2px); -webkit-transform: rotate(-145deg) translate(8px, 2px);
background-color: #b4b4b4;
}
#egw_fw_basecontainer #egw_fw_toggler:hover span:before {
background-color: #606060;
}
#egw_fw_basecontainer #egw_fw_toggler:hover span:after {
background-color: #606060; background-color: #606060;
} }
#egw_fw_basecontainer.egw_fw_sidebar_toggleOn { #egw_fw_basecontainer.egw_fw_sidebar_toggleOn {
@ -4572,7 +4579,7 @@ td.message span.message {
-moz-transform: none; -moz-transform: none;
-webkit-transform: none; -webkit-transform: none;
width: 35px; width: 35px;
height: 5px; height: 3px;
background-color: #b4b4b4; background-color: #b4b4b4;
} }
#egw_fw_basecontainer.egw_fw_sidebar_toggleOn #egw_fw_toggler span:before { #egw_fw_basecontainer.egw_fw_sidebar_toggleOn #egw_fw_toggler span:before {