@quantlab/handsontable
Version:
Spreadsheet-like data grid editor that provides copy/paste functionality compatible with Excel/Google Docs
165 lines (140 loc) • 3.33 kB
CSS
.wtHolder {
position: relative;
font-family: Arial, Helvetica, sans-serif;
line-height: 1.3em;
font-size: 13px;
}
.wtHolder table,
.wtHolder tbody,
.wtHolder thead,
.wtHolder td,
.wtHolder th,
.wtHolder div {
box-sizing: content-box;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
}
.wtHolder table {
border-collapse: separate;
/*it must be separate, otherwise there are offset miscalculations in WebKit: http://stackoverflow.com/questions/2655987/border-collapse-differences-in-ff-and-webkit*/
/*position: relative;*/
/*this actually only changes appearance of user selection - does not make text unselectable
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
-ms-user-select: none;
/*user-select: none; /*no browser supports unprefixed version*/
border-spacing: 0;
margin: 0;
border-width: 0;
table-layout: fixed;
width: 0;
outline-width: 0;
/* reset bootstrap table style. for more info see: https://github.com/handsontable/handsontable/issues/224 */
max-width: none;
max-height: none;
}
.wtHolder col {
width: 50px;
}
.wtHolder col.rowHeader {
width: 50px;
}
.wtHolder th,
.wtHolder td {
border-right: 1px solid #CCC;
border-bottom: 1px solid #CCC;
height: 22px;
empty-cells: show;
line-height: 21px;
padding: 0 4px 0 4px;
/* top, bottom padding different than 0 is handled poorly by FF with HTML5 doctype */
background-color: #FFF;
vertical-align: top;
overflow: hidden;
outline-width: 0;
white-space: pre-line;
/* preserve new line character in cell */
}
.wtHolder th:last-child {
/*Foundation framework fix*/
border-right: 1px solid #CCC;
border-bottom: 1px solid #CCC;
}
.wtHolder tr:first-child th.htNoFrame,
.wtHolder th:first-child.htNoFrame,
.wtHolder th.htNoFrame {
border-left-width: 0;
background-color: white;
border-color: #FFF;
}
.wtHolder th:first-child,
.wtHolder td:first-child,
.wtHolder .htNoFrame + th,
.wtHolder .htNoFrame + td {
border-left: 1px solid #CCC;
}
.wtHolder tr:first-child th,
.wtHolder tr:first-child td {
border-top: 1px solid #CCC;
}
.wtHolder thead tr:last-child th {
border-bottom-width: 0;
}
.wtHolder thead tr.lastChild th {
border-bottom-width: 0;
}
.wtHolder th {
background-color: #EEE;
color: #222;
text-align: center;
font-weight: normal;
white-space: nowrap;
}
.wtHolder th .small {
font-size: 12px;
}
.wtHolder thead th {
padding: 0;
}
.wtHolder th.active {
background-color: #CCC;
}
.wtHolder thead th .relative {
position: relative;
padding: 2px 4px;
}
/* border line */
.wtHolder .wtBorder {
position: absolute;
font-size: 0;
}
.wtHolder td.area {
background-color: #EEF4FF;
}
/* fill handle */
.wtHolder .wtBorder.corner {
font-size: 0;
cursor: crosshair;
}
.wtHolder .htBorder.htFillBorder {
background: red;
width: 1px;
height: 1px;
}
.ht_master .wtHolder {
overflow: auto;
}
.ht_clone_left .wtHolder {
overflow-x: hidden;
overflow-y: auto;
}
.ht_clone_top .wtHolder {
overflow-x: auto;
overflow-y: hidden;
}
/* used for testing */
.testOverflowHidden {
overflow: hidden;
}