@bigfishtv/cockpit/styles/lib/fixed-data-table.less

/**
 * FixedDataTable v0.6.0 
 *
 * Copyright (c) 2015, Facebook, Inc.
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree. An additional grant
 * of patent rights can be found in the PATENTS file in the same directory.
 */

/**
 * Copyright (c) 2015, Facebook, Inc.
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree. An additional grant
 * of patent rights can be found in the PATENTS file in the same directory.
 *
 * @providesModule Scrollbar
 *
 */

/**
 * Scrollbars.
 */

/* Touching the scroll-track directly makes the scroll-track bolder */
.public_Scrollbar_main.public_Scrollbar_mainActive,
.public_Scrollbar_main:hover {
	background: rgba(255, 255, 255, 0.8);
}

.public_Scrollbar_mainOpaque,
.public_Scrollbar_mainOpaque.public_Scrollbar_mainActive,
.public_Scrollbar_mainOpaque:hover {
	background: @white;
}

.public_Scrollbar_face:after {
	background: #c2c2c2;
}

.public_Scrollbar_main:hover .public_Scrollbar_face:after,
.public_Scrollbar_mainActive .public_Scrollbar_face:after,
.public_Scrollbar_faceActive:after {
	background: #7d7d7d;
}


/**
 * Copyright (c) 2015, Facebook, Inc.
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree. An additional grant
 * of patent rights can be found in the PATENTS file in the same directory.
 *
 * @providesModule fixedDataTable
 *
 */

/**
 * Table.
 */
.public_fixedDataTable_main {
	background: @white;
	border-color: @light-grey;
}

// Header
.public_fixedDataTable_header {
	border-color: @light-grey;

	&:hover {
		background: @white !important;
		
		.public_fixedDataTableCell_main {
			background: @white !important;
		}
	}
	
	.public_fixedDataTableCell_main {
		.semibold-font();
		.font-size(@font-size-xsmall);
		color: @grey-700;
		line-height: 2rem;
		border: none;

		a {
			color: inherit;
			display: flex;
			justify-content: space-between;
			align-items: center;
		}

		.sortable {
			cursor: pointer;
		}
	}
}

.public_fixedDataTable_hasBottomBorder {
	border-color: transparent;
}

// Footer
.public_fixedDataTable_footer {

	.public_fixedDataTableCell_main {
		background: @light;
		border-color: @light-grey;
	}
}

.public_fixedDataTable_horizontalScrollbar .public_Scrollbar_mainHorizontal {
	background: @white;
}

.public_fixedDataTable_topShadow {
	background: 0 0 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAECAYAAABP2FU6AAAAF0lEQVR4AWPUkNeSBhHCjJoK2twgFisAFagCCp3pJlAAAAAASUVORK5CYII=) repeat-x;
}

.public_fixedDataTable_bottomShadow {
	background: 0 0 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAECAYAAABP2FU6AAAAHElEQVQI12MwNjZmZdAT1+Nm0JDWEGZQk1GTBgAWkwIeAEp52AAAAABJRU5ErkJggg==) repeat-x;
}


/**
 * Copyright (c) 2015, Facebook, Inc.
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree. An additional grant
 * of patent rights can be found in the PATENTS file in the same directory.
 *
 * @providesModule fixedDataTableCell
 */

/**
 * Table cell.
 */
.public_fixedDataTableCell_main {
	background: @white;
	border-color: transparent;

	.image {
		cursor: grab;
	}
}

.public_fixedDataTableCell_highlighted {
	background: #f4f4f4;
}

.public_fixedDataTableCell_cellContent {
	padding: @padding-small;
	.font-size(@font-size-small);
	color: @grey;

	a {
		.semibold-font();
		.font-size(@paragraph-font-size);
		color: @grey;
		line-height: 18px;
		.truncate();
		transition: none;

		&:hover,
		&:focus {
			color: inherit;
			text-decoration: underline;
		}
	}
}

.public_fixedDataTableCell_columnResizerKnob {
	background: @primary;
}


/**

 * Copyright (c) 2015, Facebook, Inc.
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree. An additional grant
 * of patent rights can be found in the PATENTS file in the same directory.
 *
 * @providesModule fixedDataTableColumnResizerLine
 *
 */

/**
 * Column resizer line.
 */
.public_fixedDataTableColumnResizerLine_main {
	border-color: @primary;
}


/**
 * Copyright (c) 2015, Facebook, Inc.
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree. An additional grant
 * of patent rights can be found in the PATENTS file in the same directory.
 *
 * @providesModule fixedDataTableRow
 */

/**
 * Table row.
 */
.public_fixedDataTableRow_main {
	background: @white;
	user-select: none;
	-webkit-touch-callout: none;
	-webkit-user-select: none;

	&:not(.selected):hover {
		background: @light;

		.public_fixedDataTableCell_main {
			background: @light;
		}

		&.public_fixedDataTableRow_highlighted .public_fixedDataTableCell_main {
			background: @light;
		}
	}

	&.selected {
		background: @primary;

		a {
			color: @white;
		}

		.public_fixedDataTableCell_main {
			background: @primary;	
		}

		.public_fixedDataTableCell_cellContent {
			color: @white;
		}
	}
}

.public_fixedDataTableRow_highlighted,
.public_fixedDataTableRow_highlighted .public_fixedDataTableCell_main {
	//background: #FAFAFC;
}

.public_fixedDataTableRow_fixedColumnsDivider {
	border-color: #d3d3d3;
}

.public_fixedDataTableRow_columnsShadow {
	background: 0 0 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAABCAYAAAD5PA/NAAAAFklEQVQIHWPSkNeSBmJhTQVtbiDNCgASagIIuJX8OgAAAABJRU5ErkJggg==) repeat-y;
}

.fixedDataTableLayout_header {
	.public_fixedDataTableCell_cellContent {
		svg {
			position: absolute;
			top: 30%;
			right: 0;
			box-shadow: 0 0 6px 3px white;
			background-color: white;
		}
	}
}

.public_fixedDataTableCell_cellContent {
	.control-indicator {
		transition: none;
	}
}