Skip to content

Commit 61d766a

Browse files
author
Matt Lewis
committed
docs(demos): fix demo on mobile
1 parent 665520e commit 61d766a

File tree

3 files changed

+42
-34
lines changed

3 files changed

+42
-34
lines changed

‎demos/demo-app.html

+39
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,42 @@
1+
<a href="https://github.com/mattlewis92/angular-calendar" class="github-corner hidden-md-down"><svg width="80" height="80" viewBox="0 0 250 250" style="fill:#151513; color:#fff; position: fixed; top: 0; border: 0; right: 0; z-index: 100000"><path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path><path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path><path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="currentColor" class="octo-body"></path></svg></a><style>.github-corner:hover .octo-arm{animation:octocat-wave 560ms ease-in-out}@keyframes octocat-wave{0%,100%{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media (max-width:500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:octocat-wave 560ms ease-in-out}}</style>
2+
3+
<nav class="navbar navbar-toggleable-md navbar-light bg-faded fixed-top" role="navigation">
4+
5+
<button
6+
type="button"
7+
class="navbar-toggler navbar-toggler-right"
8+
(click)="isMenuVisible = !isMenuVisible">
9+
<span class="navbar-toggler-icon"></span>
10+
</button>
11+
12+
<a class="navbar-brand" href="#">Angular 4.0+ calendar</a>
13+
14+
<div class="collapse navbar-collapse" [ngbCollapse]="!isMenuVisible">
15+
<ul class="nav navbar-nav">
16+
<li class="nav-item active">
17+
<a class="nav-link" href="javascript:;">
18+
Demos
19+
</a>
20+
</li>
21+
<li class="nav-item">
22+
<a class="nav-link" href="https://github.com/mattlewis92/angular-calendar#getting-started">
23+
Getting started
24+
</a>
25+
</li>
26+
<li class="nav-item">
27+
<a class="nav-link" href="https://mattlewis92.github.io/angular-calendar/docs/">
28+
Documentation
29+
</a>
30+
</li>
31+
<li class="nav-item">
32+
<a class="nav-link" href="https://github.com/mattlewis92/angular-calendar/tree/master/build-tool-examples">
33+
Build tool examples
34+
</a>
35+
</li>
36+
</ul>
37+
</div>
38+
</nav>
39+
140
<div class="container-fluid">
241
<div class="row">
342
<div class="col-md-9">

‎demos/demo-app.module.ts

+2-1
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@ import { BrowserModule } from '@angular/platform-browser';
1010
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
1111
import * as hljs from 'highlight.js';
1212
import { HighlightJsModule } from 'angular-highlight-js';
13-
import { NgbTabsetModule } from '@ng-bootstrap/ng-bootstrap';
13+
import { NgbTabsetModule, NgbCollapseModule } from '@ng-bootstrap/ng-bootstrap';
1414
import { DemoAppComponent } from './demo-app.component';
1515
import * as kitchenSink from './demo-modules/kitchen-sink';
1616
import * as asyncEvents from './demo-modules/async-events';
@@ -49,6 +49,7 @@ import * as weekViewMinutePrecision from './demo-modules/week-view-minute-precis
4949
BrowserModule,
5050
BrowserAnimationsModule,
5151
NgbTabsetModule.forRoot(),
52+
NgbCollapseModule.forRoot(),
5253
HighlightJsModule.forRoot(hljs),
5354
kitchenSink.DemoModule,
5455
asyncEvents.DemoModule,

‎demos/index.ejs

+1-33
Original file line numberDiff line numberDiff line change
@@ -7,38 +7,6 @@
77
<title>Angular 4.0+ calendar</title>
88
</head>
99
<body>
10-
11-
<a href="https://github.com/mattlewis92/angular-calendar" class="github-corner"><svg width="80" height="80" viewBox="0 0 250 250" style="fill:#151513; color:#fff; position: fixed; top: 0; border: 0; right: 0; z-index: 100000"><path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path><path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path><path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="currentColor" class="octo-body"></path></svg></a><style>.github-corner:hover .octo-arm{animation:octocat-wave 560ms ease-in-out}@keyframes octocat-wave{0%,100%{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media (max-width:500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:octocat-wave 560ms ease-in-out}}</style>
12-
13-
<nav class="navbar navbar-toggleable-md navbar-light bg-faded fixed-top" role="navigation">
14-
<a class="navbar-brand" href="#">Angular 4.0+ calendar</a>
15-
<ul class="nav navbar-nav hidden-xs">
16-
<li class="nav-item active">
17-
<a class="nav-link" href="javascript:;">
18-
Demos
19-
</a>
20-
</li>
21-
<li class="nav-item">
22-
<a class="nav-link" href="https://github.com/mattlewis92/angular-calendar#getting-started">
23-
Getting started
24-
</a>
25-
</li>
26-
<li class="nav-item">
27-
<a class="nav-link" href="https://mattlewis92.github.io/angular-calendar/docs/">
28-
Documentation
29-
</a>
30-
</li>
31-
<li class="nav-item">
32-
<a class="nav-link" href="https://github.com/mattlewis92/angular-calendar/tree/master/build-tool-examples">
33-
Build tool examples
34-
</a>
35-
</li>
36-
</ul>
37-
</nav>
38-
39-
<div class="container-fluid">
40-
<mwl-demo-app>Loading demo...</mwl-demo-app>
41-
</div>
42-
10+
<mwl-demo-app>Loading demo...</mwl-demo-app>
4311
</body>
4412
</html>

0 commit comments

Comments
 (0)