honeymoose
/
angular-cn
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Updates for mobile list styles and layout

This commit is contained in:
Alex Wolfe 2015-05-17 11:34:24 -07:00
parent 1af6775b61
commit d135d1bf7e
6 changed files with 29 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
public/docs/dart/latest/guide/index.jade
View File

@ -1,10 +1,10 @@
number = 1; number = 1;
ul ul.is-plain.l-offset-page-header
for page, slug in public.docs[current.path[1]][current.path[2]].guide._data for page, slug in public.docs[current.path[1]][current.path[2]].guide._data
if slug != '_listtype' && slug != 'index' if slug != '_listtype' && slug != 'index'
url = "/docs/" + current.path[1] + "/" + current.path[2] + "/" + current.path[3] + "/" + slug + ".html" url = "/docs/" + current.path[1] + "/" + current.path[2] + "/" + current.path[3] + "/" + slug + ".html"
num = number++ num = number++
li.c8 li
!= partial("../../../../_includes/_hover-card", { icon: "icon-number", number: num, name: page.title, url: url }) != partial("../../../../_includes/_hover-card", { icon: "icon-number", number: num, name: page.title, url: url })

9
public/docs/js/latest/api/index.jade
View File

@ -1,19 +1,18 @@
.l-main-section .callout.is-helpful.l-offset-page-header
.callout.is-helpful
header Developer Preview header Developer Preview
p. p.
The Angular 2.0 API is currently in active development and not production ready. The Angular 2.0 API is currently in active development and not production ready.
This page showcases a preview of proposed methods to help further the discussion This page showcases a preview of proposed methods to help further the discussion
in the development community. If you're building a production app today, please in the development community. If you're building a production app today, please
<a href="https://docs.angularjs.org/api">use Angular 1.X</a>. <a href="https://docs.angularjs.org/api">use Angular 1.X</a>.
ul ul.is-plain.l-offset-page-header
for page, slug in public.docs[current.path[1]][current.path[2]].api for page, slug in public.docs[current.path[1]][current.path[2]].api
if slug != 'index' && slug != '_contents' && slug != '_data' if slug != 'index' && slug != '_contents' && slug != '_data'
url = "/docs/" + current.path[1] + "/" + current.path[2] + "/" + current.path[3] + "/" + slug url = "/docs/" + current.path[1] + "/" + current.path[2] + "/" + current.path[3] + "/" + slug
title = public.docs[current.path[1]][current.path[2]][current.path[3]][slug]._data["index"]["title"] title = public.docs[current.path[1]][current.path[2]][current.path[3]][slug]._data["index"]["title"]
li.c8 li
!= partial("../../../../_includes/_hover-card", {name: title, url: url }) != partial("../../../../_includes/_hover-card", {name: title, url: url })

4
public/docs/js/latest/guide/index.jade
View File

@ -1,10 +1,10 @@
number = 1; number = 1;
ul ul.is-plain.l-offset-page-header
for page, slug in public.docs[current.path[1]][current.path[2]].guide._data for page, slug in public.docs[current.path[1]][current.path[2]].guide._data
if slug != '_listtype' && slug != 'index' if slug != '_listtype' && slug != 'index'
url = "/docs/" + current.path[1] + "/" + current.path[2] + "/" + current.path[3] + "/" + slug + ".html" url = "/docs/" + current.path[1] + "/" + current.path[2] + "/" + current.path[3] + "/" + slug + ".html"
num = number++ num = number++
li.c8 li
!= partial("../../../../_includes/_hover-card", { icon: "icon-number", number: num, name: page.title, url: url }) != partial("../../../../_includes/_hover-card", { icon: "icon-number", number: num, name: page.title, url: url })

5
public/resources/css/base/_type.scss
View File

@ -105,6 +105,11 @@ table th,
font-weight: 400; font-weight: 400;
opacity: .87; opacity: .87;
line-height: 28px; line-height: 28px;
&.is-plain {
list-style-type: none;
padding: 0px;
}
} }
.l-sub-section p, .l-sub-section p,

10
public/resources/css/layout/_layout.scss
View File

@ -67,6 +67,16 @@
} }
} }
.l-offset-page-header {
margin-left: $unit * 6 !important;
@media handheld and (max-width: $phone-breakpoint),
screen and (max-device-width: $phone-breakpoint),
screen and (max-width: $tablet-breakpoint) {
margin: 0px !important;
}
}
.l-content { .l-content {
padding: ($unit * 8) ($unit * 12); padding: ($unit * 8) ($unit * 12);