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

View File

@ -166,7 +166,7 @@
</span>
<span class="icon icon-level-identifier">
<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" />
</span>
<span class="metadatum-name">{{ metadatum.name }}</span>
@ -607,10 +607,6 @@ export default {
&.not-sortable-item, &.not-sortable-item:hover {
cursor: default;
background-color: white !important;
.handle .label-details, .handle .icon {
color: $gray3 !important;
}
}
&.not-focusable-item, &.not-focusable-item:hover {
cursor: default;

View File

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

View File

@ -26,7 +26,7 @@
@click="isFiltersMenuCompressed = !isFiltersMenuCompressed">
<span class="icon">
<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"/>
</span>
</button>
@ -39,7 +39,7 @@
@click="isFilterModalActive = !isFilterModalActive">
<span class="icon">
<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"/>
</span>
<span class="text">{{ $i18n.get('filters') }}</span>