Make the GitHub corner stay in place when zooming and not widen the pages
This commit is contained in:
parent
8b34fa5461
commit
adf960bafe
|
@ -99,15 +99,19 @@ button > svg path {
|
||||||
margin-right: -15px;
|
margin-right: -15px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.github-corner {
|
||||||
|
display: block;
|
||||||
|
position: absolute;
|
||||||
|
right: 0;
|
||||||
|
top: 0;
|
||||||
|
height: 100%;
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
.github-corner > svg {
|
.github-corner > svg {
|
||||||
fill: #151513;
|
fill: #151513;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
position: absolute;
|
height: 100%;
|
||||||
top: 0;
|
width: auto;
|
||||||
border: 0;
|
|
||||||
right: -1rem;
|
|
||||||
max-height: 100%;
|
|
||||||
z-index: 1;
|
|
||||||
}
|
}
|
||||||
.github-corner:hover .octo-arm {
|
.github-corner:hover .octo-arm {
|
||||||
animation: octocat-wave 560ms ease-in-out;
|
animation: octocat-wave 560ms ease-in-out;
|
||||||
|
|
Loading…
Reference in New Issue