gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Merge pull request #13476 from nawazishali/fix/iPhone-frame

Browse Source 
Fixed iPhone frame doesn't disappear on narrow widths
This commit is contained in:
Samuel Plumppu
2017-02-22 21:33:58 +01:00
committed by GitHub
parent 03aa7d80e7 e2e0fd7ccf
commit 659fff05ab
1 changed files with 7 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
client/less/challenge.less
View File

@ -181,21 +181,24 @@
overflow: hidden;
}
@media only screen and (min-width: 993px) {
@media only screen and (min-width: 1031px) {
.iframe-scroll {
z-index: 1;
}
}
@media only screen and (max-width: 992px) {
@media only screen and (max-width: 1030px) {
.iframe-scroll {
height: auto;
overflow: auto;
}
.iphone-position {
display: none;
}
}
iframe.iphone {
border: none;
@media(min-width: 992px) {
@media(min-width: 1031px) {
width: 280px;
height: 497px;
position: absolute;
@ -203,7 +206,7 @@ iframe.iphone {
right: 35px;
overflow-y: scroll;
}
@media(max-width: 991px) {
@media(max-width: 1030px) {
width: 100%;
border-radius: 5px;
overflow-y: visible;