Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-02-24 23:48:13 -05:00
Code Issues Activity

Styling for editor image uploader card

Browse source
This commit is contained in:
John O'Nolan 2017-03-16 16:39:57 +02:00
parent 63f4020970
commit 0b867dfb89
5 changed files with 21 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
ghost/admin/app/styles/addons/gh-koenig/gh-koenig.css
View file

@ -43,11 +43,14 @@
}
.__mobiledoc-card {
display: inline-block; /* required for cursor movement around card */
border: 1px solid;
width: calc(100% - 20px); /* required for obvious cursor placmenet around card */
margin:5px;
}
position: relative;
display: block; /* required for cursor movement around card */
width: 100%;
}
.__mobiledoc-card:hover {
box-shadow: var(--blue) 0 0 0 1px;
}
.__mobiledoc-card .card-handle {
position: absolute;
@ -150,3 +153,12 @@ textarea.ed_code {
border-left: 10px solid transparent;
border-right: 10px solid transparent;
}
.__mobiledoc-card .gh-image-uploader .upload-form {
width: 100%;
height: 350px;
background: color(var(--lightgrey) l(+4%));
box-shadow: var(--lightgrey) 0 0 0 1px inset, #fff 0 0 0 15px inset;
border-radius: 3px;
}

1
ghost/admin/app/styles/components/uploader.css
View file

@ -64,6 +64,7 @@
flex-grow: 1;
display: flex;
align-items: center;
justify-content: center;
outline: none;
}

2
ghost/admin/app/templates/components/gh-image-uploader.hbs
View file

@ -15,7 +15,7 @@
{{!-- file selection/drag-n-drop --}}
<div class="upload-form">
{{#gh-file-input multiple=false alt=description action=(action "fileSelected") accept=accept}}
<div class="description">{{description}}</div>
<div class="gh-btn gh-btn-outline"><span>{{description}}</span></div>
{{/gh-file-input}}
</div>
{{/if}}

2
ghost/admin/lib/gh-koenig/addon/templates/components/image-card.hbs
View file

@ -18,7 +18,7 @@
{{!-- file selection/drag-n-drop --}}
<div class="upload-form">
{{#gh-file-input multiple=false alt=description action=(action 'fileSelected') accept=accept}}
<div class="description">{{description}}</div>
<div class="gh-btn gh-btn-blue"><span>{{description}}</span></div>
{{/gh-file-input}}
</div>
{{/if}}