joshua/dash-docs
1
0
Fork 0
mirror of https://github.com/seigler/dash-docs synced 2025-07-27 09:46:12 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Use a consistent centered layout for mobiles

Browse source 
(Apply previous improvements to the Innovation page to all pages)
This commit is contained in:
Saivann 2014-11-07 02:49:47 -05:00
parent fbf5448c59
commit 53fdb6a067
2 changed files with 33 additions and 32 deletions
Download patch file Download diff file Expand all files Collapse all files

22
_less/rtl.less
View file

@ -298,8 +298,13 @@ h2 .rssicon{
/*Styles specific to mobiles*/ /*Styles specific to mobiles*/
@media handheld, only screen and ( max-width: 60em ), only screen and ( max-device-width: 60em ){ @media handheld, only screen and ( max-width: 60em ), only screen and ( max-device-width: 60em ){
h1{ h2{
text-align:right; text-align:center;
}
.titleicon,
.warningicon{
margin:auto;
margin-bottom:5px;
} }
.langselect{ .langselect{
text-align:right; text-align:right;
@ -309,17 +314,16 @@ h2 .rssicon{
margin-left:0; margin-left:0;
margin-right:10px; margin-right:10px;
} }
.summary{
text-align:right;
}
.content{ .content{
position:static;
padding:15px 10px 20px 10px;
text-align:right; text-align:right;
} }
.footermenu{ .footermenu{
display:block; display:block;
} }
.resources,
.resources p{
text-align:center;
}
.resources>div>div:first-child{ .resources>div>div:first-child{
padding-left:0; padding-left:0;
border-left:0; border-left:0;
@ -353,10 +357,6 @@ h2 .rssicon{
.downloadbox{ .downloadbox{
text-align:right; text-align:right;
} }
.download h1,
.download h2{
text-align:right;
}
.download div p{ .download div p{
text-align:right; text-align:right;
} }

43
_less/screen.less
View file

@ -2022,15 +2022,20 @@ h2 .rssicon{
img{ img{
max-width:100%; max-width:100%;
} }
h1{ h1,
text-align:left; h2{
text-align:center;
}
.titleicon,
.warningicon{
display:block;
position:static;
margin:auto;
margin-bottom:5px;
} }
.banner-message div div{ .banner-message div div{
width:auto; width:auto;
} }
.summary{
text-align:left;
}
.head{ .head{
margin:0; margin:0;
} }
@ -2106,7 +2111,7 @@ h2 .rssicon{
position:static; position:static;
text-align:left; text-align:left;
margin:0; margin:0;
padding:15px 10px 20px 10px; padding:20px 10px;
border-right:0; border-right:0;
border-left:0; border-left:0;
-webkit-border-radius:0; -webkit-border-radius:0;
@ -2133,9 +2138,9 @@ h2 .rssicon{
.index li{ .index li{
padding:3px 0; padding:3px 0;
} }
.docreference{ .docreference a{
width:220px; display:block;
margin:0 0 40px 0; margin:0 auto 40px auto;
} }
.toc{ .toc{
position:static; position:static;
@ -2201,11 +2206,8 @@ h2 .rssicon{
.tablehalf img{ .tablehalf img{
width:auto; width:auto;
height:auto; height:auto;
margin: auto; margin:auto;
display: block; display:block;
}
.tablehalf h2 {
text-align: center;
} }
.listtable div div{ .listtable div div{
display:block; display:block;
@ -2278,6 +2280,8 @@ h2 .rssicon{
padding-right:0; padding-right:0;
} }
.start div div div{ .start div div div{
position:static;
text-align:center;
bottom:15px; bottom:15px;
} }
.start>div>div:first-child+div{ .start>div>div:first-child+div{
@ -2303,6 +2307,10 @@ h2 .rssicon{
padding-left:0; padding-left:0;
margin-left:0; margin-left:0;
} }
.resources,
.resources p{
text-align:center;
}
.resourcesorg div div{ .resourcesorg div div{
width:auto; width:auto;
display:block; display:block;
@ -2317,9 +2325,6 @@ h2 .rssicon{
padding:0; padding:0;
border:0; border:0;
} }
.resourcesmore div h2{
text-align:left;
}
.walletmenu ul{ .walletmenu ul{
display:block; display:block;
} }
@ -2433,10 +2438,6 @@ h2 .rssicon{
.download div p{ .download div p{
text-align:left; text-align:left;
} }
.download h1,
.download h2{
text-align:left;
}
.download .mainbutton{ .download .mainbutton{
display:none; display:none;
} }