Added button To top.

This commit is contained in:
Svetlana Rastegina 2021-03-03 18:43:46 +01:00 committed by Georgy Litvinov
parent 10b4ed63eb
commit 6b2761d1e7
6 changed files with 65 additions and 7 deletions

View file

@ -1568,6 +1568,8 @@ ul#individual-facultyMemberships li:last-child {
}
#footer-nav a {
color: #ffffff;
font-family: "IPH Astra Serif";
font-size: 1.2rem;
}
#footer-nav a:hover,
a.terms,
@ -2616,6 +2618,25 @@ button.collapsible.active {
li.nonSelectedGroupTab {
background-color: #efe9d9;
}
button#scrollToTopBtn {
all: unset;
background-image: url(../images/to_up.png);
background-repeat: no-repeat;
background-position: top center;
cursor: pointer;
font-size: 0.8rem;
text-transform: uppercase;
font-family: "Roboto";
color: #ffffff;
height: 62px;
margin-top: 45px;
}
button#scrollToTopBtn:hover {
background-image: url(../images/to_up_hover.png);
background-repeat: no-repeat;
background-position: top center;
}
/* -------------------------------------------------> */
/* FONTS --------------------------------> */
/* -------------------------------------------------> */

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 452 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 459 B

View file

@ -21,18 +21,27 @@
</#if>
</p>
<nav role="navigation">
<ul id="footer-nav" role="list">
<nav role="navigation">
<ul id="footer-nav" role="list">
<li role="listitem"><a href="${urls.about}" title="${i18n().menu_about}">${i18n().menu_about}</a></li>
<#if urls.contact??>
<#-- <#if urls.contact??>
<li role="listitem"><a href="${urls.contact}" title="${i18n().menu_contactus}">${i18n().menu_contactus}</a></li>
</#if>
<li role="listitem"><a href="http://www.vivoweb.org/support" target="blank" title="${i18n().menu_support}">${i18n().menu_support}</a></li>
<li role="listitem"><a href="http://www.vivoweb.org/support" target="blank" title="${i18n().menu_support}">${i18n().menu_support}</a></li> -->
</ul>
</nav>
<button id="scrollToTopBtn">Наверх</button>
<script>
var scrollToTopBtn = document.getElementById("scrollToTopBtn");
var rootElement = document.documentElement;
function scrollToTop() {
rootElement.scrollTo({
top: 0,
behavior: "smooth"
});
}
scrollToTopBtn.addEventListener("click", scrollToTop)
</script>
</div>
</footer>

View file

@ -0,0 +1,28 @@
<#-- $This file is distributed under the terms of the license in LICENSE$ -->
<#-- Icon controls displayed in upper-right corner -->
<img id="uriIcon" title="${individual.uri}" src="${urls.base}/themes/iph/images/share-icon.png" alt="${i18n().share_the_uri}"/>
<#if checkNamesResult?has_content >
<img id="qrIcon" src="${urls.images}/individual/qr-code-icon.png" alt="${i18n().qr_icon}" />
<span id="qrCodeImage" class="hidden">${qrCodeLinkedImage!}
<a class="qrCloseLink" href="#" title="${i18n().qr_code}">${i18n().close_capitalized}</a>
</span>
</#if>
<#--
Some contact information is displayed on the profile page by default; e.g., phone numbes and
email addresses. If an institution has an additional location for contact info, such as a
university directory, a third "contact" icon is available that can be used to direct users to
that directory. The <a> tag below shows an example using Cornell University's directory.
<#assign netid = individual.selfEditingId()!>
<#if netid?has_content>
<a href="http://www.cornell.edu/search/?tab=people&netid=${netid}" title="Cornell University directory entry for ${netid}" target="_blank">
<img src="${urls.images}/individual/contact-info-icon.png" title="view additional contact information" alt="contact info" />
</a>
</#if>
-->