angular-ui-grid
Version:
A data grid for Angular
84 lines (68 loc) • 1.6 kB
text/less
@import (reference) 'variables.less';
@import (reference) 'elements.less';
@import (reference) 'header.less';
.ui-grid-render-container {
position: inherit;
.border-radius(0, @gridBorderRadius, @gridBorderRadius, 0);
// Prevent an outline from showing if we focus the render container element
&:focus {
outline: none;
}
}
.ui-grid-viewport {
min-height: 20px;
position: relative;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
&:focus {
outline: none ;
}
}
.ui-grid-canvas {
position: relative;
padding-top: 1px; // to prevent canvas from absorbing the 1st rendered row's margin
}
.ui-grid-row {
clear: both; // prevent columns mixing after expand
&:nth-child(odd) .ui-grid-cell {
background-color: @rowColorOdd; // rgb(253, 253, 253);
}
&:nth-child(even) .ui-grid-cell {
background-color: @rowColorEven;
}
&:last-child .ui-grid-cell {
border-bottom-color: @borderColor;
border-bottom-style: solid;
}
&:hover > [ui-grid-row] > .ui-grid-cell,
&:nth-child(odd),
&:nth-child(even){
&:hover .ui-grid-cell {
background-color: @rowColorHovered;
}
}
}
.ui-grid-no-row-overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: 10%;
.ui-grid-top-panel-background;
.border-radius(@gridBorderRadius);
border: @gridBorderWidth solid @borderColor;
font-size: 2em;
text-align: center;
> * {
position: absolute;
display: table;
margin: auto 0;
width: 100%;
top: 0;
bottom: 0;
left: 0;
right: 0;
opacity: 0.66;
}
}