greatbody
/
freeCodeCamp
mirror of https://github.com/freeCodeCamp/freeCodeCamp.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Fixed iPhone frame doesn't disappear on narrow widths 

Removed all unnecessary formatting.

I have removed all unnecessary formatting as requested. Sorry for inconvenience .

Squashed the second commit into first.
pull/13476/head
Nawazish Ali 2017-02-21 01:13:33 +05:00
parent 8964f19460
commit e2e0fd7ccf
1 changed files with 7 additions and 4 deletions
Show Stats 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; overflow: hidden;
} }
@media only screen and (min-width: 993px) { @media only screen and (min-width: 1031px) {
.iframe-scroll { .iframe-scroll {
z-index: 1; z-index: 1;
} }
} }
@media only screen and (max-width: 992px) { @media only screen and (max-width: 1030px) {
.iframe-scroll { .iframe-scroll {
height: auto; height: auto;
overflow: auto; overflow: auto;
} }
.iphone-position {
display: none;
}
} }
iframe.iphone { iframe.iphone {
border: none; border: none;
@media(min-width: 992px) { @media(min-width: 1031px) {
width: 280px; width: 280px;
height: 497px; height: 497px;
position: absolute; position: absolute;
@ -203,7 +206,7 @@ iframe.iphone {
right: 35px; right: 35px;
overflow-y: scroll; overflow-y: scroll;
} }
@media(max-width: 991px) { @media(max-width: 1030px) {
width: 100%; width: 100%;
border-radius: 5px; border-radius: 5px;
overflow-y: visible; overflow-y: visible;