third_party/polymer/v0_8/components-chromium/paper-toast/paper-toast.html - Issue 1162563004: Upgrade to 1.0 and switch clients to dom-repeat where needed.

Side by Side Diff

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Keyboard Shortcuts

	File
u :	up to issue
j / k :	jump to file after / before current file
J / K :	jump to next file with a comment after / before current file
	Side-by-side diff
i :	toggle intra-line diffs
e :	expand all comments
c :	collapse all comments
s :	toggle showing all comments
n / p :	next / previous diff chunk or comment
N / P :	next / previous comment
<Up> / <Down> :	next / previous line

	Issue
u :	up to list of issues
j / k :	jump to patch after / before current patch
o / <Enter> :	open current patch in side-by-side view
i :	open current patch in unified diff view

	Issue List
j / k :	jump to issue after / before current issue
o / <Enter> :	open current issue

Side by Side Diff: third_party/polymer/v0_8/components-chromium/paper-toast/paper-toast.html

Issue 1162563004: Upgrade to 1.0 and switch clients to dom-repeat where needed. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master

Patch Set: Fix a layout import and remove the gzipped webanimation in reproduce.sh Created 5 years, 6 months ago

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Jump to:

View unified diff | Download patch

« no previous file with comments | « third_party/polymer/v0_8/components-chromium/paper-toast/index.html ('k') | third_party/polymer/v0_8/components-chromium/paper-toast/paper-toast-extracted.js » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
(Empty)
	1 <!--

	2 @license

	3 Copyright (c) 2015 The Polymer Project Authors. All rights reserved.

	4 This code may only be used under the BSD style license found at http://polymer.g ithub.io/LICENSE.txt

	5 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt

	6 The complete set of contributors may be found at http://polymer.github.io/CONTRI BUTORS.txt

	7 Code distributed by Google as part of the polymer project is also

	8 subject to an additional IP rights grant found at http://polymer.github.io/PATEN TS.txt

	9 --><html><head><link rel="import" href="../polymer/polymer.html">

	10 <link rel="import" href="../paper-styles/typography.html">

	11 <link rel="import" href="../iron-a11y-announcer/iron-a11y-announcer.html">

	12

	13 <!--

	14 `paper-toast` provides a subtle notification toast.

	15

	16 @group Paper Elements

	17 @element paper-toast

	18 @demo demo/index.html

	19 @hero hero.svg

	20 -->

	21 </head><body><dom-module id="paper-toast">

	22 <style>

	23 :host {

	24 display: inline-block;

	25 position: fixed;

	26

	27 background: #323232;

	28 color: #f1f1f1;

	29 min-height: 48px;

	30 min-width: 288px;

	31 padding: 16px 24px 12px;

	32 box-sizing: border-box;

	33 box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);

	34 border-radius: 2px;

	35 bottom: 12px;

	36 left: 12px;

	37 font-size: 14px;

	38 cursor: default;

	39

	40 -webkit-transition: visibility 0.3s, -webkit-transform 0.3s;

	41 transition: visibility 0.3s, transform 0.3s;

	42

	43 -webkit-transform: translateY(100px);

	44 transform: translateY(100px);

	45

	46 visibility: hidden;

	47 }

	48

	49 :host(.capsule) {

	50 border-radius: 24px;

	51 }

	52

	53 :host(.fit-bottom) {

	54 bottom: 0;

	55 left: 0;

	56 width: 100%;

	57 min-width: 0;

	58 border-radius: 0;

	59 }

	60

	61 :host(.paper-toast-open){

	62 visibility: visible;

	63

	64 -webkit-transform: translateY(0px);

	65 transform: translateY(0px);

	66 }

	67 </style>

	68 <template>

	69 <span id="label">{{text}}</span>

	70 <content></content>

	71 </template>

	72 </dom-module>

	73 <script src="paper-toast-extracted.js"></script></body></html>

OLD	NEW