Added button To top.
This commit is contained in:
parent
10b4ed63eb
commit
6b2761d1e7
6 changed files with 65 additions and 7 deletions
|
@ -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 --------------------------------> */
|
||||
/* -------------------------------------------------> */
|
||||
|
|
BIN
webapp/src/main/webapp/themes/iph/images/share-icon.png
Normal file
BIN
webapp/src/main/webapp/themes/iph/images/share-icon.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 1.6 KiB |
BIN
webapp/src/main/webapp/themes/iph/images/to_up.png
Normal file
BIN
webapp/src/main/webapp/themes/iph/images/to_up.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 452 B |
BIN
webapp/src/main/webapp/themes/iph/images/to_up_hover.png
Normal file
BIN
webapp/src/main/webapp/themes/iph/images/to_up_hover.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 459 B |
|
@ -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>
|
||||
|
||||
|
|
|
@ -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>
|
||||
|
||||
-->
|
Loading…
Add table
Reference in a new issue