fyb/ugurgaleri
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Disable scroll-to-top button hover on mobile

Browse Source
This commit is contained in:
Ferit Yiğit BALABAN
2022-07-22 23:37:17 +03:00
parent 5185d05ca4
commit f9094a4ad6
2 changed files with 23 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
resources/css/main.scss
View File

@@ -284,16 +284,18 @@ a {
filter: invert(100%); filter: invert(100%);
} }
&:hover { @media (hover: hover) and (pointer: fine) {
width: $px_scroll-to-top_size + 10; &:hover {
height: $px_scroll-to-top_size + 10; width: $px_scroll-to-top_size + 10;
right: 20px; height: $px_scroll-to-top_size + 10;
bottom: 50px; right: 20px;
transition: 250ms cubic-bezier(0.51, 1.27, 0.18, 0.96); bottom: 50px;
img {
transform: translateY(-5px);
transition: 250ms cubic-bezier(0.51, 1.27, 0.18, 0.96); transition: 250ms cubic-bezier(0.51, 1.27, 0.18, 0.96);
img {
transform: translateY(-5px);
transition: 250ms cubic-bezier(0.51, 1.27, 0.18, 0.96);
}
} }
} }
} }

22
resources/styles/main.css
View File

@@ -1003,16 +1003,18 @@ a:active {
width: 100%; width: 100%;
filter: invert(100%); filter: invert(100%);
} }
#scroll-to-top:hover { @media (hover: hover) and (pointer: fine) {
width: 60px; #scroll-to-top:hover {
height: 60px; width: 60px;
right: 20px; height: 60px;
bottom: 50px; right: 20px;
transition: 250ms cubic-bezier(0.51, 1.27, 0.18, 0.96); bottom: 50px;
} transition: 250ms cubic-bezier(0.51, 1.27, 0.18, 0.96);
#scroll-to-top:hover img { }
transform: translateY(-5px); #scroll-to-top:hover img {
transition: 250ms cubic-bezier(0.51, 1.27, 0.18, 0.96); transform: translateY(-5px);
transition: 250ms cubic-bezier(0.51, 1.27, 0.18, 0.96);
}
} }
#footer { #footer {