New document placeholder layout #184.

This commit is contained in:
mateuswetah 2022-03-23 13:30:02 -03:00
parent 91790e1fcb
commit 4a76b7ddb3
1 changed files with 31 additions and 26 deletions

View File

@ -541,7 +541,9 @@
</div> </div>
</div> </div>
</div> </div>
<ul v-else> <ul
v-else
class="document-field-placeholder">
<li v-if="!$adminOptions.hideItemEditionDocumentFileInput"> <li v-if="!$adminOptions.hideItemEditionDocumentFileInput">
<button <button
type="button" type="button"
@ -2255,31 +2257,6 @@ export default {
padding: 0 var(--tainacan-one-column) 0 0; padding: 0 var(--tainacan-one-column) 0 0;
margin-top: 12px; margin-top: 12px;
margin-bottom: 16px; margin-bottom: 16px;
ul {
display: flex;
justify-content: space-evenly;
li {
text-align: center;
button {
border-radius: 50px;
height: 72px;
width: 72px;
border: none;
background-color: var(--tainacan-gray2);
color: var(--tainacan-secondary);
margin-bottom: 6px;
&:hover {
background-color: var(--tainacan-primary);
cursor: pointer;
}
}
p {
color: var(--tainacan-secondary);
font-size: 0.8125em;
}
}
}
} }
.section-status { .section-status {
padding-bottom: 16px; padding-bottom: 16px;
@ -2361,6 +2338,34 @@ export default {
top: -21px; top: -21px;
position: relative; position: relative;
} }
.document-field-placeholder {
display: flex;
justify-content: space-evenly;
padding: 1.5rem 1rem 2rem 1rem;
border: 1px solid var(--tainacan-input-border-color);
li {
text-align: center;
button {
border-radius: 0px;
height: 72px;
width: 72px;
border: none;
background-color: var(--tainacan-background-color);
color: var(--tainacan-secondary);
margin-bottom: 6px;
&:hover {
background-color: var(--tainacan-primary);
cursor: pointer;
}
}
p {
color: var(--tainacan-secondary);
font-size: 0.8125em;
}
}
}
} }
#button-edit-thumbnail, #button-edit-thumbnail,