156 lines
2.4 KiB
SCSS
156 lines
2.4 KiB
SCSS
@media (max-width: 768px) {
|
|
.main-content {
|
|
padding: 30px 0px;
|
|
}
|
|
|
|
::ng-deep .mat-expansion-panel-header {
|
|
min-height: 48px;
|
|
height: auto !important;
|
|
}
|
|
|
|
::ng-deep .mat-expansion-panel-body {
|
|
padding: 0 0px 16px !important;
|
|
}
|
|
|
|
::ng-deep .mat-vertical-content {
|
|
padding: 0 14px 24px 14px !important;
|
|
}
|
|
}
|
|
|
|
.dataset-wizard {
|
|
.toc-pane-container {
|
|
&.is-sticky~.nav-spacer {
|
|
height: 500px; // the container size }
|
|
// height: calc(100vh - 100px); // the container size }
|
|
}
|
|
}
|
|
|
|
.step-container {
|
|
margin-top: 1em;
|
|
}
|
|
|
|
.external-item-card {
|
|
margin-top: 1em;
|
|
}
|
|
|
|
.external-item-action-row,
|
|
.description-action-row {
|
|
margin-top: 1em;
|
|
}
|
|
|
|
.deleteButton,
|
|
.reverseButton {
|
|
margin-top: 15px;
|
|
margin-bottom: 15px;
|
|
margin-right: 15px;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.cancelButton {
|
|
margin-top: 15px;
|
|
margin-bottom: 15px;
|
|
margin-right: 15px;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.saveButton {
|
|
margin-top: 15px;
|
|
margin-bottom: 15px;
|
|
margin-right: 15px;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.saveAndFinalizeButton {
|
|
margin-top: 15px;
|
|
margin-bottom: 15px;
|
|
margin-right: 15px;
|
|
}
|
|
|
|
.finalizeButton {
|
|
margin-top: 15px;
|
|
margin-bottom: 15px;
|
|
margin-right: 15px;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.export-btn {
|
|
padding-right: 6px;
|
|
}
|
|
|
|
.downloadPDF {
|
|
margin-top: 15px;
|
|
margin-bottom: 15px;
|
|
margin-right: 15px;
|
|
}
|
|
|
|
.downloadXML {
|
|
margin-top: 15px;
|
|
margin-bottom: 15px;
|
|
margin-right: 15px;
|
|
}
|
|
|
|
.downloadDOCX {
|
|
margin-top: 15px;
|
|
margin-bottom: 15px;
|
|
margin-right: 15px;
|
|
}
|
|
|
|
.updateDatasetProfile {
|
|
margin-top: 15px;
|
|
margin-bottom: 15px;
|
|
margin-right: 15px;
|
|
}
|
|
|
|
.actions {
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
}
|
|
|
|
// .actions > button {
|
|
// background-color: #0070c0;
|
|
// color: #ffffff;
|
|
// text-transform: uppercase;
|
|
// }
|
|
|
|
.more-horiz {
|
|
font-size: 28px;
|
|
color: #aaaaaa;
|
|
}
|
|
|
|
.more-icon :hover {
|
|
color: #00b29f;
|
|
}
|
|
|
|
.new-dataset {
|
|
height: 3.5em;
|
|
}
|
|
}
|
|
|
|
.menu-item {
|
|
width: 248px;
|
|
}
|
|
|
|
::ng-deep .mat-tab-labels {
|
|
justify-content: space-between;
|
|
}
|
|
|
|
::ng-deep .mat-tab-label-content {
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
::ng-deep .mat-ink-bar {
|
|
background-color: #00b29f !important;
|
|
// background-color: #0070c0 !important;
|
|
}
|
|
|
|
.toc-pane-container {
|
|
&.is-sticky~.nav-spacer {
|
|
height: 500px; // the container size }
|
|
// height: calc(100vh - 100px); // the container size }
|
|
}
|
|
}
|
|
|
|
.is-sticky {
|
|
margin-top: 70px !important;
|
|
}
|