Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-01-20 22:42:53 -05:00
Code Issues Activity

CSS and layout fixes for image uploader

Browse source 
closes #1673
- dropzone icon doesn't appear when filestorage is false
- proper cursor and no selection on icon
- cleaned up some sass
This commit is contained in:
Hannah Wolfe 2013-12-14 15:55:44 +00:00
parent 51b9f8972b
commit d7b5144775
2 changed files with 19 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
core/client/assets/lib/uploader.js
View file

@ -193,7 +193,10 @@
}
});
$dropzone.append('<a class="image-upload" title="Add image"><span class="hidden">Upload</span></a>');
// Only show the toggle icon if there is a dropzone mode to go back to
if (settings.fileStorage !== false) {
$dropzone.append('<a class="image-upload" title="Add image"><span class="hidden">Upload</span></a>');
}
$dropzone.find('a.image-upload').on('click', function () {
$dropzone.find('.js-url').remove();

27
core/client/assets/sass/modules/global.scss
View file

@ -1333,7 +1333,6 @@ main {
.image-url,
.image-upload {
@include icon($i-link, 12px);
line-height: 12px;
padding: 10px;
display: block;
@ -1342,7 +1341,21 @@ main {
left: 0;
color: $brown;
text-decoration: none;
@include user-select(none);
&:hover {
cursor: pointer;
}
}
.image-webcam {
@include icon($i-camera, 12px);
}
.image-url {
@include icon($i-link, 12px);
}
.image-upload {
@include icon($i-image, 12px);
}
@ -1358,17 +1371,7 @@ main {
margin: 0 0 0 10px;
}
.image-webcam {
@include icon($i-camera, 12px);
line-height: 12px;
padding: 10px;
display: block;
position: absolute;
bottom: 0;
right: 0;
color: $brown;
text-decoration: none;
}
input {
&.main{