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

fix(aio): copy code button overlap fix on mobile (#17302)

This commit is contained in:
Stefanie Fluin 2017-06-08 12:08:03 -07:00 committed by Igor Minar
parent 0940e6d6ed
commit 391ed6334d
1 changed files with 3 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
aio/src/styles/2-modules/_code.scss
View File

@ -69,7 +69,7 @@ code-tabs mat-tab-body-content .fadeIn {
aio-code pre {
display: flex;
min-height: 32px;
margin: 16px;
margin: 16px 32px;
white-space: pre-wrap;
align-items: center;
@ -101,8 +101,8 @@ code ol {
.copy-button {
display: inline-block;
position: absolute;
top: 6px;
right: 8px;
top: -8px;
right: -32px;
color: $blue-grey-200;
background-color: transparent;
@ -111,11 +111,6 @@ code ol {
&:hover {
color: $mediumgray;
}
@media (max-width: 480px) {
top: 0;
right: 0;
}
}
.lang-sh .copy-button, .lang-bash .copy-button {