Nemcio/Grav-Admin-Plugin
1
0
Fork 0
mirror of https://github.com/getgrav/grav-plugin-admin.git synced 2026-01-07 08:02:58 +01:00
Code Issues Packages Projects Releases Activity

styling fixes

Browse Source
This commit is contained in:
Andy Miller
2014-09-22 21:49:24 -06:00
parent 57327aebec
commit 7e062d8301
3 changed files with 49 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
themes/grav/css-compiled/template.css
View File

@@ -1523,18 +1523,30 @@ body.remodal_active .remodal {
.dropzone .dz-preview.dz-success .dz-success-mark {
display: block; }
.dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark {
color: white;
font-family: FontAwesome;
display: none;
position: absolute;
width: 40px;
height: 40px;
font-size: 30px;
width: 22px;
height: 22px;
font-size: 18px;
line-height: 25px;
border-radius: 100%;
text-align: center;
right: -10px;
top: -10px; }
right: 2px;
top: 2px; }
.dropzone .dz-preview .dz-success-mark span, .dropzone .dz-preview .dz-error-mark span {
display: none; }
.dropzone .dz-preview:hover .dz-success-mark, .dropzone .dz-preview:hover .dz-error-mark {
display: none; }
.dropzone .dz-preview .dz-success-mark {
color: #8cc657; }
background-color: #41bea8; }
.dropzone .dz-preview .dz-success-mark::after {
content: '\f00c'; }
.dropzone .dz-preview .dz-error-mark {
color: #ee162d; }
background-color: #d55a4e; }
.dropzone .dz-preview .dz-error-mark::after {
content: '\f00d'; }
.dropzone .dz-preview .dz-progress {
position: absolute;
top: 100px;
@@ -1550,7 +1562,7 @@ body.remodal_active .remodal {
bottom: 0;
left: 0;
width: 0%;
background-color: #8cc657; }
background-color: #41bea8; }
.dropzone .dz-preview .dz-error-message {
display: none;
position: absolute;

2
themes/grav/css-compiled/template.css.map
View File

File diff suppressed because one or more lines are too long

36
themes/grav/scss/template/_dropzone.scss
View File

@@ -2,6 +2,8 @@
$preview-width: 150px;
$preview-height: 100px;
$success-color: lighten($secondary-accent-bg,10%);
$error-color: #D55A4E;
.form-uploads-wrapper h3 {
font-size: 1rem;
@@ -49,22 +51,40 @@ $preview-height: 100px;
}
.dz-success-mark, .dz-error-mark {
color: $white;
font-family: FontAwesome;
display: none;
position: absolute;
width: 40px;
height: 40px;
font-size: 30px;
width: 22px;
height: 22px;
font-size: 18px;
line-height: 25px;
border-radius: 100%;
text-align: center;
right: -10px;
top: -10px;
right: 2px;
top: 2px;
span {
display: none;
}
}
&:hover {
.dz-success-mark, .dz-error-mark {
display: none;
}
}
.dz-success-mark {
color: #8cc657;
background-color: $success-color;
&::after {
content: '\f00c';
}
}
.dz-error-mark {
color: #ee162d;
background-color: $error-color;
&::after {
content: '\f00d';
}
}
.dz-progress {
@@ -83,7 +103,7 @@ $preview-height: 100px;
bottom: 0;
left: 0;
width: 0%;
background-color: #8cc657;
background-color: $success-color;
}
}