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

an other fix for old eTemplate apps containing tables (hbox, vbox) in grid

Browse Source
This commit is contained in:
Ralf Becker 2014-03-24 16:16:04 +00:00
parent aa4552faec
commit 74c4957f2c
2 changed files with 34 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

48
pixelegg/css/pixelegg.css
View File

@ -3350,7 +3350,7 @@ table.table_passord_change td:first-child {
overflow: hidden; overflow: hidden;
/*padding: 0;*/ /*padding: 0;*/
} }
.egwGridView_grid tr.th > td { .egwGridView_grid > tbody > tr.th > td {
background-color: #d9d9d9; background-color: #d9d9d9;
font-weight: normal; font-weight: normal;
padding: 0 2px 2px 0; padding: 0 2px 2px 0;
@ -3444,25 +3444,25 @@ table.egwGridView_outer thead tr th.optcol span.selectcols {
table.egwGridView_outer thead tr th.optcol span.selectcols:hover { table.egwGridView_outer thead tr th.optcol span.selectcols:hover {
background-color: #0c5da5; background-color: #0c5da5;
} }
table.egwGridView_outer tbody { table.egwGridView_outer > tbody > tr {
/*Elements inside td*/ /*Elements inside td*/
} }
table.egwGridView_outer tbody td.frame { table.egwGridView_outer > tbody > tr td.frame {
/*border: 1px solid @gray_10; can't have - breaks grid scroll calculations' /*border: 1px solid @gray_10; can't have - breaks grid scroll calculations'
/*padding: 0px 5px; no need*/ /*padding: 0px 5px; no need*/
} }
table.egwGridView_outer tbody td .et2_link { table.egwGridView_outer > tbody > tr > td .et2_link {
margin-left: 0px; margin-left: 0px;
color: #26537c; color: #26537c;
} }
table.egwGridView_outer tbody td img { table.egwGridView_outer > tbody > tr > td img {
border: 1px solid transparent; border: 1px solid transparent;
box-shadow: none; box-shadow: none;
} }
table.egwGridView_outer tbody td time { table.egwGridView_outer > tbody > tr > td time {
display: block; display: block;
} }
table.egwGridView_outer tbody td img[src$="svg"] { table.egwGridView_outer > tbody > tr > td img[src$="svg"] {
background-color: rgba(0, 0, 0, 0.5); background-color: rgba(0, 0, 0, 0.5);
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSJyZ2JhKDAsIDAsIDAsIDAuNSkiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9InJnYmEoMCwgMCwgMCwgMC41KSIgb2Zmc2V0PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c3NDMpIi8+PC9zdmc+); background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSJyZ2JhKDAsIDAsIDAsIDAuNSkiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9InJnYmEoMCwgMCwgMCwgMC41KSIgb2Zmc2V0PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c3NDMpIi8+PC9zdmc+);
background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)); background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
@ -3489,7 +3489,7 @@ table.egwGridView_grid img.iphoto {
margin: 0.2em; margin: 0.2em;
max-height: 60px; max-height: 60px;
} }
table.egwGridView_grid tbody { table.egwGridView_grid > tbody {
border-bottom: 1px solid #000000; border-bottom: 1px solid #000000;
/*padding: 2px 3px 2px 4px;*/ /*padding: 2px 3px 2px 4px;*/
margin: 0; margin: 0;
@ -3498,24 +3498,24 @@ table.egwGridView_grid tbody {
tr:nth-child(odd) {background: @color_odd;}*/ tr:nth-child(odd) {background: @color_odd;}*/
/*multiple choise*/ /*multiple choise*/
} }
table.egwGridView_grid tbody tr.selected { table.egwGridView_grid > tbody tr:hover {
background: rgba(103, 159, 210, 0.2);
}
table.egwGridView_grid > tbody tr.selected {
background-image: none; background-image: none;
/*background-color: @egw_color_1_e !important;*/ /*background-color: @egw_color_1_e !important;*/
background-color: rgba(255, 194, 0, 0.5); background-color: rgba(255, 194, 0, 0.5);
} }
table.egwGridView_grid tbody tr.focused { table.egwGridView_grid > tbody tr.focused {
background-image: url(../images/yellow-stripe-a.png); background-image: url(../images/yellow-stripe-a.png);
background-repeat: repeat; background-repeat: repeat;
background-color: rgba(255, 194, 0, 0.5); background-color: rgba(255, 194, 0, 0.5);
} }
table.egwGridView_grid tr { table.egwGridView_grid > tr {
border-bottom: 1px solid; border-bottom: 1px solid;
border-color: #828282; border-color: #828282;
} }
table.egwGridView_grid tr:hover { table.egwGridView_grid > tr > td {
background: rgba(103, 159, 210, 0.2);
}
table.egwGridView_grid tr td {
border-left: 0px; border-left: 0px;
border-right: 0px; border-right: 0px;
/*padding: 0.3em 0 0.3em 0.3em;*/ /*padding: 0.3em 0 0.3em 0.3em;*/
@ -3523,36 +3523,36 @@ table.egwGridView_grid tr td {
color: #e6e6e6; color: #e6e6e6;
/*&:hover {background-color: @egw_color_2_e;} legacy*/ /*&:hover {background-color: @egw_color_2_e;} legacy*/
} }
table.egwGridView_grid tr td:active { table.egwGridView_grid > tr > td:active {
/*background-color: @egw_color_2_a;*/ /*background-color: @egw_color_2_a;*/
-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);
-moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
color: #ffffff; color: #ffffff;
} }
table.egwGridView_grid tr td span { table.egwGridView_grid > tr > td span {
color: #505050; color: #505050;
} }
table.egwGridView_grid tr td span[id*="[info_subject]"] { table.egwGridView_grid > tr > td span[id*="[info_subject]"] {
margin-right: 30px; margin-right: 30px;
} }
table.egwGridView_grid tr td span.high { table.egwGridView_grid > tr > td span.high {
color: red; color: red;
} }
table.egwGridView_grid tr td span.urgent { table.egwGridView_grid > tr > td span.urgent {
color: red; color: red;
background-color: #ffdd73; background-color: #ffdd73;
} }
table.egwGridView_grid tr td span.low { table.egwGridView_grid > tr > td span.low {
color: #373737; color: #373737;
} }
table.egwGridView_grid tr td table.customfields tbody { table.egwGridView_grid > tr > td table.customfields tbody {
border-bottom: 0px; border-bottom: 0px;
} }
table.egwGridView_grid tr td table.customfields tbody tr { table.egwGridView_grid > tr > td table.customfields tbody tr {
border-bottom: 0px; border-bottom: 0px;
} }
table.egwGridView_grid tr td table.customfields tbody tr td { table.egwGridView_grid > tr > td table.customfields tbody tr td {
border-bottom: 0px; border-bottom: 0px;
} }
table.egwGridView_grid tr.subentry { table.egwGridView_grid tr.subentry {

22
pixelegg/less/layout_table.less
View File

@ -36,7 +36,7 @@ table.et2_grid {
} }
// Table Head in Listen // Table Head in Listen
.egwGridView_grid tr.th > td /*legacy*/ .egwGridView_grid > tbody > tr.th > td /*legacy*/
{ {
.background_color_15_gray; .background_color_15_gray;
font-weight: normal; font-weight: normal;
@ -147,7 +147,7 @@ table.egwGridView_outer{
} }
} }
tbody { > tbody > tr {
td.frame { td.frame {
@ -158,7 +158,7 @@ table.egwGridView_outer{
/*Elements inside td*/ /*Elements inside td*/
td{ > td{
.et2_link {margin-left: 0px; color: @link_color;} .et2_link {margin-left: 0px; color: @link_color;}
@ -195,7 +195,7 @@ table.egwGridView_grid{
img{ .dimension_height_s;} img{ .dimension_height_s;}
img.iphoto {height: 9em;margin: 0.2em; max-height: 60px;} img.iphoto {height: 9em;margin: 0.2em; max-height: 60px;}
tbody { > tbody {
border-bottom: 1px solid @lightgray; border-bottom: 1px solid @lightgray;
/*padding: 2px 3px 2px 4px;*/ /*padding: 2px 3px 2px 4px;*/
margin: 0; margin: 0;
@ -207,6 +207,9 @@ table.egwGridView_grid{
tr:nth-child(odd) {background: @color_odd;}*/ tr:nth-child(odd) {background: @color_odd;}*/
/*multiple choise*/ /*multiple choise*/
// Hover State
tr:hover {background: @color_hover_row;}
tr.selected{ tr.selected{
background-image: none; background-image: none;
/*background-color: @egw_color_1_e !important;*/ /*background-color: @egw_color_1_e !important;*/
@ -218,20 +221,15 @@ table.egwGridView_grid{
background-image: url(../images/yellow-stripe-a.png); background-image: url(../images/yellow-stripe-a.png);
background-repeat: repeat; background-repeat: repeat;
background-color: fade(@color_active_row, 50%); background-color: fade(@color_active_row, 50%);
} }
} }
tr { > tr {
border-bottom: 1px solid; border-bottom: 1px solid;
border-color: @gray_50; border-color: @gray_50;
// Hover State > td {
&:hover {background: @color_hover_row;}
td {
border-left: 0px; border-left: 0px;
border-right: 0px; border-right: 0px;