mirror of
https://github.com/scinote-eln/scinote-web.git
synced 2024-11-18 07:01:58 +08:00
217 lines
4 KiB
SCSS
217 lines
4 KiB
SCSS
|
|
|
|
|
|
/** Custom CSS for report print (& PDF) */
|
|
body.print-report-body {
|
|
background-color: $color-white;
|
|
}
|
|
|
|
div.print-report {
|
|
background-color: $color-white;
|
|
padding: 30px;
|
|
|
|
.new-element {
|
|
height: 0;
|
|
display: none;
|
|
}
|
|
|
|
.report-element {
|
|
color: $color-black !important;
|
|
|
|
.controls {
|
|
display: none;
|
|
}
|
|
|
|
|
|
&:hover {
|
|
background-color: $color-white;
|
|
@include box-shadow(none);
|
|
}
|
|
|
|
.hot-table-container {
|
|
display: flex;
|
|
overflow: auto;
|
|
.ht_master .wtHolder {
|
|
overflow: hidden !important;
|
|
|
|
.wtHider {
|
|
height: auto !important;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.report-project-header-element {
|
|
& > .report-element-body .project-name {
|
|
color: $color-black;
|
|
}
|
|
|
|
&:hover > .report-element-body .project-name {
|
|
color: $color-black;
|
|
}
|
|
}
|
|
|
|
.report-module-element:hover {
|
|
& > .report-element-body .module-name {
|
|
color: $color-black;
|
|
}
|
|
|
|
&:hover > .report-element-body .module-name {
|
|
color: $color-black;
|
|
}
|
|
}
|
|
|
|
.report-result-element {
|
|
& > .report-element-header {
|
|
color: $color-black;
|
|
}
|
|
|
|
&:hover > .report-element-header {
|
|
color: $color-black;
|
|
}
|
|
}
|
|
|
|
.report-step-element {
|
|
& > .report-element-body .step-name {
|
|
color: $color-black;
|
|
width: 100%;
|
|
}
|
|
|
|
&:hover > .report-element-body .step-name {
|
|
color: $color-black;
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
.report-step-attachment-element {
|
|
& > .report-element-header .attachment-icon {
|
|
color: $color-black;
|
|
}
|
|
|
|
&:hover > .report-element-header .attachment-icon {
|
|
color: $color-black;
|
|
}
|
|
|
|
img {
|
|
max-width: 100%;
|
|
}
|
|
}
|
|
|
|
.report-step-table-element {
|
|
& > .report-element-header .table-name {
|
|
color: $color-black;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
&:hover > .report-element-header .table-name {
|
|
color: $color-black;
|
|
white-space: nowrap;
|
|
}
|
|
}
|
|
|
|
.report-step-asset-element {
|
|
& > .report-element-header .file-name {
|
|
em {
|
|
color: $color-black;
|
|
white-space: nowrap;
|
|
}
|
|
}
|
|
|
|
&:hover > .report-element-header .file-name {
|
|
em {
|
|
color: $color-black;
|
|
white-space: nowrap;
|
|
}
|
|
}
|
|
}
|
|
|
|
.report-step-checklist-element {
|
|
page-break-inside: avoid;
|
|
|
|
& > .report-element-header .checklist-name {
|
|
color: $color-black;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
&:hover > .report-element-header .checklist-name {
|
|
color: $color-black;
|
|
white-space: nowrap;
|
|
}
|
|
}
|
|
|
|
.report-comments-element {
|
|
& > .report-element-header {
|
|
.comments-icon,.comments-name {
|
|
color: $color-black !important;
|
|
white-space: nowrap;
|
|
}
|
|
}
|
|
|
|
&:hover > .report-element-header {
|
|
.comments-icon,.comments-name {
|
|
color: $color-black !important;
|
|
white-space: nowrap;
|
|
}
|
|
}
|
|
}
|
|
|
|
.report-module-activity-element {
|
|
& > .report-element-header {
|
|
.activity-icon,.activity-name {
|
|
color: $color-black !important;
|
|
white-space: nowrap;
|
|
}
|
|
}
|
|
|
|
&:hover > .report-element-header {
|
|
.activity-icon,.activity-name {
|
|
color: $color-black !important;
|
|
white-space: nowrap;
|
|
}
|
|
}
|
|
}
|
|
|
|
.report-module-repository-element {
|
|
& > .report-element-header {
|
|
.repository-icon,.repository-name {
|
|
color: $color-black !important;
|
|
white-space: nowrap;
|
|
}
|
|
}
|
|
|
|
&:hover > .report-element-header {
|
|
.repository-icon,.repository-name {
|
|
color: $color-black !important;
|
|
white-space: nowrap;
|
|
}
|
|
}
|
|
}
|
|
|
|
.report-result-element {
|
|
& > .report-element-header {
|
|
.result-icon,
|
|
.result-name,
|
|
.file-name{
|
|
color: $color-black !important;
|
|
}
|
|
}
|
|
|
|
img {
|
|
max-width: 100%;
|
|
}
|
|
|
|
&:hover > .report-element-header {
|
|
.result-icon,
|
|
.result-name,
|
|
.file-name {
|
|
color: $color-black !important;
|
|
}
|
|
}
|
|
}
|
|
|
|
.export-all-link {
|
|
em {
|
|
color: $brand-primary !important;
|
|
}
|
|
}
|
|
}
|