me/bbc-young-reporter
1
0
Fork 0
mirror of https://github.com/mgrove36/bbc-young-reporter.git synced 2026-03-03 03:17:07 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add scroll to top button to articlce list on scroll

Browse Source
This commit is contained in:
Matthew Grove
2019-02-26 08:01:18 +00:00
parent 2cf78fbc69
commit 37d9672892
31 changed files with 1941 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
css/mdc-card-list.css
View File

@@ -28,3 +28,43 @@
clear: both;
width: auto;
}
.top-scroll-button {
width: 50px;
height: 50px;
text-align: center;
font-size: 25px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
position: fixed;
right: 20px;
bottom: 20px;
background-color: #273967;
display: none;
-webkit-transition-duration: 0.25s;
-moz-transition-duration: 0.25s;
-o-transition-duration: 0.25s;
transition-duration: 0.25s;
}
.top-scroll-button img {
position: relative;
right: 0;
top: 5.5px;
padding: 5px;
width: 35px;
height: auto;
-webkit-transition-duration: 0.25s;
-moz-transition-duration: 0.25s;
-o-transition-duration: 0.25s;
transition-duration: 0.25s;
}
.top-scroll-button:hover, .top-scroll-button:focus {
background-color: #1C2E56;
}
.top-scroll-button:hover img {
top: 0;
}