Skip to content

Commit c9b0dd7

Browse files
samselikoffsamselikoff
authored
Redesign (#122)
* Rework hero, nav * More touchups * Tweakage * Rework docs-viewer * Tweaks * More touchups * Remove e-cli-tailwind, for now * ..wut * Kill more styles * Cleanup addon.scss * moar cleanup * Touchups * Edit this page treatment * Powered by addon docs treatment * Nav tweaks * Remove some css from api components * Rename navbar to header * Update changelog * Mobile header * Header link refactor * Homepage mobile treatment * Docs viewer mobile treatment * Hide the initializer * Working on search... * Remove liquid-tether for now (some bug) * Refactor search * Tidy up search results
1 parent 781a3dd commit c9b0dd7

File tree

125 files changed

+2596
-5098
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

125 files changed

+2596
-5098
lines changed

‎CHANGELOG.md

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,10 @@
11
# Ember CLI Addon Docs Changelog
22

3+
## master
4+
5+
- Adds new `section` contextual component yielded from DocsViewer
6+
- Renames `{{docs-navbar}}` to `{{docs-header}}`
7+
38
## 0.2.4
49

510
- Fix EMFILE errors for developers on APFS without watchman installed

‎addon/breakpoints.js

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
export default {
2+
mobile: '(max-width: 767px)',
3+
tablet: '(min-width: 768px) and (max-width: 991px)',
4+
desktop: '(min-width: 992px) and (max-width: 1200px)'
5+
};

‎addon/components/api/style.scss

Lines changed: 0 additions & 4 deletions
This file was deleted.

‎addon/components/api/x-class/template.hbs

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
<div>{{{class.description}}}</div>
55

66
{{#if hasContents}}
7-
<div class="class-contents">
7+
<div class="flex flex-row-reverse">
88
{{api/x-index
99
options=(hash
1010
inherited=inherited

‎addon/components/api/x-component/template.hbs

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
1-
<h1>{{component.name}}</h1>
1+
<h1 class='docs-h1'>{{component.name}}</h1>
22

33
{{! wrapping in a div seems to work around https://github.com/ember-learn/ember-cli-addon-docs/issues/7 }}
44
<div>{{{component.description}}}</div>
55

66
{{#if hasContents}}
7-
<div class="class-contents">
7+
<div class="flex flex-row-reverse">
88
{{api/x-index
99
options=(hash
1010
inherited=(hash shouldShow=component.hasInherited value=showInherited)

‎addon/components/api/x-index/component.js

Lines changed: 1 addition & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -2,8 +2,6 @@ import Component from '@ember/component';
22
import layout from './template';
33

44
export default Component.extend({
5-
tagName: 'nav',
65
layout,
7-
8-
classNames: ['class-index']
6+
tagName: ''
97
});

‎addon/components/api/x-index/style.scss

Lines changed: 0 additions & 30 deletions
This file was deleted.

‎addon/components/api/x-index/template.hbs

Lines changed: 36 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -1,29 +1,40 @@
1-
<div class="class-index__sticky">
2-
<h2>Index</h2>
1+
<nav class="w-48 px-4">
2+
<div class="sticky pin-t pt-8">
3+
<p class='text-xl mb-4'>Index</p>
34

4-
<ul>
5-
{{#each-in options as |key option|}}
6-
{{#if option.shouldShow}}
7-
<li>
8-
<label>
9-
<input type="checkbox" checked={{option.value}} onclick={{action onOptionToggle key}}>
5+
<ul class='list-reset pl-0 text-sm'>
6+
{{#each-in options as |key option|}}
7+
{{#if option.shouldShow}}
8+
<li>
9+
<label>
10+
<input type="checkbox"
11+
checked={{option.value}}
12+
onclick={{action onOptionToggle key}}
13+
class='mr-1'>
1014

11-
{{capitalize key}}
12-
</label>
13-
</li>
14-
{{/if}}
15-
{{/each-in}}
16-
</ul>
15+
{{capitalize key}}
16+
</label>
17+
</li>
18+
{{/if}}
19+
{{/each-in}}
20+
</ul>
1721

18-
{{#each-in sections as |section items|}}
19-
{{#if items}}
20-
<h3>{{capitalize section}}</h3>
22+
{{#each-in sections as |section items|}}
23+
{{#if items}}
24+
<p class='mt-6'>
25+
{{capitalize section}}
26+
</p>
2127

22-
<ul>
23-
{{#each items as |item|}}
24-
<li><a href="#{{item.name}}">{{item.name}}</a></li>
25-
{{/each}}
26-
</ul>
27-
{{/if}}
28-
{{/each-in}}
29-
</div>
28+
<ul class='list-reset pl-0 mt-3 text-sm'>
29+
{{#each items as |item|}}
30+
<li>
31+
<a href="#{{item.name}}" class='no-underline text-grey-darkest opacity-50 hover:opacity-100'>
32+
{{item.name}}
33+
</a>
34+
</li>
35+
{{/each}}
36+
</ul>
37+
{{/if}}
38+
{{/each-in}}
39+
</div>
40+
</nav>

‎addon/components/api/x-module/template.hbs

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
<div class="class-contents">
1+
<div class="flex flex-row-reverse">
22
{{api/x-index
33
sections=(hash
44
classes=module.classes

‎addon/components/api/x-sections/component.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,5 +3,5 @@ import layout from './template';
33

44
export default Component.extend({
55
layout,
6-
classNames: ['item-sections']
6+
tagName: ''
77
});

0 commit comments

Comments
 (0)