Adjustments to page scroll on repository level.
This commit is contained in:
parent
1f8af0789a
commit
8c67b65790
|
@ -28,17 +28,7 @@
|
||||||
<ul class="menu-list level-right">
|
<ul class="menu-list level-right">
|
||||||
<li
|
<li
|
||||||
:class="activeRoute == 'ItemPage' || activeRoute == 'CollectionItemsPage' || activeRoute == 'ItemEditionForm' || activeRoute == 'ItemCreatePage' ? 'is-active':''"
|
:class="activeRoute == 'ItemPage' || activeRoute == 'CollectionItemsPage' || activeRoute == 'ItemEditionForm' || activeRoute == 'ItemCreatePage' ? 'is-active':''"
|
||||||
class="level-item"
|
class="level-item">
|
||||||
v-tooltip="{
|
|
||||||
delay: {
|
|
||||||
show: 500,
|
|
||||||
hide: 100,
|
|
||||||
},
|
|
||||||
content: $i18n.get('items'),
|
|
||||||
autoHide: false,
|
|
||||||
placement: 'bottom-start',
|
|
||||||
classes: ['header-tooltips']
|
|
||||||
}">
|
|
||||||
<router-link
|
<router-link
|
||||||
tag="a"
|
tag="a"
|
||||||
:to="{ path: collection && collection.id ? $routerHelper.getCollectionItemsPath(collection.id, '') : '' }"
|
:to="{ path: collection && collection.id ? $routerHelper.getCollectionItemsPath(collection.id, '') : '' }"
|
||||||
|
@ -52,17 +42,7 @@
|
||||||
<li
|
<li
|
||||||
v-if="collection && collection.current_user_can_edit"
|
v-if="collection && collection.current_user_can_edit"
|
||||||
:class="activeRoute == 'CollectionEditionForm' ? 'is-active':''"
|
:class="activeRoute == 'CollectionEditionForm' ? 'is-active':''"
|
||||||
class="level-item"
|
class="level-item">
|
||||||
v-tooltip="{
|
|
||||||
delay: {
|
|
||||||
show: 500,
|
|
||||||
hide: 100,
|
|
||||||
},
|
|
||||||
content: $i18n.get('label_settings'),
|
|
||||||
autoHide: false,
|
|
||||||
placement: 'bottom-start',
|
|
||||||
classes: ['header-tooltips']
|
|
||||||
}">
|
|
||||||
<router-link
|
<router-link
|
||||||
tag="a"
|
tag="a"
|
||||||
:to="{ path: collection && collection.id ? $routerHelper.getCollectionEditPath(collection.id) : '' }"
|
:to="{ path: collection && collection.id ? $routerHelper.getCollectionEditPath(collection.id) : '' }"
|
||||||
|
@ -77,17 +57,7 @@
|
||||||
<li
|
<li
|
||||||
v-if="collection && collection.current_user_can_edit_metadata"
|
v-if="collection && collection.current_user_can_edit_metadata"
|
||||||
:class="activeRoute == 'CollectionMetadataPage' ? 'is-active':''"
|
:class="activeRoute == 'CollectionMetadataPage' ? 'is-active':''"
|
||||||
class="level-item"
|
class="level-item">
|
||||||
v-tooltip="{
|
|
||||||
delay: {
|
|
||||||
show: 500,
|
|
||||||
hide: 100,
|
|
||||||
},
|
|
||||||
content: $i18n.getFrom('metadata', 'name'),
|
|
||||||
autoHide: false,
|
|
||||||
placement: 'bottom-start',
|
|
||||||
classes: ['header-tooltips']
|
|
||||||
}">
|
|
||||||
<router-link
|
<router-link
|
||||||
tag="a"
|
tag="a"
|
||||||
:to="{ path: collection && collection.id ? $routerHelper.getCollectionMetadataPath(collection.id) : '' }"
|
:to="{ path: collection && collection.id ? $routerHelper.getCollectionMetadataPath(collection.id) : '' }"
|
||||||
|
@ -101,17 +71,7 @@
|
||||||
<li
|
<li
|
||||||
v-if="collection && collection.current_user_can_edit_filters"
|
v-if="collection && collection.current_user_can_edit_filters"
|
||||||
:class="activeRoute == 'CollectionFiltersPage' ? 'is-active':''"
|
:class="activeRoute == 'CollectionFiltersPage' ? 'is-active':''"
|
||||||
class="level-item"
|
class="level-item">
|
||||||
v-tooltip="{
|
|
||||||
delay: {
|
|
||||||
show: 500,
|
|
||||||
hide: 100,
|
|
||||||
},
|
|
||||||
content: $i18n.getFrom('filters', 'name'),
|
|
||||||
autoHide: false,
|
|
||||||
placement: 'bottom-start',
|
|
||||||
classes: ['header-tooltips']
|
|
||||||
}">
|
|
||||||
<router-link
|
<router-link
|
||||||
tag="a"
|
tag="a"
|
||||||
:to="{ path: collection && collection.id ? $routerHelper.getCollectionFiltersPath(collection.id) : ''}"
|
:to="{ path: collection && collection.id ? $routerHelper.getCollectionFiltersPath(collection.id) : ''}"
|
||||||
|
@ -125,17 +85,7 @@
|
||||||
<li
|
<li
|
||||||
v-if="$userCaps.hasCapability('tnc_rep_read_logs')"
|
v-if="$userCaps.hasCapability('tnc_rep_read_logs')"
|
||||||
:class="activeRoute == 'CollectionActivitiesPage' ? 'is-active':''"
|
:class="activeRoute == 'CollectionActivitiesPage' ? 'is-active':''"
|
||||||
class="level-item"
|
class="level-item">
|
||||||
v-tooltip="{
|
|
||||||
delay: {
|
|
||||||
show: 500,
|
|
||||||
hide: 100,
|
|
||||||
},
|
|
||||||
content: $i18n.get('activities'),
|
|
||||||
autoHide: false,
|
|
||||||
placement: 'bottom-start',
|
|
||||||
classes: ['header-tooltips']
|
|
||||||
}">
|
|
||||||
<router-link
|
<router-link
|
||||||
tag="a"
|
tag="a"
|
||||||
:to="{ path: collection && collection.id ? $routerHelper.getCollectionActivitiesPath(collection.id) : '' }"
|
:to="{ path: collection && collection.id ? $routerHelper.getCollectionActivitiesPath(collection.id) : '' }"
|
||||||
|
@ -149,17 +99,7 @@
|
||||||
<li
|
<li
|
||||||
v-if="collection && collection.current_user_can_edit_users"
|
v-if="collection && collection.current_user_can_edit_users"
|
||||||
:class="activeRoute == 'CollectionCapabilitiesPage' ? 'is-active':''"
|
:class="activeRoute == 'CollectionCapabilitiesPage' ? 'is-active':''"
|
||||||
class="level-item"
|
class="level-item">
|
||||||
v-tooltip="{
|
|
||||||
delay: {
|
|
||||||
show: 500,
|
|
||||||
hide: 100,
|
|
||||||
},
|
|
||||||
content: $i18n.get('capabilities'),
|
|
||||||
autoHide: false,
|
|
||||||
placement: 'bottom-start',
|
|
||||||
classes: ['header-tooltips']
|
|
||||||
}">
|
|
||||||
<router-link
|
<router-link
|
||||||
tag="a"
|
tag="a"
|
||||||
:to="{ path: collection && collection.id ? $routerHelper.getCollectionCapabilitiesPath(collection.id) : '' }"
|
:to="{ path: collection && collection.id ? $routerHelper.getCollectionCapabilitiesPath(collection.id) : '' }"
|
||||||
|
@ -218,17 +158,6 @@ export default {
|
||||||
|
|
||||||
@import "../../scss/_variables.scss";
|
@import "../../scss/_variables.scss";
|
||||||
|
|
||||||
.header-tooltips .tooltip-inner {
|
|
||||||
color: turquoise5;
|
|
||||||
text-shadow: none;
|
|
||||||
background-color: var(--tainacan-turquoise2);
|
|
||||||
font-weight: 400;
|
|
||||||
padding: 10px 14px;
|
|
||||||
}
|
|
||||||
.header-tooltips .tooltip-arrow {
|
|
||||||
border-color: var(--tainacan-turquoise2);
|
|
||||||
}
|
|
||||||
|
|
||||||
// Tainacan Header
|
// Tainacan Header
|
||||||
#tainacan-subheader {
|
#tainacan-subheader {
|
||||||
background-color: var(--tainacan-turquoise5);
|
background-color: var(--tainacan-turquoise5);
|
||||||
|
|
|
@ -754,7 +754,7 @@
|
||||||
if ((this.$refs['search-control'].classList.contains('floating-search-control')))
|
if ((this.$refs['search-control'].classList.contains('floating-search-control')))
|
||||||
this.$refs['search-control'].classList.remove('floating-search-control');
|
this.$refs['search-control'].classList.remove('floating-search-control');
|
||||||
|
|
||||||
this.$refs['items-page-container'].scrollTo({ top: this.$refs['search-control'].offsetTop - 42, behavior: 'smooth'});
|
this.$refs['items-page-container'].scrollTo({ top: this.$refs['search-control'].offsetTop - (this.isRepositoryLevel ? 94 : 42), behavior: 'smooth'});
|
||||||
}
|
}
|
||||||
|
|
||||||
this.isLoadingItems = isLoadingItems;
|
this.isLoadingItems = isLoadingItems;
|
||||||
|
|
Loading…
Reference in New Issue