mirror of
https://github.com/EGroupware/egroupware.git
synced 2024-11-28 19:03:14 +01:00
Implement category color column purely with css
This commit is contained in:
parent
37be48c772
commit
63b3009bb5
@ -19,7 +19,6 @@
|
||||
<template id="addressbook.index.rows" template="" lang="" group="0" version="1.9.005">
|
||||
<grid width="100%">
|
||||
<columns>
|
||||
<column width="10"/>
|
||||
<column width="20"/>
|
||||
<column width="40%"/>
|
||||
<column width="70"/>
|
||||
@ -41,7 +40,6 @@
|
||||
</columns>
|
||||
<rows>
|
||||
<row class="th">
|
||||
<nextmatch-cat-header/>
|
||||
<nextmatch-header label="Type" id="type"/>
|
||||
<grid spacing="0" padding="0">
|
||||
<columns>
|
||||
@ -112,8 +110,7 @@
|
||||
<nextmatch-sortheader label="Last modified" id="contact_modified" sortmode="DESC"/>
|
||||
</vbox>
|
||||
</row>
|
||||
<row class="$row_cont[class]" valign="top">
|
||||
<description class=" cat_$row_cont[cat_id] nm_cat_col"/>
|
||||
<row class="$row_cont[class] $row_cont[cat_id]" valign="top">
|
||||
<image align="center" label="$row_cont[type_label]" src="${row}[type]" no_lang="1"/>
|
||||
<vbox id="${row}[id]">
|
||||
<description id="${row}[line1]" no_lang="1"/>
|
||||
|
@ -3458,22 +3458,3 @@ var et2_nextmatch_customfilter = et2_nextmatch_filterheader.extend(
|
||||
}
|
||||
});
|
||||
et2_register_widget(et2_nextmatch_customfilter, ['nextmatch-customfilter']);
|
||||
|
||||
/**
|
||||
* Define a nextmatch header for category colors
|
||||
* @type type
|
||||
*/
|
||||
var et2_nextmatch_cat_header = et2_baseWidget.extend(et2_INextmatchHeader,
|
||||
{
|
||||
|
||||
/**
|
||||
* Unbind resize handler for category color header
|
||||
* add class to th
|
||||
*/
|
||||
setNextmatch: function() {
|
||||
jQuery(this.parentNode.parentNode)
|
||||
.addClass('cat-header')
|
||||
.unbind('.resize');
|
||||
}
|
||||
});
|
||||
et2_register_widget(et2_nextmatch_cat_header, ['nextmatch-cat-header']);
|
@ -507,20 +507,11 @@ which caused click on free space infront of a tag stops nm row selection*/
|
||||
display: table-row;
|
||||
}
|
||||
|
||||
.et2_nextmatch .egwGridView_grid tr td {
|
||||
position: relative;
|
||||
}
|
||||
.et2_nextmatch .egwGridView_grid tr td .nm_cat_col {
|
||||
position: absolute;
|
||||
min-height: 100%;
|
||||
bottom:0;
|
||||
top:0;
|
||||
width:10px;
|
||||
display: block;
|
||||
}
|
||||
span.cat_.nm_cat_col {
|
||||
background: #F5F5F5;
|
||||
/*Default cat color*/
|
||||
tr.row_category {
|
||||
border-left: 6px solid transparent;
|
||||
}
|
||||
|
||||
/*
|
||||
These are set via javascript before printing to help tame nextmatch's layout
|
||||
for printing
|
||||
|
@ -38,7 +38,7 @@ foreach($categories as $cat)
|
||||
{
|
||||
// Use slightly more specific selector that just class, to allow defaults
|
||||
// if the category has no color
|
||||
$content .= "tr.cat_{$cat['id']}, div.cat_{$cat['id']}, span.cat_{$cat['id']} { background-color: {$cat['data']['color']};} /*{$cat['name']}*/\n";
|
||||
$content .= "tr.cat_{$cat['id']} {border-left:6px solid {$cat['data']['color']};} div.cat_{$cat['id']}, span.cat_{$cat['id']} { background-color: {$cat['data']['color']};} /*{$cat['name']}*/\n";
|
||||
}
|
||||
if($cat['data']['icon'])
|
||||
{
|
||||
|
Loading…
Reference in New Issue
Block a user