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

More css adjustments on Metadata and Filters list.

This commit is contained in:
Mateus Machado Luna 2018-11-14 13:27:46 -02:00
parent 38c78e9eab
commit d3349a6707
3 changed files with 7 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/admin/components/lists/filters-list.vue
View File

@ -166,7 +166,7 @@
</span> </span>
<span class="icon icon-level-identifier"> <span class="icon icon-level-identifier">
<i <i
:class="{ 'tainacan-icon-collections has-text-turquoise5': metadatum.collection_id == collectionId, 'tainacan-icon-repository has-text-blue5': metadatum.collection_id != collectionId }" :class="{ 'tainacan-icon-collections has-text-turquoise5': metadatum.collection_id == collectionId && !isRepositoryLevel, 'tainacan-icon-repository has-text-blue5': isRepositoryLevel || metadatum.collection_id != collectionId }"
class="tainacan-icon" /> class="tainacan-icon" />
</span> </span>
<span class="metadatum-name">{{ metadatum.name }}</span> <span class="metadatum-name">{{ metadatum.name }}</span>
@ -607,10 +607,6 @@ export default {
&.not-sortable-item, &.not-sortable-item:hover { &.not-sortable-item, &.not-sortable-item:hover {
cursor: default; cursor: default;
background-color: white !important; background-color: white !important;
.handle .label-details, .handle .icon {
color: $gray3 !important;
}
} }
&.not-focusable-item, &.not-focusable-item:hover { &.not-focusable-item, &.not-focusable-item:hover {
cursor: default; cursor: default;

8
src/admin/components/lists/metadata-list.vue
View File

@ -792,6 +792,10 @@ export default {
@import "../../scss/_variables.scss"; @import "../../scss/_variables.scss";
.column:not(.available-metadata-area){
overflow: hidden;
}
.page-title { .page-title {
border-bottom: 1px solid $secondary; border-bottom: 1px solid $secondary;
h2 { h2 {
@ -909,10 +913,6 @@ export default {
&.not-sortable-item, &.not-sortable-item:hover { &.not-sortable-item, &.not-sortable-item:hover {
cursor: default; cursor: default;
background-color: white !important; background-color: white !important;
// .handle .label-details, .handle .icon, {
// color: $gray3 !important;
// }
} }
&.not-focusable-item, &.not-focusable-item:hover { &.not-focusable-item, &.not-focusable-item:hover {
cursor: default; cursor: default;

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

@ -26,7 +26,7 @@
@click="isFiltersMenuCompressed = !isFiltersMenuCompressed"> @click="isFiltersMenuCompressed = !isFiltersMenuCompressed">
<span class="icon"> <span class="icon">
<i <i
:class="{ 'tainacan-icon-arrowleft' : isFiltersMenuCompressed, 'tainacan-icon-arrowright' : !isFiltersMenuCompressed }" :class="{ 'tainacan-icon-arrowleft' : !isFiltersMenuCompressed, 'tainacan-icon-arrowright' : isFiltersMenuCompressed }"
class="tainacan-icon tainacan-icon-20px"/> class="tainacan-icon tainacan-icon-20px"/>
</span> </span>
</button> </button>
@ -39,7 +39,7 @@
@click="isFilterModalActive = !isFilterModalActive"> @click="isFilterModalActive = !isFilterModalActive">
<span class="icon"> <span class="icon">
<i <i
:class="{ 'tainacan-icon-arrowleft' : isFiltersMenuCompressed, 'tainacan-icon-arrowright' : !isFiltersMenuCompressed }" :class="{ 'tainacan-icon-arrowleft' : !isFiltersMenuCompressed, 'tainacan-icon-arrowright' : isFiltersMenuCompressed }"
class="tainacan-icon tainacan-icon-20px"/> class="tainacan-icon tainacan-icon-20px"/>
</span> </span>
<span class="text">{{ $i18n.get('filters') }}</span> <span class="text">{{ $i18n.get('filters') }}</span>