@lidorsystems/integralui-web
Version:
IntegralUI Web - Advanced UI Components for Angular
137 lines (132 loc) • 3.15 kB
CSS
.iui-treegrid-block-left, .iui-treegrid-block-right
{
background: #f5f5f5;
}
.iui-treegrid-block-top-left .iui-treegrid-column-header,
.iui-treegrid-block-top-left .iui-treegrid-column-footer,
.iui-treegrid-block-top-right .iui-treegrid-column-header,
.iui-treegrid-block-top-right .iui-treegrid-column-footer {
background-color: #f0f0f0;
border: thin solid #d5d5d5 ;
color: #000000;
}
.iui-treegrid-block-top-left .iui-treegrid-column-header-hovered,
.iui-treegrid-block-top-right .iui-treegrid-column-header-hovered {
background-color: #ce0000;
border: thin solid #990000 ;
color: #000000;
}
.iui-treegrid-block-top-left .iui-treegrid-column-header-selected,
.iui-treegrid-block-top-right .iui-treegrid-column-header-selected {
background-color: #800000;
border: thin solid #640000 ;
color: #ffffff;
}
.iui-treegrid-column-header, .iui-treegrid-column-footer
{
color: black;
}
.iui-treegrid-column-header
{
border-bottom: thin solid #d5d5d5 ;
}
.iui-treegrid-column-footer
{
border-top: thin solid #d5d5d5 ;
}
.iui-treegrid-column-header-hovered, .iui-treegrid-column-header-selected, .iui-treegrid-row-hovered, .iui-treegrid-row-selected
{
animation-name: none;
}
.iui-treegrid-column-header-selected
{
color: white ;
}
.iui-treegrid-row-cell:first-child
{
border-left: thin solid #d5d5d5;
}
.iui-treegrid-row-cell:last-child
{
border-right: thin solid #d5d5d5;
}
.iui-treegrid-lines-horizontal:not(:last-child)
{
border-left-color: transparent;
border-right-color: transparent;
border-bottom-color: #d5d5d5;
}
.iui-treegrid-lines-horizontal:last-child
{
border-left-color: transparent;
border-bottom-color: #d5d5d5;
}
.iui-treegrid-lines-vertical
{
border-right-color: #d5d5d5;
}
.iui-treegrid-lines-both
{
border-right-color: #d5d5d5;
border-bottom-color: #d5d5d5;
}
.iui-treegrid-expand-box-open
{
background: url(../../icons/expand.ico) no-repeat 0 0;
}
.iui-treegrid-expand-box-open:hover
{
background: url(../../icons/expand.ico) no-repeat 0 0;
}
.iui-treegrid-expand-box-close
{
background: url(../../icons/collapse.ico) no-repeat 0 0;
}
.iui-treegrid-expand-box-close:hover
{
background: url(../../icons/collapse.ico) no-repeat 0 0;
}
.iui-treegrid-row, .iui-treegrid-row-fixed {
color: black;
}
.iui-treegrid
{
background-color: white;
border: thin solid #dadada;
color: black;
}
.iui-treegrid-column-header, .iui-treegrid-column-footer
{
background-color: #f0f0f0;
border-color: #d5d5d5;
}
.iui-treegrid-column-header-hovered
{
background-color: #ce0000;
border-color: #990000;
color: white;
}
.iui-treegrid-column-header-selected
{
background-color: #800000;
border: thin solid #640000;
color: white;
}
.iui-treegrid-row-hovered
{
background-color: #ffe5e5;
}
.iui-treegrid-row-selected
{
background-color: #ff7d7d;
color: white;
}
/* Animation */
.iui-treegrid-column-animate-select
{
background: #ce0000;
}
.iui-treegrid-row-animate-select
{
background: #ffe5e5;
}