136 lines
2.8 KiB
SCSS
136 lines
2.8 KiB
SCSS
|
@import "../variables/mixins";
|
||
|
|
@import "../variables/colors";
|
||
|
|
@import "../variables/sizes";
|
||
|
|
@import "../table/table-sprite";
|
||
|
|
|
||
|
|
.MergeDatasets {
|
||
|
|
display: flex;
|
||
|
|
align-items: stretch;
|
||
|
|
justify-content: space-between;
|
||
|
|
}
|
||
|
|
|
||
|
|
.MergeDatasets-stickyHeader {
|
||
|
|
position: fixed;
|
||
|
|
z-index: 2;
|
||
|
|
top: 157px; // compensate for dialog header
|
||
|
|
left: 0;
|
||
|
|
width: 100%;
|
||
|
|
border-bottom: 1px solid $cStructure-mainLine;
|
||
|
|
background-color: $cStructure-mainBkg;
|
||
|
|
}
|
||
|
|
|
||
|
|
.MergeDatasets-stickyHeaderContent {
|
||
|
|
display: flex;
|
||
|
|
align-items: flex-start;
|
||
|
|
justify-content: flex-start;
|
||
|
|
}
|
||
|
|
|
||
|
|
.MergeDatasets-instructions {
|
||
|
|
width: 630px;
|
||
|
|
margin: 0 auto $sMargin-group auto;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.MergeDatasets-desc {
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
align-items: center;
|
||
|
|
justify-content: space-between;
|
||
|
|
width: 245px;
|
||
|
|
margin-right: auto;
|
||
|
|
margin-left: auto;
|
||
|
|
text-align: center;
|
||
|
|
|
||
|
|
&.MergeDatasets-desc--legend {
|
||
|
|
& > *:first-child {
|
||
|
|
margin-top: $sMargin-group;
|
||
|
|
}
|
||
|
|
|
||
|
|
& > *:nth-child(even) {
|
||
|
|
margin-bottom: $sMargin-group;
|
||
|
|
}
|
||
|
|
|
||
|
|
& > *:nth-child(odd) {
|
||
|
|
margin-bottom: $sMargin-elementInline;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.MergeDatasets-countDescIcon {
|
||
|
|
@include background(sprite($table-sprites, 'spatial-merge-count') no-repeat);
|
||
|
|
width: 50px;
|
||
|
|
height: 50px;
|
||
|
|
margin-top: $sMargin-section;
|
||
|
|
margin-bottom: $sMargin-elementInline;
|
||
|
|
}
|
||
|
|
|
||
|
|
.MergeDatasets-countDesc {
|
||
|
|
margin-bottom: $sMargin-section;
|
||
|
|
}
|
||
|
|
|
||
|
|
.MergeDatasets-select {
|
||
|
|
margin-right: $sMargin-element;
|
||
|
|
margin-bottom: $sMargin-elementInline;
|
||
|
|
margin-left: $sMargin-element;
|
||
|
|
}
|
||
|
|
|
||
|
|
.MergeDatasets-list {
|
||
|
|
width: 420px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.MergeDatasets-list--2nd {
|
||
|
|
margin-left: 84px;
|
||
|
|
}
|
||
|
|
// compensate for List--selections that occupy more space and thus adds more margins to items
|
||
|
|
.MergeDatasets-list--sticky1st {
|
||
|
|
margin-left: 6px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.MergeDatasets-list--sticky2nd {
|
||
|
|
margin-left: 90px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.MergeDatasets-rowItem {
|
||
|
|
display: flex;
|
||
|
|
align-items: flex-start;
|
||
|
|
justify-content: flex-start;
|
||
|
|
}
|
||
|
|
|
||
|
|
.MergeDatasets-rowItemRadio {
|
||
|
|
margin-top: $sMargin-min; // make the radio button aligned with the text on the right side
|
||
|
|
margin-right: $sMargin-elementInline;
|
||
|
|
}
|
||
|
|
|
||
|
|
.MergeDatasets-radioPlaceholder {
|
||
|
|
width: 16px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.MergeDatasets-selectAllText {
|
||
|
|
margin-right: $sMargin-elementInline;
|
||
|
|
}
|
||
|
|
|
||
|
|
.MergeDatasets-fixedAboveFooter {
|
||
|
|
position: fixed;
|
||
|
|
bottom: 100px; //to appear above fixed footer
|
||
|
|
margin-bottom: 0;
|
||
|
|
background: $cStructure-grayBkg;
|
||
|
|
|
||
|
|
// same as .CreateDialog-footerShadow but using ::before to not have to add more markup
|
||
|
|
&::before {
|
||
|
|
content: '';
|
||
|
|
display: block;
|
||
|
|
position: absolute;
|
||
|
|
z-index: 2;
|
||
|
|
top: -18px;
|
||
|
|
width: 100%;
|
||
|
|
height: 18px;
|
||
|
|
background-image: linear-gradient(to bottom, rgba(#F9F9F9, 0), rgba(#F9F9F9, 1));
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.MergeDatasets-puzzleMergeMethod {
|
||
|
|
padding-right: $sMargin-elementInline;
|
||
|
|
padding-left: $sMargin-elementInline;
|
||
|
|
text-transform: uppercase;
|
||
|
|
}
|