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

Removes flex columns from ItemsPage (will make horizontal scroll and responsiveness later easier).

This commit is contained in:
mateuswetah 2018-04-30 19:22:43 -03:00
parent e9aaf51ced
commit 1fffac1a29
1 changed files with 87 additions and 97 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
src/admin/pages/lists/items-page.vue
View File

@ -1,11 +1,8 @@
<template>
<div :class="{'primary-page': isRepositoryLevel, 'page-container': isRepositoryLevel, 'page-container-small' :!isRepositoryLevel }">
<title-row v-if="isRepositoryLevel"/>
<div class="columns">
<!-- SEARCH AND FILTERS --------------------- -->
<div
class="column"
style="max-width: 200px">
<aside class="filters-menu">
<b-loading
:is-full-page="false"
@ -34,8 +31,8 @@
</div>
</section>
</aside>
</div>
<div class="column">
<div class="to-right">
<!-- SEARCH CONTROL ------------------------- -->
<div class="sub-header">
<b-loading
@ -85,7 +82,7 @@
<pagination v-if="items.length > 0"/>
</div>
</div>
</div>
</div>
</template>
@ -149,7 +146,6 @@
}
},
created() {
this.isRepositoryLevel = (this.collectionId == undefined);
this.$eventBusSearch.$on('isLoadingItems', isLoadingItems => {
@ -250,7 +246,6 @@
this.$eventBusSearch.updateStoreFromURL();
this.$eventBusSearch.loadItems();
}
}
</script>
@ -258,19 +253,14 @@
@import '../../scss/_variables.scss';
.page-container-small > .columns {
margin-top: 0;
&>.column {
.page-container, .page-container-small {
padding: 0px;
}
}
.sub-header {
min-height: $subheader-height;
height: $subheader-height;
margin-left: -42px;
margin-right: -42px;
margin-top: -$page-small-top-padding;
padding-top: $page-small-top-padding;
padding-left: $page-small-side-padding;
padding-right: $page-small-side-padding;
@ -299,11 +289,10 @@
position: relative;
width: $side-menu-width;
max-width: $side-menu-width;
min-height: 100%;
background-color: $tainacan-input-color;
margin-left: -$page-small-side-padding;
margin-right: -$page-small-side-padding;
margin-top: -$page-small-top-padding;
padding: $page-small-side-padding;
float: left;
.label {
font-size: 12px;
@ -312,12 +301,13 @@
}
.to-right{
margin-left: $side-menu-width;
}
.table-container {
margin-right: -42px;
margin-left: -42px;
padding: 3em 55px;
position: relative;
box-sizing: content-box;
}
@media screen and (max-width: 769px) {