cargdev/angular
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

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