Designpatch 2/2

This commit is contained in:
Patrick Jentsch
2021-05-05 10:05:12 +02:00
parent 04e53fef98
commit c0d337137e
13 changed files with 61 additions and 50 deletions

View File

@ -121,51 +121,62 @@ indicator will show up how the column is sorted right now.; */
.analyse-link[href=""] {
display: none;
}
.service[data-service]:before {
.btn-scale-x2 {
transform: scale(2);
}
.btn-scale-x2 .service-icon {
font-size: 2.5rem;
}
.service-icon[data-service]:before {
content: "help";
}
.service[data-service="corpus-analysis"]:before {
.service-icon[data-service="corpus-analysis"]:before {
content: "H";
}
.service[data-service="file-setup"]:before {
.service-icon[data-service="file-setup"]:before {
content: "E";
}
.service[data-service="nlp"]:before {
.service-icon[data-service="nlp"]:before {
content: "G";
}
.service[data-service="ocr"]:before {
.service-icon[data-service="ocr"]:before {
content: "F";
}
.status[data-status]:before {
.status-text[data-status]:before {
content: attr(data-status);
}
.status[data-status] {
.status-color[data-status] {
background-color: #f44336 !important; /* ~materialize "red" */
}
.status[data-status="unprepared"] {
.status-color[data-status="unprepared"] {
background-color: #9e9e9e !important; /* ~materialize grey */
}
.status[data-status="submitted"] {
.status-color[data-status="submitted"] {
background-color: #9e9e9e !important; /* ~materialize grey */
}
.status[data-status="queued"] {
.status-color[data-status="queued"] {
background-color: #2196f3 !important; /* ~materialize blue */
}
.status[data-status="running"] {
.status-color[data-status="running"] {
background-color: #ffc107 !important; /* ~materialize amber */
}
.status[data-status="complete"] {
.status-color[data-status="complete"] {
background-color: #4caf50 !important; /* ~materialize green */
}
.status[data-status="prepared"] {
.status-color[data-status="prepared"] {
background-color: #4caf50 !important; /* ~materialize green */
}
.status[data-status="start analysis"] {
.status-color[data-status="start analysis"] {
background-color: #2196f3 !important; /* ~materialize blue */
}
.status[data-status="analysing"] {
.status-color[data-status="analysing"] {
background-color: #4caf50 !important; /* ~materialize green */
}
.status[data-status="stop analysis"] {
.status-color[data-status="stop analysis"] {
background-color: #ff5722 !important; /* ~materialize deep-orange */
}