FarmMaps/FarmMapsLib
8
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Remove old theming, use correct theme colors and a friendlier icon
All checks were successful
FarmMaps.Develop/FarmMapsLib/develop This commit looks good
Details

Browse Source
This commit is contained in:
Willem Dantuma
2020-02-22 09:45:41 +01:00
parent 2b5bda2a44
commit a3e14a94cc
24 changed files with 324 additions and 350 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
projects/common/src/fm/components/app/app.component.scss
View File

@@ -1,5 +1,3 @@
//@import "theme.scss";
/* Import Bootstrap & Fonts */
@import "~bootstrap/scss/bootstrap.scss";

224
projects/common/src/fm/components/resumable-file-upload/resumable-file-upload.component.scss
View File

@@ -1,113 +1,111 @@
@import "../../theme.scss";
/* Import Bootstrap & Fonts */
@import "~bootstrap/scss/bootstrap.scss";
div.resumable-file-upload {
position: fixed;
right: 0px;
bottom: 0px;
width: 300px;
max-height: 250px;
/*z-index:2000 !important;*/
}
div.minimized {
height: 0px;
}
div.closed {
height: 0px;
}
div.card {
margin-bottom: 0px;
}
div.card-block {
max-height: calc(250px - 41px);
overflow-y: auto;
}
div.minimized div.card-block {
height: 0px;
}
div.card-header span.fa {
padding-left: 5px;
}
.upload-file {
padding-top: 3px;
}
.upload-file .progress-container {
height: 3px;
width: 100%;
margin-top:4px;
}
.upload-file .progress-container .progress-bar {
display: block;
background-color: color("green");
width: 0%;
height: 100%;
}
.upload-file.done .progress-container .progress-bar {
display: none;
}
.upload-file > div > span.file-name {
display: inline-block;
width: calc(100% - 20px);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
vertical-align: middle;
}
.upload-file > div > a.file-name {
display: inline-block;
width: calc(100% - 20px);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
vertical-align: middle;
}
.upload-file.busy > div > span.fa-times {
color: theme-color("danger");
width: 20px;
display: inline-block;
vertical-align: middle;
}
.upload-file.done > div > span.fa-times {
display: none;
}
.upload-file.done > div > span.fa-check {
color: color("green");
width: 20px;
display: inline-block;
vertical-align: middle;
}
.upload-file > div.errormessage {
color: theme-color("danger");
display: none;
}
.upload-file.error > div.errormessage {
display: block;
}
.upload-file.busy > div > span.fa-check {
display: none;
}
.resumable-file-upload ul {
padding:0px;
}
/* Import Bootstrap & Fonts */
@import "~bootstrap/scss/bootstrap.scss";
div.resumable-file-upload {
position: fixed;
right: 0px;
bottom: 0px;
width: 300px;
max-height: 250px;
/*z-index:2000 !important;*/
}
div.minimized {
height: 0px;
}
div.closed {
height: 0px;
}
div.card {
margin-bottom: 0px;
}
div.card-block {
max-height: calc(250px - 41px);
overflow-y: auto;
}
div.minimized div.card-block {
height: 0px;
}
div.card-header span.fa {
padding-left: 5px;
}
.upload-file {
padding-top: 3px;
}
.upload-file .progress-container {
height: 3px;
width: 100%;
margin-top:4px;
}
.upload-file .progress-container .progress-bar {
display: block;
background-color: color("green");
width: 0%;
height: 100%;
}
.upload-file.done .progress-container .progress-bar {
display: none;
}
.upload-file > div > span.file-name {
display: inline-block;
width: calc(100% - 20px);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
vertical-align: middle;
}
.upload-file > div > a.file-name {
display: inline-block;
width: calc(100% - 20px);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
vertical-align: middle;
}
.upload-file.busy > div > span.fa-times {
color: theme-color("danger");
width: 20px;
display: inline-block;
vertical-align: middle;
}
.upload-file.done > div > span.fa-times {
display: none;
}
.upload-file.done > div > span.fa-check {
color: color("green");
width: 20px;
display: inline-block;
vertical-align: middle;
}
.upload-file > div.errormessage {
color: theme-color("danger");
display: none;
}
.upload-file.error > div.errormessage {
display: block;
}
.upload-file.busy > div > span.fa-check {
display: none;
}
.resumable-file-upload ul {
padding:0px;
}