iSharkFly-Docs/angular-docs-cn
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(aio): make the footer links clickable on all browsers

Browse Source 
The footer background (implemented via `footer:after`) had a higher `z-index`
than other footer elements and was obscuring the footer links on certain
browsers (Firefox, Edge, IE), which made them unclickable.
This commit lowers the index of `footer:after`, so that links are clickable on
these browsers.

Fixes #17460
This commit is contained in:
Georgios Kalpakas 2017-06-13 13:38:05 +03:00 committed by Alex Rickabaugh
parent f840afb983
commit b4cd20cbbc
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
aio/src/styles/1-layouts/_footer.scss
View File

@ -43,7 +43,7 @@ footer {
p { p {
text-align: center; text-align: center;
margin: 10px 0px 5px; margin: 10px 0px 5px;
@media (max-width: 480px) { @media (max-width: 480px) {
text-align: left; text-align: left;
} }
@ -79,7 +79,7 @@ footer {
} }
} }
@media (max-width: 700px) { @media (max-width: 700px) {
@ -97,7 +97,7 @@ footer {
footer::after { footer::after {
content: ""; content: "";
position: absolute; position: absolute;
z-index: 10; z-index: -1;
top: 0; top: 0;
bottom: 0; bottom: 0;
left: 0; left: 0;