Andreas Huber
51ba287ace
Generating all images for a gallery view can take long. It might not be obvious when the computation is done, because there is no progress indicator. Fixed by adding a progress bar. You might want to abort the computation. E.g. because you already found what you were looking for or you want to change the parameters. This can now be done by clicking 'Abort'. Note, it does not abort the current computation.
123 lines
1.7 KiB
SCSS
123 lines
1.7 KiB
SCSS
/* You can add global styles to this file, and also import other style files */
|
|
/*
|
|
blue
|
|
#CBD7F4
|
|
#B6C1DB
|
|
#96A0B5
|
|
#636A78
|
|
#2C2F36
|
|
|
|
grey
|
|
0123456789abcdef
|
|
^ ^ ^ ^ ^^
|
|
#000
|
|
#444
|
|
#888
|
|
#bbb
|
|
#eee
|
|
#fff
|
|
*/
|
|
$background-color: #CBD7F4;
|
|
|
|
|
|
|
|
//@import '~@angular/material/prebuilt-themes/deeppurple-amber.css';
|
|
@import 'custom-theme.scss';
|
|
|
|
*, body {
|
|
font-family: Arial;
|
|
font-size: 14px;
|
|
margin: 0;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.icon-inline {
|
|
width: 1em;
|
|
height: 1em;
|
|
vertical-align: text-bottom;
|
|
}
|
|
.mat-button .mat-button-wrapper .icon-inline {
|
|
vertical-align: text-top;
|
|
}
|
|
|
|
button[disabled] .icon-inline {
|
|
opacity: 0.5;
|
|
}
|
|
|
|
.icon-small {
|
|
width: 1.5em;
|
|
height: 1.5em;
|
|
margin: 0.2em;
|
|
}
|
|
.icon-small:hover {
|
|
background-color: #eee;
|
|
}
|
|
|
|
.icon-large {
|
|
width: 8em;
|
|
height: 8em;
|
|
margin: 1em;
|
|
}
|
|
|
|
.icon-select {
|
|
width: 1.5em;
|
|
height: 1.5em;
|
|
vertical-align: text-bottom;
|
|
}
|
|
|
|
a.external-link:after {
|
|
background: transparent url('/assets/img/external-link.svg') no-repeat center bottom;
|
|
background-size: 0.8em;
|
|
display: inline-block;
|
|
width: 1.1em;
|
|
height: 1em;
|
|
content: "";
|
|
}
|
|
|
|
.inline {
|
|
display: inline-block;
|
|
}
|
|
|
|
.clickable {
|
|
cursor: pointer;
|
|
}
|
|
|
|
body .mat-select-panel, body .mat-autocomplete-panel {
|
|
max-height: 300px;
|
|
}
|
|
|
|
mat-form-field {
|
|
width: 100%;
|
|
margin-right: 1ex;
|
|
}
|
|
mat-form-field:last-child {
|
|
margin-right: 0ex;
|
|
}
|
|
mat-form-field.pdb-form-number {
|
|
width: 3.5em;
|
|
}
|
|
mat-form-field.pdb-form-number-long {
|
|
width: 7em;
|
|
}
|
|
.pdb-form-icon-small {
|
|
display: inline-block;
|
|
width: 2em;
|
|
vertical-align: middle;
|
|
}
|
|
mat-form-field.pdb-form-mid {
|
|
width: 7.5em;
|
|
}
|
|
mat-form-field.pdb-form-wide {
|
|
width: 10em;
|
|
}
|
|
|
|
|
|
|
|
|
|
.errorPanel {
|
|
padding: 1ex;
|
|
background-color: map-get($mat-red, 100);
|
|
border-radius: 5px;
|
|
}
|
|
|