tmdinosaurcenter
/
tainacan
mirror of https://github.com/tainacan/tainacan
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Adds proper box size to thumbnail and status section on ItemEditionForm. Replaces ocurrences of thumbnail for thumb version from api.

This commit is contained in:
Mateus Machado Luna 2018-05-21 16:52:19 -03:00
parent a5bf1c1301
commit 8017038dbe
1 changed files with 20 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
src/admin/components/edition/item-edition-form.vue
View File

@ -16,7 +16,7 @@
:title="$i18n.getHelperTitle('items', 'status')" :title="$i18n.getHelperTitle('items', 'status')"
:message="$i18n.getHelperMessage('items', 'status')"/> :message="$i18n.getHelperMessage('items', 'status')"/>
</div> </div>
<div class="section-box"> <div class="section-box section-status">
<div class="field"> <div class="field">
<b-select <b-select
v-model="form.status" v-model="form.status"
@ -220,7 +220,7 @@
:message="$i18n.getHelperMessage('items', '_thumbnail_id')"/> :message="$i18n.getHelperMessage('items', '_thumbnail_id')"/>
</div> </div>
<div class="section-box"> <div class="section-box section-thumbnail">
<div class="thumbnail-field"> <div class="thumbnail-field">
<a <a
class="button is-rounred is-secondary" class="button is-rounred is-secondary"
@ -246,7 +246,7 @@
<b-icon <b-icon
type="is-gray" type="is-gray"
icon="delete" /> icon="delete" />
{{ $i18n.get('remove') }} <span class="text">{{ $i18n.get('remove') }} </span>
</a> </a>
</div> </div>
</div> </div>
@ -666,7 +666,7 @@ export default {
@import '../../scss/_variables.scss'; @import '../../scss/_variables.scss';
.page-container{ .page-container {
padding: 25px 0px; padding: 25px 0px;
.tainacan-page-title { .tainacan-page-title {
@ -735,10 +735,18 @@ export default {
} }
} }
} }
.section-status{
width: 168px;
}
.section-thumbnail {
width: 168px;
padding-top: 0;
padding-bottom: 0;
}
.section-attachments { .section-attachments {
height: 400px; height: 400px;
max-width: 100%; max-width: 100%;
resize: both; resize: vertical;
overflow: auto; overflow: auto;
} }
@ -748,16 +756,15 @@ export default {
} }
.thumbnail-field { .thumbnail-field {
// margin-bottom: 96px; margin-top: -8px;
// margin-top: -20px;
.content { .content {
padding: 10px; padding: 10px;
font-size: 0.8em; font-size: 0.8em;
} }
img { img {
height: 105px; height: 112px;
width: 105px; width: 112px;
} }
.image-placeholder { .image-placeholder {
position: absolute; position: absolute;
@ -794,6 +801,10 @@ export default {
border-radius: 0px 0px 0px 4px; border-radius: 0px 0px 0px 4px;
font-size: 14px; font-size: 14px;
a { color: $tainacan-input-color; } a { color: $tainacan-input-color; }
.text {
top: -3px;
position: relative;
}
} }
} }