ractive-ez-table/lib/EzTable.less

Ractive Ez UI Table

.ez-table {
	width: 100%;
	height: 100%;
	overflow: hidden;
	display: flex;
	flex-direction: column;

	.head {
		overflow-x: hidden;
		overflow-y: scroll;
		flex: 0 0 auto;

		input { width: 100%; }
	}

	.body {
		overflow-x: hidden;
		overflow-y: scroll;
		flex: 1 1 auto;

		.ez-table-row {
			& > * {
				pointer-events: none;
			}
		}
	}
	
	.content {
		display: flex;
		flex-direction: column;
	}
	
	.ez-table-row {
		display: flex;
		flex-direction: row;
	}

	.ez-table-cell {
		overflow: hidden;
		white-space: nowrap;
		flex-grow: 1; /* could be trouble...?*/
		flex-shrink: 0;
	}

}

.ez-table-controls {

	.ez-table-group-control {
		flex: 0 1 auto;
	}

	.columns {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: flex-start;
		
		.column {
			flex: 0 0 12em;
			text-align: right;
		}
	}
}