material-components/material-web
1
1
Fork 0
mirror of https://github.com/material-components/material-web.git synced 2024-08-17 09:30:27 +03:00
Code Issues Projects Releases Wiki Activity

Add viewport tag for mobile

Browse Source
This commit is contained in:
Kevin Schaaf 2018-05-07 13:17:46 -07:00
parent adea2242e5
commit c96e90010a
20 changed files with 39 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
demos/button.html
View File

@ -18,6 +18,7 @@ limitations under the License.
<html>
<head>
<title>button demo</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="../node_modules/@webcomponents/webcomponentsjs/webcomponents-bundle.js"></script>
<script type="module" src="../node_modules/@material/mwc-button/mwc-button.js"></script>
<script type="module" src="../node_modules/@material/mwc-icon/mwc-icon.js"></script>
@ -44,7 +45,7 @@ limitations under the License.
</head>
<body class="unresolved">
<header>
<a href="index.html"><mwc-icon></mwc-icon>
<a href="index.html"><mwc-icon>arrow_back</mwc-icon>
<span>Buttons</span></a>
</header>

3
demos/card.html
View File

@ -18,6 +18,7 @@ limitations under the License.
<html>
<head>
<title>card demo</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="../node_modules/@webcomponents/webcomponentsjs/webcomponents-bundle.js"></script>
<style>
body {
@ -47,7 +48,7 @@ limitations under the License.
<script type="module">
import {style as cardStyle} from '../node_modules/@material/mwc-card/mwc-card-css.js';
import {style as typographyStyle} from '../node_modules/@material/mwc-typography/mwc-typography-css.js';
import {LitElement, html} from '../../@polymer/lit-element/lit-element.js';
import {LitElement, html} from '../node_modules/@polymer/lit-element/lit-element.js';
import '../node_modules/@material/mwc-button/mwc-button.js';
import '../node_modules/@material/mwc-icon/mwc-icon.js';
import '../node_modules/@material/mwc-icon-toggle/mwc-icon-toggle.js';

3
demos/checkbox.html
View File

@ -18,6 +18,7 @@ limitations under the License.
<html>
<head>
<title>checkbox demo</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="../node_modules/@webcomponents/webcomponentsjs/webcomponents-bundle.js"></script>
<script type="module" src="../node_modules/@material/mwc-checkbox/mwc-checkbox.js"></script>
<script type="module" src="../node_modules/@material/mwc-icon/mwc-icon.js"></script>
@ -25,7 +26,7 @@ limitations under the License.
</head>
<body class="unresolved">
<header>
<a href="index.html"><mwc-icon></mwc-icon>
<a href="index.html"><mwc-icon>arrow_back</mwc-icon>
<span>Checkbox</span></a>
</header>

3
demos/chips.html
View File

@ -18,6 +18,7 @@ limitations under the License.
<html>
<head>
<title>chips demo</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="../node_modules/@webcomponents/webcomponentsjs/webcomponents-bundle.js"></script>
<script type="module" src="../node_modules/@material/mwc-chips/mwc-chip.js"></script>
<script type="module" src="../node_modules/@material/mwc-chips/mwc-chip-set.js"></script>
@ -32,7 +33,7 @@ limitations under the License.
</head>
<body class="unresolved">
<header>
<a href="index.html"><mwc-icon></mwc-icon>
<a href="index.html"><mwc-icon>arrow_back</mwc-icon>
<span>Chips</span></a>
</header>

3
demos/dialog.html
View File

@ -18,6 +18,7 @@ limitations under the License.
<html>
<head>
<title>dialog demo</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="../node_modules/@webcomponents/webcomponentsjs/webcomponents-bundle.js"></script>
<script type="module" src="../node_modules/@material/mwc-button/mwc-button.js"></script>
<script type="module" src="../node_modules/@material/mwc-dialog/mwc-dialog.js"></script>
@ -37,7 +38,7 @@ limitations under the License.
</head>
<body class="unresolved">
<header>
<a href="index.html"><mwc-icon></mwc-icon>
<a href="index.html"><mwc-icon>arrow_back</mwc-icon>
<span>Dialog</span></a>
</header>

3
demos/fab.html
View File

@ -18,6 +18,7 @@ limitations under the License.
<html>
<head>
<title>fab demo</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="../node_modules/@webcomponents/webcomponentsjs/webcomponents-bundle.js"></script>
<script type="module" src="../node_modules/@material/mwc-icon/mwc-icon.js"></script>
<script type="module" src="../node_modules/@material/mwc-fab/mwc-fab.js"></script>
@ -51,7 +52,7 @@ limitations under the License.
</head>
<body class="unresolved">
<header>
<a href="index.html"><mwc-icon></mwc-icon>
<a href="index.html"><mwc-icon>arrow_back</mwc-icon>
<span>FAB</span></a>
</header>

3
demos/formfield.html
View File

@ -18,6 +18,7 @@ limitations under the License.
<html>
<head>
<title>formfield demo</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="../node_modules/@webcomponents/webcomponentsjs/webcomponents-bundle.js"></script>
<script type="module" src="../node_modules/@material/mwc-formfield/mwc-formfield.js"></script>
<script type="module" src="../node_modules/@material/mwc-checkbox/mwc-checkbox.js"></script>
@ -29,7 +30,7 @@ limitations under the License.
</head>
<body class="unresolved">
<header>
<a href="index.html"><mwc-icon></mwc-icon>
<a href="index.html"><mwc-icon>arrow_back</mwc-icon>
<span>Formfield</span></a>
</header>

3
demos/icon-toggle.html
View File

@ -18,6 +18,7 @@ limitations under the License.
<html>
<head>
<title>icon-toggle demo</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="../node_modules/@webcomponents/webcomponentsjs/webcomponents-bundle.js"></script>
<script type="module" src="../node_modules/@material/mwc-icon-toggle/mwc-icon-toggle.js"></script>
<script type="module" src="../node_modules/@material/mwc-icon/mwc-icon.js"></script>
@ -31,7 +32,7 @@ limitations under the License.
</head>
<body class="unresolved">
<header>
<a href="index.html"><mwc-icon></mwc-icon>
<a href="index.html"><mwc-icon>arrow_back</mwc-icon>
<span>Icon Toggle</span></a>
</header>

3
demos/icon.html
View File

@ -18,6 +18,7 @@ limitations under the License.
<html>
<head>
<title>icon demo</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="../node_modules/@webcomponents/webcomponentsjs/webcomponents-bundle.js"></script>
<script type="module" src="../node_modules/@material/mwc-icon/mwc-icon.js"></script>
<link rel="stylesheet" href="demo-component.css">
@ -31,7 +32,7 @@ limitations under the License.
</head>
<body class="unresolved">
<header>
<a href="index.html"><mwc-icon></mwc-icon>
<a href="index.html"><mwc-icon>arrow_back</mwc-icon>
<span>Icon</span></a>
</header>

1
demos/index.html
View File

@ -18,6 +18,7 @@ limitations under the License.
<html>
<head>
<title>Material Web Components Catalog</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="demo-component.css">
</head>
<body>

3
demos/linear-progress.html
View File

@ -18,6 +18,7 @@ limitations under the License.
<html>
<head>
<title>linear-progress demo</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="../node_modules/@webcomponents/webcomponentsjs/webcomponents-bundle.js"></script>
<script type="module" src="../node_modules/@material/mwc-linear-progress/mwc-linear-progress.js"></script>
<script type="module" src="../node_modules/@material/mwc-button/mwc-button.js"></script>
@ -40,7 +41,7 @@ limitations under the License.
</head>
<body class="unresolved">
<header>
<a href="index.html"><mwc-icon></mwc-icon>
<a href="index.html"><mwc-icon>arrow_back</mwc-icon>
<span>Linear Progress</span></a>
</header>

3
demos/menu.html
View File

@ -18,6 +18,7 @@ limitations under the License.
<html>
<head>
<title>menu demo</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="../node_modules/@webcomponents/webcomponentsjs/webcomponents-bundle.js"></script>
<script type="module" src="../node_modules/@material/mwc-button/mwc-button.js"></script>
<script type="module" src="../node_modules/@material/mwc-menu/mwc-menu.js"></script>
@ -44,7 +45,7 @@ limitations under the License.
</head>
<body class="unresolved">
<header>
<a href="index.html"><mwc-icon></mwc-icon>
<a href="index.html"><mwc-icon>arrow_back</mwc-icon>
<span>Menu</span></a>
</header>

3
demos/radio.html
View File

@ -18,6 +18,7 @@ limitations under the License.
<html>
<head>
<title>radio demo</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="../node_modules/@webcomponents/webcomponentsjs/webcomponents-bundle.js"></script>
<script type="module" src="../node_modules/@material/mwc-radio/mwc-radio.js"></script>
<script type="module" src="../node_modules/@material/mwc-icon/mwc-icon.js"></script>
@ -25,7 +26,7 @@ limitations under the License.
</head>
<body class="unresolved">
<header>
<a href="index.html"><mwc-icon></mwc-icon>
<a href="index.html"><mwc-icon>arrow_back</mwc-icon>
<span>Radio Button</span></a>
</header>

3
demos/ripple.html
View File

@ -18,6 +18,7 @@ limitations under the License.
<html>
<head>
<title>ripple demo</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="../node_modules/@webcomponents/webcomponentsjs/webcomponents-bundle.js"></script>
<script type="module" src="../node_modules/@material/mwc-ripple/mwc-ripple.js"></script>
<script type="module" src="../node_modules/@material/mwc-icon/mwc-icon.js"></script>
@ -53,7 +54,7 @@ limitations under the License.
<body class="unresolved">
<header>
<a href="index.html"><mwc-icon></mwc-icon>
<a href="index.html"><mwc-icon>arrow_back</mwc-icon>
<span>Ripple</span></a>
</header>

3
demos/select.html
View File

@ -18,6 +18,7 @@ limitations under the License.
<html>
<head>
<title>select demo</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="../node_modules/@webcomponents/webcomponentsjs/webcomponents-bundle.js"></script>
<script type="module" src="../node_modules/@material/mwc-select/mwc-select.js"></script>
<script type="module" src="../node_modules/@material/mwc-icon/mwc-icon.js"></script>
@ -38,7 +39,7 @@ limitations under the License.
</head>
<body class="unresolved">
<header>
<a href="index.html"><mwc-icon></mwc-icon>
<a href="index.html"><mwc-icon>arrow_back</mwc-icon>
<span>Select</span></a>
</header>

3
demos/slider.html
View File

@ -18,6 +18,7 @@ limitations under the License.
<html>
<head>
<title>slider demo</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="../node_modules/@webcomponents/webcomponentsjs/webcomponents-bundle.js"></script>
<script type="module" src="../node_modules/@material/mwc-slider/mwc-slider.js"></script>
<script type="module" src="../node_modules/@material/mwc-icon/mwc-icon.js"></script>
@ -40,7 +41,7 @@ limitations under the License.
</head>
<body class="unresolved">
<header>
<a href="index.html"><mwc-icon></mwc-icon>
<a href="index.html"><mwc-icon>arrow_back</mwc-icon>
<span>Slider</span></a>
</header>

3
demos/snackbar.html
View File

@ -18,6 +18,7 @@ limitations under the License.
<html>
<head>
<title>snackbar demo</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="../node_modules/@webcomponents/webcomponentsjs/webcomponents-bundle.js"></script>
<script type="module" src="../node_modules/@material/mwc-snackbar/mwc-snackbar.js"></script>
<script type="module" src="../node_modules/@material/mwc-button/mwc-button.js"></script>
@ -26,7 +27,7 @@ limitations under the License.
</head>
<body class="unresolved">
<header>
<a href="index.html"><mwc-icon></mwc-icon>
<a href="index.html"><mwc-icon>arrow_back</mwc-icon>
<span>Snackbar</span></a>
</header>

3
demos/switch.html
View File

@ -18,6 +18,7 @@ limitations under the License.
<html>
<head>
<title>switch demo</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="../node_modules/@webcomponents/webcomponentsjs/webcomponents-bundle.js"></script>
<script type="module" src="../node_modules/@material/mwc-switch/mwc-switch.js"></script>
<script type="module" src="../node_modules/@material/mwc-icon/mwc-icon.js"></script>
@ -25,7 +26,7 @@ limitations under the License.
</head>
<body class="unresolved">
<header>
<a href="index.html"><mwc-icon></mwc-icon>
<a href="index.html"><mwc-icon>arrow_back</mwc-icon>
<span>Switch</span></a>
</header>

3
demos/tabs.html
View File

@ -18,6 +18,7 @@ limitations under the License.
<html>
<head>
<title>tabs demo</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="../node_modules/@webcomponents/webcomponentsjs/webcomponents-bundle.js"></script>
<script type="module" src="../node_modules/@material/mwc-tabs/mwc-tab-bar-scroller.js"></script>
<script type="module" src="../node_modules/@material/mwc-tabs/mwc-tab-bar.js"></script>
@ -27,7 +28,7 @@ limitations under the License.
</head>
<body class="unresolved">
<header>
<a href="index.html"><mwc-icon></mwc-icon>
<a href="index.html"><mwc-icon>arrow_back</mwc-icon>
<span>Tabs</span></a>
</header>

3
demos/textfield.html
View File

@ -18,6 +18,7 @@ limitations under the License.
<html>
<head>
<title>textfield demo</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="../node_modules/@webcomponents/webcomponentsjs/webcomponents-bundle.js"></script>
<script type="module" src="../node_modules/@material/mwc-textfield/mwc-textfield.js"></script>
<script type="module" src="../node_modules/@material/mwc-icon/mwc-icon.js"></script>
@ -25,7 +26,7 @@ limitations under the License.
</head>
<body class="unresolved">
<header>
<a href="index.html"><mwc-icon></mwc-icon>
<a href="index.html"><mwc-icon>arrow_back</mwc-icon>
<span>Text Field</span></a>
</header>