From 3934b00739a603f27e7fabd2ae25efa13dcbc0f9 Mon Sep 17 00:00:00 2001 From: Gabriel Csapo Date: Tue, 2 Jun 2020 22:15:19 -0700 Subject: [PATCH 1/9] wip --- tests/dummy/app/components/doc-content.hbs | 5 + .../components/example-item.hbs | 0 .../{templates => }/components/menu-item.hbs | 0 .../{templates => }/components/not-found.hbs | 0 .../components/page-toolbar.hbs | 0 .../{templates => }/components/paper-api.hbs | 0 .../components/submenu-item.hbs | 0 tests/dummy/app/controllers/components.js | 123 +++++++++++++ .../{demo => components}/autocomplete.js | 0 .../{demo => components}/button.js | 0 .../{demo => components}/checkbox.js | 0 .../controllers/{demo => components}/chips.js | 0 .../{demo => components}/dialog.js | 0 .../{demo => components}/divider.js | 0 .../{demo => components}/grid-list.js | 0 .../controllers/{demo => components}/input.js | 0 .../controllers/{demo => components}/list.js | 0 .../controllers/{demo => components}/menu.js | 0 .../{demo => components}/progress-circular.js | 0 .../{demo => components}/progress-linear.js | 0 .../controllers/{demo => components}/radio.js | 0 .../{demo => components}/select.js | 0 .../{demo => components}/sidenav.js | 0 .../{demo => components}/slider.js | 0 .../{demo => components}/speed-dial.js | 0 .../{demo => components}/switch.js | 0 .../controllers/{demo => components}/tabs.js | 0 .../controllers/{demo => components}/toast.js | 0 .../{demo => components}/tooltip.js | 0 .../controllers/{layout => }/introduction.js | 0 tests/dummy/app/helpers/is-active.js | 26 ++- tests/dummy/app/router.js | 14 +- tests/dummy/app/routes/components/index.js | 7 + .../app/routes/{demo => components}/input.js | 0 .../{demo => components}/progress-circular.js | 0 .../{demo => components}/progress-linear.js | 0 tests/dummy/app/styles/app.scss | 8 - tests/dummy/app/styles/demo.scss | 100 ----------- tests/dummy/app/styles/layout-demo.scss | 162 ------------------ tests/dummy/app/templates/addons.hbs | 2 - tests/dummy/app/templates/application.hbs | 102 ++++------- tests/dummy/app/templates/components.hbs | 20 +++ .../{demo => components}/autocomplete.hbs | 3 - .../templates/{demo => components}/button.hbs | 2 - .../templates/{demo => components}/card.hbs | 22 ++- .../{demo => components}/checkbox.hbs | 2 - .../templates/{demo => components}/chips.hbs | 2 - .../templates/{demo => components}/dialog.hbs | 0 .../{demo => components}/divider.hbs | 2 - .../app/templates/components/doc-content.hbs | 5 - .../app/templates/{ => components}/forms.hbs | 6 +- .../{demo => components}/grid-list.hbs | 2 - .../{demo/icons.hbs => components/icon.hbs} | 2 - .../templates/{demo => components}/input.hbs | 2 - .../templates/{demo => components}/list.hbs | 5 - .../app/templates/components/loading.hbs | 1 + .../templates/{demo => components}/menu.hbs | 4 - .../progress-circular.hbs | 2 - .../{demo => components}/progress-linear.hbs | 2 - .../templates/{demo => components}/radio.hbs | 1 - .../templates/{demo => components}/select.hbs | 2 - .../{demo => components}/sidenav.hbs | 2 - .../templates/{demo => components}/slider.hbs | 2 - .../{demo => components}/speed-dial.hbs | 2 - .../templates/{demo => components}/switch.hbs | 2 - .../templates/{demo => components}/tabs.hbs | 7 +- .../{demo => components}/tabs/index.hbs | 0 .../tabs/nested-route.hbs | 0 .../templates/{demo => components}/toast.hbs | 3 - .../app/templates/components/toggles.hbs | 1 + .../{demo => components}/toolbar.hbs | 2 - .../{demo => components}/tooltip.hbs | 3 - tests/dummy/app/templates/cookbook.hbs | 15 -- tests/dummy/app/templates/index.hbs | 4 +- .../{layout/introduction.hbs => layout.hbs} | 8 +- tests/dummy/app/templates/theme.hbs | 2 - tests/dummy/app/templates/typography.hbs | 2 - tests/dummy/config/environment.js | 2 +- .../{ => assets}/ember-logo-original.png | Bin .../public/{ => assets}/ember-logo-white.png | Bin .../dummy/public/{ => assets}/ember-logo.png | Bin tests/dummy/public/{ => assets}/tomster.png | Bin tests/dummy/public/{ => assets}/washedout.png | Bin 83 files changed, 238 insertions(+), 455 deletions(-) create mode 100644 tests/dummy/app/components/doc-content.hbs rename tests/dummy/app/{templates => }/components/example-item.hbs (100%) rename tests/dummy/app/{templates => }/components/menu-item.hbs (100%) rename tests/dummy/app/{templates => }/components/not-found.hbs (100%) rename tests/dummy/app/{templates => }/components/page-toolbar.hbs (100%) rename tests/dummy/app/{templates => }/components/paper-api.hbs (100%) rename tests/dummy/app/{templates => }/components/submenu-item.hbs (100%) create mode 100644 tests/dummy/app/controllers/components.js rename tests/dummy/app/controllers/{demo => components}/autocomplete.js (100%) rename tests/dummy/app/controllers/{demo => components}/button.js (100%) rename tests/dummy/app/controllers/{demo => components}/checkbox.js (100%) rename tests/dummy/app/controllers/{demo => components}/chips.js (100%) rename tests/dummy/app/controllers/{demo => components}/dialog.js (100%) rename tests/dummy/app/controllers/{demo => components}/divider.js (100%) rename tests/dummy/app/controllers/{demo => components}/grid-list.js (100%) rename tests/dummy/app/controllers/{demo => components}/input.js (100%) rename tests/dummy/app/controllers/{demo => components}/list.js (100%) rename tests/dummy/app/controllers/{demo => components}/menu.js (100%) rename tests/dummy/app/controllers/{demo => components}/progress-circular.js (100%) rename tests/dummy/app/controllers/{demo => components}/progress-linear.js (100%) rename tests/dummy/app/controllers/{demo => components}/radio.js (100%) rename tests/dummy/app/controllers/{demo => components}/select.js (100%) rename tests/dummy/app/controllers/{demo => components}/sidenav.js (100%) rename tests/dummy/app/controllers/{demo => components}/slider.js (100%) rename tests/dummy/app/controllers/{demo => components}/speed-dial.js (100%) rename tests/dummy/app/controllers/{demo => components}/switch.js (100%) rename tests/dummy/app/controllers/{demo => components}/tabs.js (100%) rename tests/dummy/app/controllers/{demo => components}/toast.js (100%) rename tests/dummy/app/controllers/{demo => components}/tooltip.js (100%) rename tests/dummy/app/controllers/{layout => }/introduction.js (100%) create mode 100644 tests/dummy/app/routes/components/index.js rename tests/dummy/app/routes/{demo => components}/input.js (100%) rename tests/dummy/app/routes/{demo => components}/progress-circular.js (100%) rename tests/dummy/app/routes/{demo => components}/progress-linear.js (100%) delete mode 100644 tests/dummy/app/styles/layout-demo.scss create mode 100644 tests/dummy/app/templates/components.hbs rename tests/dummy/app/templates/{demo => components}/autocomplete.hbs (98%) rename tests/dummy/app/templates/{demo => components}/button.hbs (98%) rename tests/dummy/app/templates/{demo => components}/card.hbs (91%) rename tests/dummy/app/templates/{demo => components}/checkbox.hbs (95%) rename tests/dummy/app/templates/{demo => components}/chips.hbs (98%) rename tests/dummy/app/templates/{demo => components}/dialog.hbs (100%) rename tests/dummy/app/templates/{demo => components}/divider.hbs (97%) delete mode 100644 tests/dummy/app/templates/components/doc-content.hbs rename tests/dummy/app/templates/{ => components}/forms.hbs (94%) rename tests/dummy/app/templates/{demo => components}/grid-list.hbs (97%) rename tests/dummy/app/templates/{demo/icons.hbs => components/icon.hbs} (95%) rename tests/dummy/app/templates/{demo => components}/input.hbs (99%) rename tests/dummy/app/templates/{demo => components}/list.hbs (99%) create mode 100644 tests/dummy/app/templates/components/loading.hbs rename tests/dummy/app/templates/{demo => components}/menu.hbs (99%) rename tests/dummy/app/templates/{demo => components}/progress-circular.hbs (98%) rename tests/dummy/app/templates/{demo => components}/progress-linear.hbs (96%) rename tests/dummy/app/templates/{demo => components}/radio.hbs (97%) rename tests/dummy/app/templates/{demo => components}/select.hbs (98%) rename tests/dummy/app/templates/{demo => components}/sidenav.hbs (98%) rename tests/dummy/app/templates/{demo => components}/slider.hbs (98%) rename tests/dummy/app/templates/{demo => components}/speed-dial.hbs (99%) rename tests/dummy/app/templates/{demo => components}/switch.hbs (93%) rename tests/dummy/app/templates/{demo => components}/tabs.hbs (97%) rename tests/dummy/app/templates/{demo => components}/tabs/index.hbs (100%) rename tests/dummy/app/templates/{demo => components}/tabs/nested-route.hbs (100%) rename tests/dummy/app/templates/{demo => components}/toast.hbs (99%) create mode 100644 tests/dummy/app/templates/components/toggles.hbs rename tests/dummy/app/templates/{demo => components}/toolbar.hbs (96%) rename tests/dummy/app/templates/{demo => components}/tooltip.hbs (98%) delete mode 100644 tests/dummy/app/templates/cookbook.hbs rename tests/dummy/app/templates/{layout/introduction.hbs => layout.hbs} (97%) rename tests/dummy/public/{ => assets}/ember-logo-original.png (100%) rename tests/dummy/public/{ => assets}/ember-logo-white.png (100%) rename tests/dummy/public/{ => assets}/ember-logo.png (100%) rename tests/dummy/public/{ => assets}/tomster.png (100%) rename tests/dummy/public/{ => assets}/washedout.png (100%) diff --git a/tests/dummy/app/components/doc-content.hbs b/tests/dummy/app/components/doc-content.hbs new file mode 100644 index 000000000..b069c8241 --- /dev/null +++ b/tests/dummy/app/components/doc-content.hbs @@ -0,0 +1,5 @@ + +
+ {{yield}} +
+
diff --git a/tests/dummy/app/templates/components/example-item.hbs b/tests/dummy/app/components/example-item.hbs similarity index 100% rename from tests/dummy/app/templates/components/example-item.hbs rename to tests/dummy/app/components/example-item.hbs diff --git a/tests/dummy/app/templates/components/menu-item.hbs b/tests/dummy/app/components/menu-item.hbs similarity index 100% rename from tests/dummy/app/templates/components/menu-item.hbs rename to tests/dummy/app/components/menu-item.hbs diff --git a/tests/dummy/app/templates/components/not-found.hbs b/tests/dummy/app/components/not-found.hbs similarity index 100% rename from tests/dummy/app/templates/components/not-found.hbs rename to tests/dummy/app/components/not-found.hbs diff --git a/tests/dummy/app/templates/components/page-toolbar.hbs b/tests/dummy/app/components/page-toolbar.hbs similarity index 100% rename from tests/dummy/app/templates/components/page-toolbar.hbs rename to tests/dummy/app/components/page-toolbar.hbs diff --git a/tests/dummy/app/templates/components/paper-api.hbs b/tests/dummy/app/components/paper-api.hbs similarity index 100% rename from tests/dummy/app/templates/components/paper-api.hbs rename to tests/dummy/app/components/paper-api.hbs diff --git a/tests/dummy/app/templates/components/submenu-item.hbs b/tests/dummy/app/components/submenu-item.hbs similarity index 100% rename from tests/dummy/app/templates/components/submenu-item.hbs rename to tests/dummy/app/components/submenu-item.hbs diff --git a/tests/dummy/app/controllers/components.js b/tests/dummy/app/controllers/components.js new file mode 100644 index 000000000..a8f3bd020 --- /dev/null +++ b/tests/dummy/app/controllers/components.js @@ -0,0 +1,123 @@ +import Controller from '@ember/controller'; + +export default class extends Controller { + get links() { + return [ + { + text: 'Autocomplete', + route: 'components.autocomplete', + icon: 'done' + }, + { + text: 'Button', + route: 'components.button', + icon: 'smart_button' + }, + { + text: 'Card', + route: 'components.card', + icon: 'view_carousel' + }, + { + text: 'Chips', + route: 'components.chips', + icon: 'label' + }, + { + text: 'Dialog', + route: 'components.dialog', + icon: 'call' + }, + { + text: 'Divider', + route: 'components.divider', + icon: 'linear_scale' + }, + { + text: 'Forms', + route: 'components.forms', + icon: 'edit' + }, + { + text: 'Grid List', + route: 'components.grid-list', + icon: 'view_compact' + }, + { + text: 'Icon', + route: 'components.icon', + icon: 'category' + }, + { + text: 'Input', + route: 'components.input', + icon: 'keyboard' + }, + { + text: 'List', + route: 'components.list', + icon: 'reorder' + }, + { + text: 'Menu', + route: 'components.menu', + icon: 'menu' + }, + { + text: 'Loading', + route: 'components.loading', + icon: 'hourglass_top' + }, + { + text: 'Toggles', + route: 'components.toggles', + icon: 'toggle_on' + }, + { + text: 'Select', + route: 'components.select', + icon: 'select_all' + }, + { + text: 'Sidenav', + route: 'components.sidenav', + icon: 'menu_open' + }, + { + text: 'Slider', + route: 'components.slider', + icon: 'linear_scale' + }, + { + text: 'Sidenav', + route: 'components.sidenav', + icon: 'menu_open' + }, + { + text: 'Speed Dial', + route: 'components.speed-dial', + icon: 'dialpad' + }, + { + text: 'Tabs', + route: 'components.tabs.index', + icon: 'table_chart' + }, + { + text: 'Toast', + route: 'components.toast', + icon: 'notifications_active' + }, + { + text: 'Toolbar', + route: 'components.toolbar', + icon: 'call_to_action' + }, + { + text: 'Tooltip', + route: 'components.tooltip', + icon: 'speaker_notes' + }, + ] + } +} diff --git a/tests/dummy/app/controllers/demo/autocomplete.js b/tests/dummy/app/controllers/components/autocomplete.js similarity index 100% rename from tests/dummy/app/controllers/demo/autocomplete.js rename to tests/dummy/app/controllers/components/autocomplete.js diff --git a/tests/dummy/app/controllers/demo/button.js b/tests/dummy/app/controllers/components/button.js similarity index 100% rename from tests/dummy/app/controllers/demo/button.js rename to tests/dummy/app/controllers/components/button.js diff --git a/tests/dummy/app/controllers/demo/checkbox.js b/tests/dummy/app/controllers/components/checkbox.js similarity index 100% rename from tests/dummy/app/controllers/demo/checkbox.js rename to tests/dummy/app/controllers/components/checkbox.js diff --git a/tests/dummy/app/controllers/demo/chips.js b/tests/dummy/app/controllers/components/chips.js similarity index 100% rename from tests/dummy/app/controllers/demo/chips.js rename to tests/dummy/app/controllers/components/chips.js diff --git a/tests/dummy/app/controllers/demo/dialog.js b/tests/dummy/app/controllers/components/dialog.js similarity index 100% rename from tests/dummy/app/controllers/demo/dialog.js rename to tests/dummy/app/controllers/components/dialog.js diff --git a/tests/dummy/app/controllers/demo/divider.js b/tests/dummy/app/controllers/components/divider.js similarity index 100% rename from tests/dummy/app/controllers/demo/divider.js rename to tests/dummy/app/controllers/components/divider.js diff --git a/tests/dummy/app/controllers/demo/grid-list.js b/tests/dummy/app/controllers/components/grid-list.js similarity index 100% rename from tests/dummy/app/controllers/demo/grid-list.js rename to tests/dummy/app/controllers/components/grid-list.js diff --git a/tests/dummy/app/controllers/demo/input.js b/tests/dummy/app/controllers/components/input.js similarity index 100% rename from tests/dummy/app/controllers/demo/input.js rename to tests/dummy/app/controllers/components/input.js diff --git a/tests/dummy/app/controllers/demo/list.js b/tests/dummy/app/controllers/components/list.js similarity index 100% rename from tests/dummy/app/controllers/demo/list.js rename to tests/dummy/app/controllers/components/list.js diff --git a/tests/dummy/app/controllers/demo/menu.js b/tests/dummy/app/controllers/components/menu.js similarity index 100% rename from tests/dummy/app/controllers/demo/menu.js rename to tests/dummy/app/controllers/components/menu.js diff --git a/tests/dummy/app/controllers/demo/progress-circular.js b/tests/dummy/app/controllers/components/progress-circular.js similarity index 100% rename from tests/dummy/app/controllers/demo/progress-circular.js rename to tests/dummy/app/controllers/components/progress-circular.js diff --git a/tests/dummy/app/controllers/demo/progress-linear.js b/tests/dummy/app/controllers/components/progress-linear.js similarity index 100% rename from tests/dummy/app/controllers/demo/progress-linear.js rename to tests/dummy/app/controllers/components/progress-linear.js diff --git a/tests/dummy/app/controllers/demo/radio.js b/tests/dummy/app/controllers/components/radio.js similarity index 100% rename from tests/dummy/app/controllers/demo/radio.js rename to tests/dummy/app/controllers/components/radio.js diff --git a/tests/dummy/app/controllers/demo/select.js b/tests/dummy/app/controllers/components/select.js similarity index 100% rename from tests/dummy/app/controllers/demo/select.js rename to tests/dummy/app/controllers/components/select.js diff --git a/tests/dummy/app/controllers/demo/sidenav.js b/tests/dummy/app/controllers/components/sidenav.js similarity index 100% rename from tests/dummy/app/controllers/demo/sidenav.js rename to tests/dummy/app/controllers/components/sidenav.js diff --git a/tests/dummy/app/controllers/demo/slider.js b/tests/dummy/app/controllers/components/slider.js similarity index 100% rename from tests/dummy/app/controllers/demo/slider.js rename to tests/dummy/app/controllers/components/slider.js diff --git a/tests/dummy/app/controllers/demo/speed-dial.js b/tests/dummy/app/controllers/components/speed-dial.js similarity index 100% rename from tests/dummy/app/controllers/demo/speed-dial.js rename to tests/dummy/app/controllers/components/speed-dial.js diff --git a/tests/dummy/app/controllers/demo/switch.js b/tests/dummy/app/controllers/components/switch.js similarity index 100% rename from tests/dummy/app/controllers/demo/switch.js rename to tests/dummy/app/controllers/components/switch.js diff --git a/tests/dummy/app/controllers/demo/tabs.js b/tests/dummy/app/controllers/components/tabs.js similarity index 100% rename from tests/dummy/app/controllers/demo/tabs.js rename to tests/dummy/app/controllers/components/tabs.js diff --git a/tests/dummy/app/controllers/demo/toast.js b/tests/dummy/app/controllers/components/toast.js similarity index 100% rename from tests/dummy/app/controllers/demo/toast.js rename to tests/dummy/app/controllers/components/toast.js diff --git a/tests/dummy/app/controllers/demo/tooltip.js b/tests/dummy/app/controllers/components/tooltip.js similarity index 100% rename from tests/dummy/app/controllers/demo/tooltip.js rename to tests/dummy/app/controllers/components/tooltip.js diff --git a/tests/dummy/app/controllers/layout/introduction.js b/tests/dummy/app/controllers/introduction.js similarity index 100% rename from tests/dummy/app/controllers/layout/introduction.js rename to tests/dummy/app/controllers/introduction.js diff --git a/tests/dummy/app/helpers/is-active.js b/tests/dummy/app/helpers/is-active.js index 3e7995d7e..493eed7b5 100644 --- a/tests/dummy/app/helpers/is-active.js +++ b/tests/dummy/app/helpers/is-active.js @@ -1,7 +1,25 @@ import Helper from '@ember/component/helper'; +import { inject as service } from '@ember/service'; -export default Helper.extend({ - compute([routeName, activeRoute]) { - return activeRoute === routeName; +export default class extends Helper { + @service router; + + compute([routeName]) { + if(this.router.currentRouteName.indexOf('.') > -1) { + const routeParts = this.router.currentRouteName.split('.'); + let isParentRoute = false; + let fullRoute = ''; + routeParts.forEach((part, i) => { + fullRoute += i === 0 ? part : '.' + part; + + if(fullRoute === routeName) { + isParentRoute = true; + } + }); + + if(isParentRoute) return true; + } + + return this.router.currentRouteName === routeName; } -}); +} diff --git a/tests/dummy/app/router.js b/tests/dummy/app/router.js index 0d2e12927..59ee41be4 100644 --- a/tests/dummy/app/router.js +++ b/tests/dummy/app/router.js @@ -7,14 +7,11 @@ export default class Router extends EmberRouter { } Router.map(function() { - this.route('introduction'); - this.route('forms'); this.route('typography'); this.route('theme'); - this.route('cookbook'); this.route('addons'); - this.route('demo', { path: 'components' }, function() { + this.route('components', function() { this.route('autocomplete'); this.route('button'); this.route('card'); @@ -22,22 +19,21 @@ Router.map(function() { this.route('chips'); this.route('dialog'); this.route('divider'); + this.route('forms'); this.route('grid-list'); - this.route('icons', { path: 'icon' }); + this.route('icon'); this.route('input'); this.route('list'); this.route('menu'); this.route('tabs', function() { this.route('nested-route'); }); - this.route('progress-circular'); - this.route('progress-linear'); - this.route('radio'); + this.route('loading'); + this.route('toggles'); this.route('select'); this.route('sidenav'); this.route('slider'); this.route('speed-dial'); - this.route('switch'); this.route('toast'); this.route('toolbar'); this.route('tooltip'); diff --git a/tests/dummy/app/routes/components/index.js b/tests/dummy/app/routes/components/index.js new file mode 100644 index 000000000..a49db4500 --- /dev/null +++ b/tests/dummy/app/routes/components/index.js @@ -0,0 +1,7 @@ +import Route from '@ember/routing/route'; + +export default Route.extend({ + beforeModel() { + this.transitionTo('components.autocomplete') + } +}); diff --git a/tests/dummy/app/routes/demo/input.js b/tests/dummy/app/routes/components/input.js similarity index 100% rename from tests/dummy/app/routes/demo/input.js rename to tests/dummy/app/routes/components/input.js diff --git a/tests/dummy/app/routes/demo/progress-circular.js b/tests/dummy/app/routes/components/progress-circular.js similarity index 100% rename from tests/dummy/app/routes/demo/progress-circular.js rename to tests/dummy/app/routes/components/progress-circular.js diff --git a/tests/dummy/app/routes/demo/progress-linear.js b/tests/dummy/app/routes/components/progress-linear.js similarity index 100% rename from tests/dummy/app/routes/demo/progress-linear.js rename to tests/dummy/app/routes/components/progress-linear.js diff --git a/tests/dummy/app/styles/app.scss b/tests/dummy/app/styles/app.scss index 64b50ec70..1eff848e1 100644 --- a/tests/dummy/app/styles/app.scss +++ b/tests/dummy/app/styles/app.scss @@ -26,14 +26,6 @@ body > div.ember-view { display: flex; } -.site-nav-container { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; -} - md-toolbar.md-warn { a, button { &.md-button.md-default-theme:not(.md-primary):not(.md-accent) { diff --git a/tests/dummy/app/styles/demo.scss b/tests/dummy/app/styles/demo.scss index b69d51002..cfce1521d 100644 --- a/tests/dummy/app/styles/demo.scss +++ b/tests/dummy/app/styles/demo.scss @@ -3,7 +3,6 @@ ***************/ @import 'highlight-overrides'; @import 'modules/all'; -@import 'layout-demo'; html { font-size: 62.5%; @@ -175,16 +174,6 @@ ul li:first-child { padding: 20px; } -md-toolbar.md-default-theme.page-main-toolbar { - background-color: paper-color('grey', '100'); - color: $dark-contrast-color; - - md-icon, .md-button md-icon { - color: $dark-contrast-color; - margin-top: -2px; - } -} - .nav-github { vertical-align: middle; display: inline-block; @@ -239,95 +228,6 @@ md-toolbar.md-default-theme.page-main-toolbar { background: paper-color($color-grey, '500'); } -.site-sidenav, -.site-sidenav.md-locked-open-add-active, -.site-sidenav.md-locked-open { - width: 272px; - min-width: 272px; - max-width: 272px; -} -.site-sidenav > * { - min-width: 218px; -} -md-sidenav.site-sidenav { - background-color: paper-color($primary, '400'); - background-color: paper-var(--primary-400); - - md-toolbar.md-default-theme { - background: linear-gradient(to bottom, paper-color($primary, '600'), paper-color($primary, '400')); - background: linear-gradient(to bottom, paper-var(--primary-600), paper-var(--primary-400)); - border-bottom: 1px solid rgba(#fff, .1); - color: #fff; - - height: 180px; - min-height: 180px; - max-height: 180px; - - .logo { - font-size: 54px; - font-weight: 500; - width: 100%; - height: 100%; - - img { - width: 150px; - } - - div { - font-weight: bold; - margin-top: -20px; - } - } - } - - md-content { - background: transparent; - color: $light-contrast-color; - md-icon { - color: inherit; - } - } - - .menu-item { - text-transform: uppercase; - font-size: 14px; - font-weight: 500; - - .expand-icon { - position: relative; - right: -36px; - transition: transform 250ms linear; - } - - &.expanded .expand-icon { - transform: rotate(-180deg); - } - } - - .submenu-item { - .md-list-item-inner { - padding-left: 36px; - } - } - - .menu-item, .submenu-item { - min-height: 40px; - - &.active, &:hover { - background-color: rgba(#fff, .1); - } - - .md-list-item-inner { - min-height: 40px; - - md-icon { - margin-top: 0; - margin-bottom: 0; - } - } - } -} - /* DEMO PAGE STYLES */ .doc-content { max-width: 864px; diff --git a/tests/dummy/app/styles/layout-demo.scss b/tests/dummy/app/styles/layout-demo.scss deleted file mode 100644 index eb8efc5d3..000000000 --- a/tests/dummy/app/styles/layout-demo.scss +++ /dev/null @@ -1,162 +0,0 @@ -$flexbox-shadow: inset 0px 0px 5px 0 rgba(0,0,0,0.16); -$flexbox-color1: paper-color('deep-purple', '200'); -$flexbox-color2: paper-color('orange', '400'); -$flexbox-color3: paper-color('blue', '300'); -$flexbox-color4: paper-color('teal', '200'); -$flexbox-color5: paper-color('pink', '300'); -$flexbox-color6: paper-color('lime', '300'); -$flexbox-color7: paper-color('amber', '300'); - -.doc-content.layout-docs { - .demo-group h4 { - color: paper-color('grey'); - font-size: 90%; - } - - md-card { - margin-bottom: 24px; - - md-toolbar { - border-radius: 3px 3px 0 0; - } - } - - .example { - border-radius: 3px 3px 0 0; - overflow: hidden; - } - - .example div div { - box-shadow: $flexbox-shadow; - text-align: center; - color: $dark-contrast-color; - } - - .introduction-example { - height: 350px; - - .box-one { - background-color: $flexbox-color1; - } - - .box-two-one { - background-color: $flexbox-color2; - } - .box-two-two { - background-color: $flexbox-color3; - } - .box-two-three { - background-color: $flexbox-color4; - } - .box-three { - background-color: $flexbox-color5; - } - } - - &.containers { - .example { - height: 150px; - - div:nth-child(1) > div { - padding: 12px; - - &:nth-child(1) { - background-color: $flexbox-color1; - } - &:nth-child(2) { - background-color: $flexbox-color2; - } - } - div:nth-child(2) > div { - padding: 12px; - - &:nth-child(1) { - background-color: $flexbox-color3; - } - &:nth-child(2) { - background-color: $flexbox-color4; - } - } - } - - .example-2 > div { - height: 100%; - } - } - - &.children { - .example { - > div { - height: 100%; - } - - div > div { - padding: 12px; - - &:nth-child(1) { - background-color: $flexbox-color1; - } - &:nth-child(2) { - background-color: $flexbox-color2; - } - &:nth-child(3) { - background-color: $flexbox-color3; - } - &:nth-child(4) { - background-color: $flexbox-color4; - } - &:nth-child(5) { - background-color: $flexbox-color5; - } - &:nth-child(6) { - background-color: $flexbox-color6; - } - &:nth-child(7) { - background-color: $flexbox-color7; - } - } - } - - .example-1, .example-3, .example-5 { - height: 128px; - } - - .example-2, .example-4 { - height: 150px; - } - } - - &.alignment { - .example { - border-radius: 0; - border-bottom: 1px dotted paper-color('grey', '300'); - } - - .layout-class { - margin-right: 24px; - display: inline-block; - } - - .interactive-demo { - height: 180px; - - > div { - height: 100%; - } - - div > div { - padding: 12px; - } - - .one { - background-color: $flexbox-color1; - } - .two { - background-color: $flexbox-color2; - } - .three { - background-color: $flexbox-color3; - } - } - } -} diff --git a/tests/dummy/app/templates/addons.hbs b/tests/dummy/app/templates/addons.hbs index fb7ef2976..21fb931db 100644 --- a/tests/dummy/app/templates/addons.hbs +++ b/tests/dummy/app/templates/addons.hbs @@ -1,5 +1,3 @@ - -

diff --git a/tests/dummy/app/templates/application.hbs b/tests/dummy/app/templates/application.hbs index 70f96b484..0a9937c84 100644 --- a/tests/dummy/app/templates/application.hbs +++ b/tests/dummy/app/templates/application.hbs @@ -1,71 +1,39 @@ - - - -

- - - - - - Introduction - - Components - - - Forms - Typography - Color & Theme - - Layout -