Updates for mobile list styles and layout
This commit is contained in:
parent
1af6775b61
commit
d135d1bf7e
|
@ -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 })
|
||||||
|
|
|
@ -1,19 +1,18 @@
|
||||||
.l-main-section
|
.callout.is-helpful.l-offset-page-header
|
||||||
|
header Developer Preview
|
||||||
|
|
||||||
.callout.is-helpful
|
p.
|
||||||
header Developer Preview
|
The Angular 2.0 API is currently in active development and not production ready.
|
||||||
p.
|
This page showcases a preview of proposed methods to help further the discussion
|
||||||
The Angular 2.0 API is currently in active development and not production ready.
|
in the development community. If you're building a production app today, please
|
||||||
This page showcases a preview of proposed methods to help further the discussion
|
<a href="https://docs.angularjs.org/api">use Angular 1.X</a>.
|
||||||
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>.
|
|
||||||
|
|
||||||
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 })
|
||||||
|
|
|
@ -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 })
|
||||||
|
|
|
@ -21,4 +21,4 @@
|
||||||
bottom: 0px;
|
bottom: 0px;
|
||||||
right: 0px;
|
right: 0px;
|
||||||
z-index: $layer-1;
|
z-index: $layer-1;
|
||||||
}
|
}
|
|
@ -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,
|
||||||
|
|
|
@ -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);
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue