scratchfoundation/scratch-www
1
0
Fork 0
mirror of https://github.com/scratchfoundation/scratch-www.git synced 2024-11-27 01:25:52 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions 4

Merge pull request #526 from mewtaylor/issue/conference-mobile-tweaks

Browse source 
Some additional mobile tweaks for conference
This commit is contained in:
Matthew Taylor 2016-05-29 12:01:56 -04:00
commit 9f886a007f
3 changed files with 37 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
src/components/navigation/conference/navigation.scss
View file

@ -42,12 +42,19 @@
}
@media only screen and (max-width: $mobile - 1) {
.inner {
> ul {
li {
&.right {
ul {
flex-flow: row nowrap;
.inner > ul {
li {
&.right {
ul {
flex-flow: row nowrap;
li {
margin: 0;
padding: 0;
a {
font-size: .75rem;
}
}
}
}

9
src/components/page/conference/page.scss
View file

@ -123,5 +123,12 @@
}
}
}
}
}
}
@media only screen and (max-width: $mobile - 1) {
#view {
width: 100%;
min-width: 100%;
}
}

17
src/views/conference/expect/expect.scss
View file

@ -156,6 +156,22 @@
}
}
@media only screen and (max-width: $mobile - 1) {
.flex-row {
table {
width: 100%;
}
}
}
@media only screen and (min-width: $mobile) and (max-width: $desktop - 1) {
.flex-row {
table {
width: $cols6;
}
}
}
@media only screen and (max-width: $desktop - 1) {
.flex-row {
flex-direction: column;
@ -163,7 +179,6 @@
table {
margin-top: 50px;
width: $cols6;
text-align: left;
th {