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

arrow animation in Table Head state:hover

Browse Source 
no animation
This commit is contained in:
Stefan Reinhardt 2014-10-10 08:18:45 +00:00
parent 956e14e556
commit f48c57e4af
3 changed files with 47 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
pixelegg/css/pixelegg.css
View File

@ -1222,6 +1222,20 @@
margin: 0 !important; margin: 0 !important;
padding: 0 !important; padding: 0 !important;
} }
.et2_toolbar-dropdown button {
/* height: 100% !important;
border: none !important;
background: #E0E0E0 !important;
background-color: #E0E0E0 !important;
border-radius: 0 !important;
color: #101010 !important;
font-size: 9pt !important;
font-weight: normal !important;
vertical-align: bottom !important;
padding: 1px !important;
margin: 2px !important;
min-height: 19px;*/
}
div.ui-toolbar-menulist { div.ui-toolbar-menulist {
position: absolute; position: absolute;
height: inherit !important; height: inherit !important;
@ -5723,8 +5737,8 @@ table.egwGridView_outer thead {
} }
table.egwGridView_outer thead tr th { table.egwGridView_outer thead tr th {
background: transparent; background: transparent;
background: #f5f5f5, -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(1, #ffffff)), -ms-linear-gradient(bottom, #eeeeee, #ffffff), -moz-linear-gradient(center bottom, #eeeeee 0%, #ffffff 100%), -o-linear-gradient(#ffffff, #eeeeee); /*.gradient();*/
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0); background-position: -200px;
font-weight: normal; font-weight: normal;
padding: 3px 0 3px 4px; padding: 3px 0 3px 4px;
border-color: #b4b4b4; border-color: #b4b4b4;
@ -5738,10 +5752,16 @@ table.egwGridView_outer thead tr th {
table.egwGridView_outer thead tr th:hover { table.egwGridView_outer thead tr th:hover {
background-color: #bfbfbf; background-color: #bfbfbf;
color: #ffffff; color: #ffffff;
/*border-right: 5px solid white;*/
background-image: url(../images/hint-arrow-right.png); background-image: url(../images/hint-arrow-right.png);
background-position: right bottom; background-position: right bottom;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 15px 15px; background-size: 15px 15px;
-webkit-transition: all 0s ease-out;
-moz-transition: all 0s ease-out;
-o-transition: all 0s ease-out;
transition: all 0s ease-out;
/*transition-delay: 1s;*/
} }
table.egwGridView_outer thead tr th:active { table.egwGridView_outer thead tr th:active {
background-color: #d9d9d9; background-color: #d9d9d9;

20
pixelegg/less/etemplate2.less
View File

@ -1159,9 +1159,27 @@ textarea.description {
margin: 0 !important; margin: 0 !important;
padding: 0 !important; padding: 0 !important;
} }
.et2_toolbar button { .et2_toolbar-dropdown {
button {
/* height: 100% !important;
border: none !important;
background: #E0E0E0 !important;
background-color: #E0E0E0 !important;
border-radius: 0 !important;
color: #101010 !important;
font-size: 9pt !important;
font-weight: normal !important;
vertical-align: bottom !important;
padding: 1px !important;
margin: 2px !important;
min-height: 19px;*/
}
} }
div.ui-toolbar-menulist{ div.ui-toolbar-menulist{
position: absolute; position: absolute;
height: inherit !important; height: inherit !important;

8
pixelegg/less/layout_table.less
View File

@ -74,6 +74,7 @@ table.egwGridView_outer{
thead { thead {
.gradient_thead; .gradient_thead;
max-height: 118px; max-height: 118px;
overflow-y: auto; overflow-y: auto;
@ -82,7 +83,8 @@ table.egwGridView_outer{
th { th {
background: transparent; background: transparent;
.gradient(); /*.gradient();*/
background-position: -200px;
font-weight: normal; font-weight: normal;
padding: 3px 0 3px 4px; padding: 3px 0 3px 4px;
@ -99,11 +101,13 @@ table.egwGridView_outer{
&:hover { &:hover {
.background_color_25_gray; .background_color_25_gray;
.color_0_gray; .color_0_gray;
// border-right: 5px solid white; /*border-right: 5px solid white;*/
background-image: url(../images/hint-arrow-right.png); background-image: url(../images/hint-arrow-right.png);
background-position: right bottom; background-position: right bottom;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 15px 15px; background-size: 15px 15px;
.transition (0.0s, ease-out);
/*transition-delay: 1s;*/
} }