Skip to content

GitLab

T
tangled
Commit 07b760ae authored by dbeam's avatar dbeam Committed by Commit bot
Browse files
Options

MD Downloads: fix up some Polymer 1.2.3 issues and re-vulcanize 

R=michaelpg@chromium.org
BUG=none
TEST=new Polymer, same great downloads taste!
NOPRESUBMIT=true  # for long lines in crisper.js

Review URL: https://codereview.chromium.org/1462153007

Cr-Commit-Position: refs/heads/master@{#361262}
parent 4485bf60
Hide whitespace changes
Inline Side-by-side
Showing with 2138 additions and 2111 deletions
chrome/browser/resources/md_downloads/crisper.js
View file @ 07b760ae
This source diff could not be displayed because it is too large. You can view the blob instead.
chrome/browser/resources/md_downloads/manager.css
View file @ 07b760ae
...@@ -7,6 +7,7 @@ ...@@ -7,6 +7,7 @@
flex: 1 0; flex: 1 0;
flex-direction: column; flex-direction: column;
height: 100%; height: 100%;
overflow-y: overlay;
} }
@media screen and (max-width: 1024px) { @media screen and (max-width: 1024px) {
...@@ -15,23 +16,13 @@ ...@@ -15,23 +16,13 @@
} }
} }
#panel {
--paper-header-panel-shadow: {
display: none;
};
--paper-header-panel-standard-container: {
display: flex;
overflow-y: overlay;
};
}
#no-downloads, #no-downloads,
#downloads-list { #downloads-list {
flex: 1; flex: 1;
} }
.loading #no-downloads, :host([loading]) #no-downloads,
.loading #downloads-list { :host([loading]) #downloads-list {
display: none; display: none;
} }
......
chrome/browser/resources/md_downloads/manager.html
View file @ 07b760ae
...@@ -4,7 +4,6 @@ ...@@ -4,7 +4,6 @@
<link rel="import" href="chrome://resources/html/util.html"> <link rel="import" href="chrome://resources/html/util.html">
<link rel="import" href="chrome://resources/polymer/v1_0/polymer/polymer.html"> <link rel="import" href="chrome://resources/polymer/v1_0/polymer/polymer.html">
<link rel="import" href="chrome://resources/polymer/v1_0/iron-list/iron-list.html"> <link rel="import" href="chrome://resources/polymer/v1_0/iron-list/iron-list.html">
<link rel="import" href="chrome://resources/polymer/v1_0/paper-header-panel/paper-header-panel.html">
<link rel="import" href="chrome://downloads/action_service.html"> <link rel="import" href="chrome://downloads/action_service.html">
<link rel="import" href="chrome://downloads/constants.html"> <link rel="import" href="chrome://downloads/constants.html">
<link rel="import" href="chrome://downloads/i18n_setup.html"> <link rel="import" href="chrome://downloads/i18n_setup.html">
...@@ -13,22 +12,20 @@ ...@@ -13,22 +12,20 @@
<dom-module id="downloads-manager"> <dom-module id="downloads-manager">
<template> <template>
<paper-header-panel id="panel" class="loading"> <downloads-toolbar id="toolbar"></downloads-toolbar>
<downloads-toolbar class="paper-header" id="toolbar"></downloads-toolbar> <iron-list id="downloads-list" items="{{items_}}"
<iron-list id="downloads-list" items="{{items_}}" hidden="[[!hasDownloads_]]">
hidden="[[!hasDownloads_]]"> <template>
<template> <downloads-item data="[[item]]" hide-date="[[item.hideDate]]">
<downloads-item data="[[item]]" hide-date="[[item.hideDate]]"> </downloads-item>
</downloads-item> </template>
</template> </iron-list>
</iron-list> <div id="no-downloads" hidden="[[hasDownloads_]]">
<div id="no-downloads" hidden="[[hasDownloads_]]"> <div>
<div> <div class="illustration"></div>
<div class="illustration"></div> <span><!-- Text populated in Manager#updateAll_(). --></span>
<span><!-- Text populated in Manager#updateAll_(). --></span>
</div>
</div> </div>
</paper-header-panel> </div>
</template> </template>
<link rel="import" type="css" href="chrome://downloads/shared_style.css"> <link rel="import" type="css" href="chrome://downloads/shared_style.css">
<link rel="import" type="css" href="chrome://downloads/manager.css"> <link rel="import" type="css" href="chrome://downloads/manager.css">
......
chrome/browser/resources/md_downloads/manager.js
View file @ 07b760ae
...@@ -17,6 +17,10 @@ cr.define('downloads', function() { ...@@ -17,6 +17,10 @@ cr.define('downloads', function() {
}, },
}, },
hostAttributes: {
loading: true,
},
/** /**
* @param {Event} e * @param {Event} e
* @private * @private
...@@ -99,7 +103,7 @@ cr.define('downloads', function() { ...@@ -99,7 +103,7 @@ cr.define('downloads', function() {
if (loadTimeData.getBoolean('allowDeletingHistory')) if (loadTimeData.getBoolean('allowDeletingHistory'))
this.$.toolbar.downloadsShowing = this.hasDownloads_; this.$.toolbar.downloadsShowing = this.hasDownloads_;
this.$.panel.classList.remove('loading'); this.removeAttribute('loading');
}, },
/** /**
......
chrome/browser/resources/md_downloads/shared_style.css
View file @ 07b760ae
...@@ -6,6 +6,10 @@ ...@@ -6,6 +6,10 @@
--downloads-item-width: 622px; --downloads-item-width: 622px;
} }
[hidden] {
display: none !important;
}
paper-button { paper-button {
font-weight: 500; font-weight: 500;
margin: 0; margin: 0;
......
chrome/browser/resources/md_downloads/toolbar.css
View file @ 07b760ae
...@@ -26,7 +26,7 @@ ...@@ -26,7 +26,7 @@
width: var(--downloads-item-width); width: var(--downloads-item-width);
} }
:host-context(.loading) #actions { :host-context([loading]) #actions {
visibility: hidden; visibility: hidden;
} }
......
chrome/browser/resources/md_downloads/vulcanized.html
View file @ 07b760ae
<!DOCTYPE html><html i18n-values="dir:textdirection;lang:language"><head><script src="crisper.js" defer=""></script><!-- <!DOCTYPE html><html i18n-values="dir:textdirection;lang:language"><head><!--
@license @license
Copyright (c) 2014 The Polymer Project Authors. All rights reserved. Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
...@@ -338,6 +338,11 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN ...@@ -338,6 +338,11 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
overflow: auto; overflow: auto;
}; };
--layout-fullbleed: {
margin: 0;
height: 100vh;
}
/* fixed position */ /* fixed position */
--layout-fixed-top: { --layout-fixed-top: {
...@@ -373,6 +378,8 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN ...@@ -373,6 +378,8 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
</style> </style>
<style is="custom-style"> <style is="custom-style">
:root { :root {
...@@ -738,14 +745,14 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN ...@@ -738,14 +745,14 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
/* opacity for dark text on a light background */ /* opacity for dark text on a light background */
--dark-divider-opacity: 0.12; --dark-divider-opacity: 0.12;
--dark-disabled-opacity: 0.26; /* or hint text */ --dark-disabled-opacity: 0.38; /* or hint text or icon */
--dark-secondary-opacity: 0.54; /* or icon */ --dark-secondary-opacity: 0.54;
--dark-primary-opacity: 0.87; --dark-primary-opacity: 0.87;
/* opacity for light text on a dark background */ /* opacity for light text on a dark background */
--light-divider-opacity: 0.12; --light-divider-opacity: 0.12;
--light-disabled-opacity: 0.3; /* or hint text */ --light-disabled-opacity: 0.3; /* or hint text or icon */
--light-secondary-opacity: 0.7; /* or icon */ --light-secondary-opacity: 0.7;
--light-primary-opacity: 1.0; --light-primary-opacity: 1.0;
} }
...@@ -753,594 +760,6 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN ...@@ -753,594 +760,6 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
</style> </style>
<style>
/*******************************
Flex Layout
*******************************/
html /deep/ .layout.horizontal,
html /deep/ .layout.horizontal-reverse,
html /deep/ .layout.vertical,
html /deep/ .layout.vertical-reverse {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
html /deep/ .layout.inline {
display: -ms-inline-flexbox;
display: -webkit-inline-flex;
display: inline-flex;
}
html /deep/ .layout.horizontal {
-ms-flex-direction: row;
-webkit-flex-direction: row;
flex-direction: row;
}
html /deep/ .layout.horizontal-reverse {
-ms-flex-direction: row-reverse;
-webkit-flex-direction: row-reverse;
flex-direction: row-reverse;
}
html /deep/ .layout.vertical {
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;
}
html /deep/ .layout.vertical-reverse {
-ms-flex-direction: column-reverse;
-webkit-flex-direction: column-reverse;
flex-direction: column-reverse;
}
html /deep/ .layout.wrap {
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
html /deep/ .layout.wrap-reverse {
-ms-flex-wrap: wrap-reverse;
-webkit-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse;
}
html /deep/ .flex-auto {
-ms-flex: 1 1 auto;
-webkit-flex: 1 1 auto;
flex: 1 1 auto;
}
html /deep/ .flex-none {
-ms-flex: none;
-webkit-flex: none;
flex: none;
}
html /deep/ .flex,
html /deep/ .flex-1 {
-ms-flex: 1;
-webkit-flex: 1;
flex: 1;
}
html /deep/ .flex-2 {
-ms-flex: 2;
-webkit-flex: 2;
flex: 2;
}
html /deep/ .flex-3 {
-ms-flex: 3;
-webkit-flex: 3;
flex: 3;
}
html /deep/ .flex-4 {
-ms-flex: 4;
-webkit-flex: 4;
flex: 4;
}
html /deep/ .flex-5 {
-ms-flex: 5;
-webkit-flex: 5;
flex: 5;
}
html /deep/ .flex-6 {
-ms-flex: 6;
-webkit-flex: 6;
flex: 6;
}
html /deep/ .flex-7 {
-ms-flex: 7;
-webkit-flex: 7;
flex: 7;
}
html /deep/ .flex-8 {
-ms-flex: 8;
-webkit-flex: 8;
flex: 8;
}
html /deep/ .flex-9 {
-ms-flex: 9;
-webkit-flex: 9;
flex: 9;
}
html /deep/ .flex-10 {
-ms-flex: 10;
-webkit-flex: 10;
flex: 10;
}
html /deep/ .flex-11 {
-ms-flex: 11;
-webkit-flex: 11;
flex: 11;
}
html /deep/ .flex-12 {
-ms-flex: 12;
-webkit-flex: 12;
flex: 12;
}
/* alignment in cross axis */
html /deep/ .layout.start {
-ms-flex-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
}
html /deep/ .layout.center,
html /deep/ .layout.center-center {
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
html /deep/ .layout.end {
-ms-flex-align: end;
-webkit-align-items: flex-end;
align-items: flex-end;
}
/* alignment in main axis */
html /deep/ .layout.start-justified {
-ms-flex-pack: start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
}
html /deep/ .layout.center-justified,
html /deep/ .layout.center-center {
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
html /deep/ .layout.end-justified {
-ms-flex-pack: end;
-webkit-justify-content: flex-end;
justify-content: flex-end;
}
html /deep/ .layout.around-justified {
-ms-flex-pack: around;
-webkit-justify-content: space-around;
justify-content: space-around;
}
html /deep/ .layout.justified {
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
}
/* self alignment */
html /deep/ .self-start {
-ms-align-self: flex-start;
-webkit-align-self: flex-start;
align-self: flex-start;
}
html /deep/ .self-center {
-ms-align-self: center;
-webkit-align-self: center;
align-self: center;
}
html /deep/ .self-end {
-ms-align-self: flex-end;
-webkit-align-self: flex-end;
align-self: flex-end;
}
html /deep/ .self-stretch {
-ms-align-self: stretch;
-webkit-align-self: stretch;
align-self: stretch;
}
/*******************************
Other Layout
*******************************/
html /deep/ .block {
display: block;
}
/* IE 10 support for HTML5 hidden attr */
html /deep/ [hidden] {
display: none !important;
}
html /deep/ .invisible {
visibility: hidden !important;
}
html /deep/ .relative {
position: relative;
}
html /deep/ .fit {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
body.fullbleed {
margin: 0;
height: 100vh;
}
html /deep/ .scroll {
-webkit-overflow-scrolling: touch;
overflow: auto;
}
.fixed-bottom,
.fixed-left,
.fixed-right,
.fixed-top {
position: fixed;
}
html /deep/ .fixed-top {
top: 0;
left: 0;
right: 0;
}
html /deep/ .fixed-right {
top: 0;
right: 0;
botttom: 0;
}
html /deep/ .fixed-bottom {
right: 0;
bottom: 0;
left: 0;
}
html /deep/ .fixed-left {
top: 0;
botttom: 0;
left: 0;
}
</style>
<style>
/*******************************
Flex Layout
*******************************/
.layout.horizontal,
.layout.horizontal-reverse,
.layout.vertical,
.layout.vertical-reverse {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.layout.inline {
display: -ms-inline-flexbox;
display: -webkit-inline-flex;
display: inline-flex;
}
.layout.horizontal {
-ms-flex-direction: row;
-webkit-flex-direction: row;
flex-direction: row;
}
.layout.horizontal-reverse {
-ms-flex-direction: row-reverse;
-webkit-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.layout.vertical {
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;
}
.layout.vertical-reverse {
-ms-flex-direction: column-reverse;
-webkit-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.layout.wrap {
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.layout.wrap-reverse {
-ms-flex-wrap: wrap-reverse;
-webkit-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse;
}
.flex-auto {
-ms-flex: 1 1 auto;
-webkit-flex: 1 1 auto;
flex: 1 1 auto;
}
.flex-none {
-ms-flex: none;
-webkit-flex: none;
flex: none;
}
.flex,
.flex-1 {
-ms-flex: 1;
-webkit-flex: 1;
flex: 1;
}
.flex-2 {
-ms-flex: 2;
-webkit-flex: 2;
flex: 2;
}
.flex-3 {
-ms-flex: 3;
-webkit-flex: 3;
flex: 3;
}
.flex-4 {
-ms-flex: 4;
-webkit-flex: 4;
flex: 4;
}
.flex-5 {
-ms-flex: 5;
-webkit-flex: 5;
flex: 5;
}
.flex-6 {
-ms-flex: 6;
-webkit-flex: 6;
flex: 6;
}
.flex-7 {
-ms-flex: 7;
-webkit-flex: 7;
flex: 7;
}
.flex-8 {
-ms-flex: 8;
-webkit-flex: 8;
flex: 8;
}
.flex-9 {
-ms-flex: 9;
-webkit-flex: 9;
flex: 9;
}
.flex-10 {
-ms-flex: 10;
-webkit-flex: 10;
flex: 10;
}
.flex-11 {
-ms-flex: 11;
-webkit-flex: 11;
flex: 11;
}
.flex-12 {
-ms-flex: 12;
-webkit-flex: 12;
flex: 12;
}
/* alignment in cross axis */
.layout.start {
-ms-flex-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
}
.layout.center,
.layout.center-center {
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.layout.end {
-ms-flex-align: end;
-webkit-align-items: flex-end;
align-items: flex-end;
}
/* alignment in main axis */
.layout.start-justified {
-ms-flex-pack: start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
}
.layout.center-justified,
.layout.center-center {
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
.layout.end-justified {
-ms-flex-pack: end;
-webkit-justify-content: flex-end;
justify-content: flex-end;
}
.layout.around-justified {
-ms-flex-pack: around;
-webkit-justify-content: space-around;
justify-content: space-around;
}
.layout.justified {
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
}
/* self alignment */
.self-start {
-ms-align-self: flex-start;
-webkit-align-self: flex-start;
align-self: flex-start;
}
.self-center {
-ms-align-self: center;
-webkit-align-self: center;
align-self: center;
}
.self-end {
-ms-align-self: flex-end;
-webkit-align-self: flex-end;
align-self: flex-end;
}
.self-stretch {
-ms-align-self: stretch;
-webkit-align-self: stretch;
align-self: stretch;
}
/*******************************
Other Layout
*******************************/
.block {
display: block;
}
/* IE 10 support for HTML5 hidden attr */
[hidden] {
display: none !important;
}
.invisible {
visibility: hidden !important;
}
.relative {
position: relative;
}
.fit {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
body.fullbleed {
margin: 0;
height: 100vh;
}
.scroll {
-webkit-overflow-scrolling: touch;
overflow: auto;
}
/* fixed position */
.fixed-bottom,
.fixed-left,
.fixed-right,
.fixed-top {
position: fixed;
}
.fixed-top {
top: 0;
left: 0;
right: 0;
}
.fixed-right {
top: 0;
right: 0;
bottom: 0;
}
.fixed-bottom {
right: 0;
bottom: 0;
left: 0;
}
.fixed-left {
top: 0;
bottom: 0;
left: 0;
}
</style>
<style is="custom-style"> <style is="custom-style">
:root { :root {
...@@ -1368,6 +787,14 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN ...@@ -1368,6 +787,14 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
} }
</style> </style>
<style> <style>
/* Copyright 2015 The Chromium Authors. All rights reserved. /* Copyright 2015 The Chromium Authors. All rights reserved.
* Use of this source code is governed by a BSD-style license that can be * Use of this source code is governed by a BSD-style license that can be
...@@ -1426,8 +853,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN ...@@ -1426,8 +853,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
/* @apply(--paper-font-common-base) */ /* @apply(--paper-font-common-base) */
font-family: 'Roboto', 'Noto', sans-serif; font-family: 'Roboto', 'Noto', sans-serif;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
/* @apply(--paper-font-common-expensive-kerning); */
text-rendering: optimizeLegibility;
/* @apply(--paper-font-common-nowrap); */ /* @apply(--paper-font-common-nowrap); */
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
...@@ -1443,8 +869,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN ...@@ -1443,8 +869,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
/* @apply(--paper-font-common-base) */ /* @apply(--paper-font-common-base) */
font-family: 'Roboto', 'Noto', sans-serif; font-family: 'Roboto', 'Noto', sans-serif;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
/* @apply(--paper-font-common-expensive-kerning); */
text-rendering: optimizeLegibility;
/* @apply(--paper-font-common-nowrap); */ /* @apply(--paper-font-common-nowrap); */
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
...@@ -1460,8 +885,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN ...@@ -1460,8 +885,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
/* @apply(--paper-font-common-base) */ /* @apply(--paper-font-common-base) */
font-family: 'Roboto', 'Noto', sans-serif; font-family: 'Roboto', 'Noto', sans-serif;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
/* @apply(--paper-font-common-expensive-kerning); */
text-rendering: optimizeLegibility;
font-size: 45px; font-size: 45px;
font-weight: 400; font-weight: 400;
...@@ -1473,8 +897,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN ...@@ -1473,8 +897,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
/* @apply(--paper-font-common-base) */ /* @apply(--paper-font-common-base) */
font-family: 'Roboto', 'Noto', sans-serif; font-family: 'Roboto', 'Noto', sans-serif;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
/* @apply(--paper-font-common-expensive-kerning); */
text-rendering: optimizeLegibility;
font-size: 34px; font-size: 34px;
font-weight: 400; font-weight: 400;
...@@ -1486,8 +909,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN ...@@ -1486,8 +909,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
/* @apply(--paper-font-common-base) */ /* @apply(--paper-font-common-base) */
font-family: 'Roboto', 'Noto', sans-serif; font-family: 'Roboto', 'Noto', sans-serif;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
/* @apply(--paper-font-common-expensive-kerning); */
text-rendering: optimizeLegibility;
font-size: 24px; font-size: 24px;
font-weight: 400; font-weight: 400;
...@@ -1499,8 +921,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN ...@@ -1499,8 +921,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
/* @apply(--paper-font-common-base) */ /* @apply(--paper-font-common-base) */
font-family: 'Roboto', 'Noto', sans-serif; font-family: 'Roboto', 'Noto', sans-serif;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
/* @apply(--paper-font-common-expensive-kerning); */
text-rendering: optimizeLegibility;
/* @apply(--paper-font-common-nowrap); */ /* @apply(--paper-font-common-nowrap); */
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
...@@ -1515,8 +936,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN ...@@ -1515,8 +936,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
/* @apply(--paper-font-common-base) */ /* @apply(--paper-font-common-base) */
font-family: 'Roboto', 'Noto', sans-serif; font-family: 'Roboto', 'Noto', sans-serif;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
/* @apply(--paper-font-common-expensive-kerning); */
text-rendering: optimizeLegibility;
font-size: 16px; font-size: 16px;
font-weight: 400; font-weight: 400;
...@@ -1562,8 +982,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN ...@@ -1562,8 +982,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
/* @apply(--paper-font-common-base) */ /* @apply(--paper-font-common-base) */
font-family: 'Roboto', 'Noto', sans-serif; font-family: 'Roboto', 'Noto', sans-serif;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
/* @apply(--paper-font-common-expensive-kerning); */
text-rendering: optimizeLegibility;
/* @apply(--paper-font-common-nowrap); */ /* @apply(--paper-font-common-nowrap); */
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
...@@ -1578,8 +997,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN ...@@ -1578,8 +997,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
/* @apply(--paper-font-common-base) */ /* @apply(--paper-font-common-base) */
font-family: 'Roboto', 'Noto', sans-serif; font-family: 'Roboto', 'Noto', sans-serif;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
/* @apply(--paper-font-common-expensive-kerning); */
text-rendering: optimizeLegibility;
/* @apply(--paper-font-common-nowrap); */ /* @apply(--paper-font-common-nowrap); */
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
...@@ -1616,11 +1034,6 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN ...@@ -1616,11 +1034,6 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
</style> </style>
</head> </head>
<body><div hidden="" by-vulcanize=""><dom-module id="iron-list" assetpath="chrome://resources/polymer/v1_0/iron-list/"> <body><div hidden="" by-vulcanize=""><dom-module id="iron-list" assetpath="chrome://resources/polymer/v1_0/iron-list/">
<template> <template>
...@@ -1661,144 +1074,6 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN ...@@ -1661,144 +1074,6 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
</template> </template>
</dom-module> </dom-module>
<dom-module id="paper-header-panel" assetpath="chrome://resources/polymer/v1_0/paper-header-panel/">
<style>
/**
@license
Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE
The complete set of authors may be found at http://polymer.github.io/AUTHORS
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS
Code distributed by Google as part of the polymer project is also
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS
*/
:host {
--paper-header-panel-shadow: {
height: 6px;
bottom: -6px;
box-shadow: inset 0px 5px 6px -3px rgba(0, 0, 0, 0.4);
};
@apply(--layout-vertical);
position: relative;
height: 100%;
}
#mainContainer {
@apply(--layout-flex);
position: relative;
overflow-y: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
}
#mainPanel {
@apply(--layout-vertical);
@apply(--layout-flex);
position: relative;
}
/*
* mode: scroll
*/
:host([mode=scroll]) #mainContainer {
@apply(--paper-header-panel-scroll-container);
overflow: visible;
}
:host([mode=scroll]) {
overflow-y: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
}
/*
* mode: cover
*/
:host([mode=cover]) #mainContainer {
@apply(--paper-header-panel-cover-container);
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
:host([mode=cover]) #mainPanel {
position: static;
}
/*
* mode: standard
*/
:host([mode=standard]) #mainContainer {
@apply(--paper-header-panel-standard-container);
}
/*
* mode: seamed
*/
:host([mode=seamed]) #mainContainer {
@apply(--paper-header-panel-seamed-container);
}
/*
* mode: waterfall
*/
:host([mode=waterfall]) #mainContainer {
@apply(--paper-header-panel-waterfall-container);
}
/*
* mode: waterfall-tall
*/
:host([mode=waterfall-tall]) #mainContainer {
@apply(--paper-header-panel-waterfall-tall-container);
}
#dropShadow {
@apply(--paper-header-panel-shadow);
position: absolute;
top: 0;
left: 0;
right: 0;
height: 6px;
pointer-events: none;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
opacity: 0;
}
#dropShadow.has-shadow {
opacity: 1;
}
</style>
<template>
<content id="headerContent" select="paper-toolbar, .paper-header"></content>
<div id="mainPanel">
<div id="mainContainer" class$="[[_computeMainContainerClass(mode)]]">
<content id="mainContent" select="*"></content>
</div>
<div id="dropShadow"></div>
</div>
</template>
</dom-module>
<dom-module id="iron-icon" assetpath="chrome://resources/polymer/v1_0/iron-icon/"> <dom-module id="iron-icon" assetpath="chrome://resources/polymer/v1_0/iron-icon/">
<style> <style>
...@@ -1809,7 +1084,8 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN ...@@ -1809,7 +1084,8 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
vertical-align: middle; vertical-align: middle;
fill: currentcolor; fill: var(--iron-icon-fill-color, currentcolor);
stroke: var(--iron-icon-stroke-color, none);
width: var(--iron-icon-width, 24px); width: var(--iron-icon-width, 24px);
height: var(--iron-icon-height, 24px); height: var(--iron-icon-height, 24px);
...@@ -2123,10 +1399,6 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN ...@@ -2123,10 +1399,6 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);
} }
:host([noink]) {
pointer-events: none;
}
#background, #background,
#waves, #waves,
.wave-container, .wave-container,
...@@ -2169,37 +1441,38 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN ...@@ -2169,37 +1441,38 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
</template> </template>
</dom-module> </dom-module>
<dom-module id="paper-material" assetpath="chrome://resources/polymer/v1_0/paper-material/"> <dom-module id="paper-material" assetpath="chrome://resources/polymer/v1_0/paper-material/">
<style> <template>
:host { <style>
display: block; :host {
position: relative; display: block;
} position: relative;
}
:host([animated]) { :host([animated]) {
@apply(--shadow-transition); @apply(--shadow-transition);
} }
:host([elevation="1"]) { :host([elevation="1"]) {
@apply(--shadow-elevation-2dp); @apply(--shadow-elevation-2dp);
} }
:host([elevation="2"]) { :host([elevation="2"]) {
@apply(--shadow-elevation-4dp); @apply(--shadow-elevation-4dp);
} }
:host([elevation="3"]) { :host([elevation="3"]) {
@apply(--shadow-elevation-6dp); @apply(--shadow-elevation-6dp);
} }
:host([elevation="4"]) { :host([elevation="4"]) {
@apply(--shadow-elevation-8dp); @apply(--shadow-elevation-8dp);
} }
:host([elevation="5"]) {
@apply(--shadow-elevation-16dp);
}
</style>
:host([elevation="5"]) {
@apply(--shadow-elevation-16dp);
}
</style>
<template>
<content></content> <content></content>
</template> </template>
</dom-module> </dom-module>
...@@ -2546,6 +1819,10 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN ...@@ -2546,6 +1819,10 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
--downloads-item-width: 622px; --downloads-item-width: 622px;
} }
[hidden] {
display: none !important;
}
paper-button { paper-button {
font-weight: 500; font-weight: 500;
margin: 0; margin: 0;
...@@ -2793,6 +2070,7 @@ paper-button { ...@@ -2793,6 +2070,7 @@ paper-button {
content: ''; content: '';
background: currentColor; background: currentColor;
opacity: var(--dark-divider-opacity); opacity: var(--dark-divider-opacity);
pointer-events: none;
@apply(--paper-item-focused-before); @apply(--paper-item-focused-before);
} }
...@@ -2816,72 +2094,63 @@ paper-button { ...@@ -2816,72 +2094,63 @@ paper-button {
</template> </template>
</dom-module> </dom-module>
<dom-module id="paper-menu" assetpath="chrome://resources/polymer/v1_0/paper-menu/"> <dom-module id="paper-menu-shared-styles" assetpath="chrome://resources/polymer/v1_0/paper-menu/">
<style> <template>
/** <style>
@license /* need a wrapper element to make this higher specificity than the :host rule in paper-item */
Copyright (c) 2015 The Polymer Project Authors. All rights reserved. .selectable-content > ::content > .iron-selected {
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt font-weight: bold;
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
Code distributed by Google as part of the polymer project is also
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
*/
/* need a wrapper element to make this higher specificity than the :host rule in paper-item */
.selectable-content > ::content > .iron-selected {
font-weight: bold;
@apply(--paper-menu-selected-item);
}
.selectable-content > ::content > [disabled] {
color: var(--paper-menu-disabled-color, --disabled-text-color);
}
.selectable-content > ::content > *:focus { @apply(--paper-menu-selected-item);
position: relative; }
outline: 0;
@apply(--paper-menu-focused-item); .selectable-content > ::content > [disabled] {
} color: var(--paper-menu-disabled-color, --disabled-text-color);
}
.selectable-content > ::content > *:focus:after { .selectable-content > ::content > *:focus {
@apply(--layout-fit); position: relative;
background: currentColor; outline: 0;
opacity: var(--dark-divider-opacity);
content: '';
@apply(--paper-menu-focused-item-after); @apply(--paper-menu-focused-item);
} }
.selectable-content > ::content > *[colored]:focus:after { .selectable-content > ::content > *:focus:after {
opacity: 0.26; @apply(--layout-fit);
} background: currentColor;
opacity: var(--dark-divider-opacity);
content: '';
</style> @apply(--paper-menu-focused-item-after);
}
<style> .selectable-content > ::content > *[colored]:focus:after {
:host { opacity: 0.26;
display: block; }
padding: 8px 0; </style>
</template>
</dom-module>
<dom-module id="paper-menu" assetpath="chrome://resources/polymer/v1_0/paper-menu/">
<template>
<style include="paper-menu-shared-styles"></style>
<style>
:host {
display: block;
padding: 8px 0;
background: var(--paper-menu-background-color, --primary-background-color); background: var(--paper-menu-background-color, --primary-background-color);
color: var(--paper-menu-color, --primary-text-color); color: var(--paper-menu-color, --primary-text-color);
@apply(--paper-menu); @apply(--paper-menu);
} }
</style> </style>
<template>
<div class="selectable-content"> <div class="selectable-content">
<content></content> <content></content>
</div> </div>
</template> </template>
</dom-module> </dom-module>
<dom-module id="iron-overlay-backdrop" assetpath="chrome://resources/polymer/v1_0/iron-overlay-behavior/"> <dom-module id="iron-overlay-backdrop" assetpath="chrome://resources/polymer/v1_0/iron-overlay-behavior/">
<style> <style>
...@@ -3061,6 +2330,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN ...@@ -3061,6 +2330,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
.focused-line { .focused-line {
height: 2px; height: 2px;
@apply(--layout-fit);
-webkit-transform-origin: center center; -webkit-transform-origin: center center;
transform-origin: center center; transform-origin: center center;
...@@ -3094,6 +2364,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN ...@@ -3094,6 +2364,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
.unfocused-line { .unfocused-line {
height: 1px; height: 1px;
@apply(--layout-fit);
background: var(--paper-input-container-color, --secondary-text-color); background: var(--paper-input-container-color, --secondary-text-color);
@apply(--paper-input-container-underline); @apply(--paper-input-container-underline);
...@@ -3127,6 +2398,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN ...@@ -3127,6 +2398,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
font: inherit; font: inherit;
color: var(--paper-input-container-color, --secondary-text-color); color: var(--paper-input-container-color, --secondary-text-color);
@apply(--paper-font-common-nowrap);
@apply(--paper-font-subhead); @apply(--paper-font-subhead);
@apply(--paper-input-container-label); @apply(--paper-input-container-label);
} }
...@@ -3135,14 +2407,29 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN ...@@ -3135,14 +2407,29 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
.input-content.label-is-floating ::content .paper-input-label { .input-content.label-is-floating ::content .paper-input-label {
-webkit-transform: translateY(-75%) scale(0.75); -webkit-transform: translateY(-75%) scale(0.75);
transform: translateY(-75%) scale(0.75); transform: translateY(-75%) scale(0.75);
-webkit-transform-origin: left top;
transform-origin: left top;
-webkit-transition: -webkit-transform 0.25s; -webkit-transition: -webkit-transform 0.25s;
transition: transform 0.25s; transition: transform 0.25s;
-webkit-transform-origin: left top;
transform-origin: left top;
/* Since we scale to 75/100 of the size, we actually have 100/75 of the
original space now available */
width: 133%;
@apply(--paper-transition-easing); @apply(--paper-transition-easing);
} }
:host-context([dir="rtl"]) .input-content.label-is-floating ::content label,
:host-context([dir="rtl"]) .input-content.label-is-floating ::content .paper-input-label {
/* TODO(noms): Figure out why leaving the width at 133% before the animation
* actually makes
* it wider on the right side, not left side, as you would expect in RTL */
width: 100%;
-webkit-transform-origin: right top;
transform-origin: right top;
}
.input-content.label-is-highlighted ::content label, .input-content.label-is-highlighted ::content label,
.input-content.label-is-highlighted ::content .paper-input-label { .input-content.label-is-highlighted ::content .paper-input-label {
color: var(--paper-input-container-focus-color, --default-primary-color); color: var(--paper-input-container-focus-color, --default-primary-color);
...@@ -3173,6 +2460,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN ...@@ -3173,6 +2460,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
border: none; border: none;
color: var(--paper-input-container-input-color, --primary-text-color); color: var(--paper-input-container-input-color, --primary-text-color);
-webkit-appearance: none; -webkit-appearance: none;
text-align: inherit;
@apply(--paper-font-subhead); @apply(--paper-font-subhead);
@apply(--paper-input-container-input); @apply(--paper-input-container-input);
...@@ -3197,6 +2485,10 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN ...@@ -3197,6 +2485,10 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
resize: none; resize: none;
} }
.add-on-content {
position: relative;
}
.add-on-content.is-invalid ::content * { .add-on-content.is-invalid ::content * {
color: var(--paper-input-container-invalid-color, --google-red-500); color: var(--paper-input-container-invalid-color, --google-red-500);
} }
...@@ -3212,15 +2504,16 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN ...@@ -3212,15 +2504,16 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
<div class$="[[_computeInputContentClass(noLabelFloat,alwaysFloatLabel,focused,invalid,_inputHasContent)]]"> <div class$="[[_computeInputContentClass(noLabelFloat,alwaysFloatLabel,focused,invalid,_inputHasContent)]]">
<content select="[prefix]" id="prefix"></content> <content select="[prefix]" id="prefix"></content>
<div class="label-and-input-container">
<div class="label-and-input-container" id="labelAndInputContainer">
<content select=":not([add-on]):not([prefix]):not([suffix])"></content> <content select=":not([add-on]):not([prefix]):not([suffix])"></content>
</div> </div>
<content select="[suffix]"></content> <content select="[suffix]"></content>
</div> </div>
<div class$="[[_computeUnderlineClass(focused,invalid)]]"> <div class$="[[_computeUnderlineClass(focused,invalid)]]">
<div class="unfocused-line fit"></div> <div class="unfocused-line"></div>
<div class="focused-line fit"></div> <div class="focused-line"></div>
</div> </div>
<div class$="[[_computeAddOnContentClass(focused,invalid)]]"> <div class$="[[_computeAddOnContentClass(focused,invalid)]]">
...@@ -3344,6 +2637,10 @@ paper-icon-button { ...@@ -3344,6 +2637,10 @@ paper-icon-button {
--downloads-item-width: 622px; --downloads-item-width: 622px;
} }
[hidden] {
display: none !important;
}
paper-button { paper-button {
font-weight: 500; font-weight: 500;
margin: 0; margin: 0;
...@@ -3380,7 +2677,7 @@ paper-button { ...@@ -3380,7 +2677,7 @@ paper-button {
width: var(--downloads-item-width); width: var(--downloads-item-width);
} }
:host-context(.loading) #actions { :host-context([loading]) #actions {
visibility: hidden; visibility: hidden;
} }
...@@ -3469,21 +2766,19 @@ paper-item:hover { ...@@ -3469,21 +2766,19 @@ paper-item:hover {
</dom-module> </dom-module>
<dom-module id="downloads-manager" assetpath="chrome://downloads/"> <dom-module id="downloads-manager" assetpath="chrome://downloads/">
<template> <template>
<paper-header-panel id="panel" class="loading"> <downloads-toolbar id="toolbar"></downloads-toolbar>
<downloads-toolbar class="paper-header" id="toolbar"></downloads-toolbar> <iron-list id="downloads-list" items="{{items_}}" hidden="[[!hasDownloads_]]">
<iron-list id="downloads-list" items="{{items_}}" hidden="[[!hasDownloads_]]"> <template>
<template> <downloads-item data="[[item]]" hide-date="[[item.hideDate]]">
<downloads-item data="[[item]]" hide-date="[[item.hideDate]]"> </downloads-item>
</downloads-item> </template>
</template> </iron-list>
</iron-list> <div id="no-downloads" hidden="[[hasDownloads_]]">
<div id="no-downloads" hidden="[[hasDownloads_]]"> <div>
<div> <div class="illustration"></div>
<div class="illustration"></div> <span></span>
<span></span>
</div>
</div> </div>
</paper-header-panel> </div>
</template> </template>
<style> <style>
/* Copyright 2015 The Chromium Authors. All rights reserved. /* Copyright 2015 The Chromium Authors. All rights reserved.
...@@ -3494,6 +2789,10 @@ paper-item:hover { ...@@ -3494,6 +2789,10 @@ paper-item:hover {
--downloads-item-width: 622px; --downloads-item-width: 622px;
} }
[hidden] {
display: none !important;
}
paper-button { paper-button {
font-weight: 500; font-weight: 500;
margin: 0; margin: 0;
...@@ -3511,6 +2810,7 @@ paper-button { ...@@ -3511,6 +2810,7 @@ paper-button {
flex: 1 0; flex: 1 0;
flex-direction: column; flex-direction: column;
height: 100%; height: 100%;
overflow-y: overlay;
} }
@media screen and (max-width: 1024px) { @media screen and (max-width: 1024px) {
...@@ -3519,23 +2819,13 @@ paper-button { ...@@ -3519,23 +2819,13 @@ paper-button {
} }
} }
#panel {
--paper-header-panel-shadow: {
display: none;
};
--paper-header-panel-standard-container: {
display: flex;
overflow-y: overlay;
};
}
#no-downloads, #no-downloads,
#downloads-list { #downloads-list {
flex: 1; flex: 1;
} }
.loading #no-downloads, :host([loading]) #no-downloads,
.loading #downloads-list { :host([loading]) #downloads-list {
display: none; display: none;
} }
...@@ -3568,4 +2858,4 @@ paper-button { ...@@ -3568,4 +2858,4 @@ paper-button {
<command id="undo-command" shortcut="Ctrl-U+005A"></command> <command id="undo-command" shortcut="Ctrl-U+005A"></command>
</if> </if>
</body></html> <script src="crisper.js"></script></body></html>
\ No newline at end of file \ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment