add extjs 6.0.1 sources

[extjs.git] / extjs / classic / theme-base / sass / src / panel / Table.scss

.#{$prefix}grid-view {\r
    overflow: hidden;\r
    position: relative;\r
}\r
\r
/* A grid *item* is a dataview item. It is encapsulated by a <table class="x-grid-item">.\r
 * One item always corresponds to one store record\r
 * But an item may contain more than one <tr>.\r
 * ONE child row, <tr class="x-grid-row"> will be the grid-row and will contain record data\r
 */\r
.#{$prefix}grid-row-table {\r
    // When the touch scroller is used, we need to measure the table immediately after\r
    // setting the widths of the column sizers (all cells in a column, or <COL> elements when the first row has a colspanning cell)\r
    // so that the scroller's width can be refreshed.\r
    // Unfortunately, if the table is auto width, browsers won't resize the cells until\r
    // the current thread completes.  Setting the width of the table to 0 allows us to\r
    // avoid refreshing the scroller on a delay\r
    width: 0;\r
    table-layout: fixed;\r
    border: 0 none;\r
    border-collapse: separate;\r
    border-spacing: 0;\r
}\r
\r
.#{$prefix}grid-item {\r
    table-layout: fixed;\r
    outline: none;\r
}\r
\r
.#{$prefix}grid-row {\r
    outline: none;\r
}\r
\r
.#{$prefix}grid-td {\r
    overflow: hidden;\r
    border-width: 0;\r
    vertical-align: top;\r
}\r
\r
.#{$prefix}grid-cell-inner {\r
    overflow: hidden;\r
    white-space: nowrap;\r
}\r
\r
.#{$prefix}wrap-cell {\r
    .#{$prefix}grid-cell-inner {\r
        white-space: normal;\r
    }\r
}\r
\r
.#{$prefix}grid-resize-marker {\r
    position: absolute;\r
    z-index: 5;\r
    top: 0;\r
}\r