tao-test/app/taoOutcomeUi/views/scss/result.scss

176 lines
2.9 KiB
SCSS

@import "inc/bootstrap";
#content {
padding: 24px;
}
.resultsWrapper {
display: flex;
justify-content: space-between;
margin-bottom: 8px;
}
#resultsHeader{
flex: 1;
}
.tile {
display:block;
border: 1px solid #ddd;
padding:6px;
}
.tile.statistics{
float:right;
width:45%;
}
.resultsViewToolsWrapper {
display: flex;
flex-direction: column;
align-items: flex-end;
justify-content: space-between;
margin-left: 10px;
}
.resultsViewToolsButtons button {
margin-left: 8px;
}
.userMail{
font-style: italic;
}
.variableIdentifierField{
width: 17%;
}
.cardinalityField{
width: 7%;
}
.basetypeField{
width: 7%;
}
table.mini tr td{
padding-left:10px;
}
.itemName {
font-weight: bold;
}
.dataResult {
font-weight:bold;
text-align:left;
width: 50%;
}
.resultsTable .headerRow {
background-color:#d4d5d7;
text-align:left;
}
.resultsTable .subHeaderRow {
background-color:#f3f1ef;
text-align:left;
}
.resultsTable tr, .resultsTable td {
border: 1px solid #ddd;
}
/* classes used for the layout of responses based on their evaluation*/
.correct{
float:right;
background-image: url(../../views/img/tick.png);
background-repeat:no-repeat;
width: 24px;
height: 24px;
background-position: 0px 0px;
}
.incorrect{
float:right;
background-image: url(../../views/img/cross.png);
background-repeat:no-repeat;
width: 24px;
height: 24px;
align:center;
background-position: 0px 0px;
}
.unscored{
float:right;
background-image: url(../../views/img/tag_purple.png);
background-repeat:no-repeat;
width: 24px;
height: 24px;
align:center;
background-position: 0px 0px;
}
.headerColumn{
align:center;
background-color:#efefef;
}
tr td {
padding:5px;
}
.epoch {
font-style:italic;
white-space: nowrap;
}
.traceDownload{
cursor:pointer;
padding:5px;
}
.traceDownload:hover{
background-color:#D00239 ;
color:#fff;
}
.result-table-container {
display: block;
// navigation-bar and container padding has to be considered
width: calc(100vw - 340px);
.datatable-wrapper {
display: block;
}
}
.sql-export-tooltip {
display: inline-block;
vertical-align: middle;
color: red;
font-size: 16px;
}
.filter-buttons {
display: inline;
}
@media print {
header > nav,
.navi-container,
.content-container .action-bar,
.resultsViewToolsWrapper,
table.matrix a.btn-info.preview {
display: none !important;
}
.section-container .navi-container + .content-container {
max-width: 100%;
}
}
#fileDownload {
cursor: pointer;
background: transparent;
text-shadow: none;
color: #3e7da7;
}
.btn-info.btn-secondary {
&.preview, &.result-filter-btn {
background-color: transparent;
border: 1px solid black;
color: black;
text-shadow: none;
}
}