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

Position modals at the bottom when on mobile. #646

This commit is contained in:
mateuswetah 2021-12-16 17:02:28 -03:00
parent 1dad492810
commit 9390c0616c
3 changed files with 16 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/views/admin/pages/lists/filters-page.vue
View File

@ -989,6 +989,9 @@ export default {
.label-details {
font-weight: normal;
color: var(--tainacan-gray3);
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.not-saved {
font-style: italic;
@ -1153,6 +1156,9 @@ export default {
.label-details {
font-weight: normal;
color: var(--tainacan-gray3);
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
}
.sortable-drag {

3
src/views/admin/pages/lists/metadata-page.vue
View File

@ -876,6 +876,9 @@ export default {
.label-details {
font-weight: normal;
color: var(--tainacan-gray3);
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.not-saved {
font-style: italic;

7
src/views/admin/scss/_modals.scss
View File

@ -1,4 +1,11 @@
// Tainacan modals
.tainacan-modal.is-active {
justify-content: center;
@media screen and (max-width: 769px) {
justify-content: flex-end;
}
}
.tainacan-modal .animation-content {
background: none;
width: calc(100% - (2 * var(--tainacan-one-column)));