fraport/fradrive-old
Archived
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refined hover effects for page actions

Browse Source
This commit is contained in:
Felix Hamann 2019-02-03 21:16:53 +01:00
parent 8ee3d723c7
commit d41c703684
1 changed files with 5 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
templates/widgets/pageaction.lucius
View File

@ -22,23 +22,16 @@
&:hover { &:hover {
.pagenav-secondary__list { .pagenav-secondary__list {
animation: pagenav-fade-in 200ms ease-in-out;
display: block; display: block;
} }
} }
} }
@keyframes pagenav-fade-in {
from {
opacity: 0;
}
}
.pagenav-secondary__list { .pagenav-secondary__list {
position: absolute; position: absolute;
display: none; display: none;
right: 0; right: 0;
top: 0; top: 10px;
width: 250px; width: 250px;
text-align: right; text-align: right;
background-color: white; background-color: white;
@ -66,6 +59,10 @@
.pagenav__link-wrapper { .pagenav__link-wrapper {
flex: 1; flex: 1;
padding: 10px 10px 15px; padding: 10px 10px 15px;
&:hover {
background-color: var(--color-grey-light);
}
} }
@media (max-width: 768px) { @media (max-width: 768px) {