ucsc-xena-client
Version:
UCSC Xena Client. Functional genomics visualizations.
30 lines (25 loc) • 804 B
CSS
/**
* UCSC Xena Client
* http://xena.ucsc.edu
*
* Rules necessary for wrapper around columns, as well as add column hover functionality on individual columns.
*/
/** Handle visualization or wizard mode - add wrapper around column and add column components. */
.visualizationOrWizardMode {
display: flex;
}
/* During wizard mode, add 16px to the right of each column as there is no "add column" enabled during wizard (or edit)
* to force gutter */
.wizardModeMargins {
margin-right: 16px;
}
/* Scoot column to the left of "add column" component, to the left by 8px */
.hoverLeft :global(.Column) {
margin-left: -8px;
margin-right: 8px;
}
/* Scoot column to the right of "add column" component, to the right by 8px */
.hoverRight :global(.Column) {
margin-left: 8px;
margin-right: -8px;
}