Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(4442)

Issues Search
    My Issues | Starred     Open | Closed | All

Unified Diff: chrome/browser/resources/md_downloads/vulcanized.html

Issue 1462153007: MD Downloads: fix up some Polymer 1.2.3 issues and re-vulcanize (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@update-polymer
Patch Set: new patchset Created 5 years, 1 month 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 side-by-side diff with in-line comments
Download patch
« no previous file with comments | « chrome/browser/resources/md_downloads/toolbar.css ('k') | no next file » | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: chrome/browser/resources/md_downloads/vulcanized.html
diff --git a/chrome/browser/resources/md_downloads/vulcanized.html b/chrome/browser/resources/md_downloads/vulcanized.html
index 637dc280add16cdaf8910f8d92e0162ba47a71d2..3e136d15f50bd21ac4577bea13fc62435d6ec95d 100644
--- a/chrome/browser/resources/md_downloads/vulcanized.html
+++ b/chrome/browser/resources/md_downloads/vulcanized.html
@@ -1,4 +1,4 @@
-<!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
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
@@ -338,6 +338,11 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
overflow: auto;
};
+ --layout-fullbleed: {
+ margin: 0;
+ height: 100vh;
+ }
+
/* fixed position */
--layout-fixed-top: {
@@ -373,6 +378,8 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
</style>
+
+
<style is="custom-style">
:root {
@@ -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 */
--dark-divider-opacity: 0.12;
- --dark-disabled-opacity: 0.26; /* or hint text */
- --dark-secondary-opacity: 0.54; /* or icon */
+ --dark-disabled-opacity: 0.38; /* or hint text or icon */
+ --dark-secondary-opacity: 0.54;
--dark-primary-opacity: 0.87;
/* opacity for light text on a dark background */
--light-divider-opacity: 0.12;
- --light-disabled-opacity: 0.3; /* or hint text */
- --light-secondary-opacity: 0.7; /* or icon */
+ --light-disabled-opacity: 0.3; /* or hint text or icon */
+ --light-secondary-opacity: 0.7;
--light-primary-opacity: 1.0;
}
@@ -753,594 +760,6 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
</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">
:root {
@@ -1368,6 +787,14 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
}
</style>
+
+
+
+
+
+
+
+
<style>
/* Copyright 2015 The Chromium Authors. All rights reserved.
* 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
/* @apply(--paper-font-common-base) */
font-family: 'Roboto', 'Noto', sans-serif;
-webkit-font-smoothing: antialiased;
- /* @apply(--paper-font-common-expensive-kerning); */
- text-rendering: optimizeLegibility;
+
/* @apply(--paper-font-common-nowrap); */
white-space: nowrap;
overflow: hidden;
@@ -1443,8 +869,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
/* @apply(--paper-font-common-base) */
font-family: 'Roboto', 'Noto', sans-serif;
-webkit-font-smoothing: antialiased;
- /* @apply(--paper-font-common-expensive-kerning); */
- text-rendering: optimizeLegibility;
+
/* @apply(--paper-font-common-nowrap); */
white-space: nowrap;
overflow: hidden;
@@ -1460,8 +885,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
/* @apply(--paper-font-common-base) */
font-family: 'Roboto', 'Noto', sans-serif;
-webkit-font-smoothing: antialiased;
- /* @apply(--paper-font-common-expensive-kerning); */
- text-rendering: optimizeLegibility;
+
font-size: 45px;
font-weight: 400;
@@ -1473,8 +897,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
/* @apply(--paper-font-common-base) */
font-family: 'Roboto', 'Noto', sans-serif;
-webkit-font-smoothing: antialiased;
- /* @apply(--paper-font-common-expensive-kerning); */
- text-rendering: optimizeLegibility;
+
font-size: 34px;
font-weight: 400;
@@ -1486,8 +909,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
/* @apply(--paper-font-common-base) */
font-family: 'Roboto', 'Noto', sans-serif;
-webkit-font-smoothing: antialiased;
- /* @apply(--paper-font-common-expensive-kerning); */
- text-rendering: optimizeLegibility;
+
font-size: 24px;
font-weight: 400;
@@ -1499,8 +921,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
/* @apply(--paper-font-common-base) */
font-family: 'Roboto', 'Noto', sans-serif;
-webkit-font-smoothing: antialiased;
- /* @apply(--paper-font-common-expensive-kerning); */
- text-rendering: optimizeLegibility;
+
/* @apply(--paper-font-common-nowrap); */
white-space: nowrap;
overflow: hidden;
@@ -1515,8 +936,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
/* @apply(--paper-font-common-base) */
font-family: 'Roboto', 'Noto', sans-serif;
-webkit-font-smoothing: antialiased;
- /* @apply(--paper-font-common-expensive-kerning); */
- text-rendering: optimizeLegibility;
+
font-size: 16px;
font-weight: 400;
@@ -1562,8 +982,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
/* @apply(--paper-font-common-base) */
font-family: 'Roboto', 'Noto', sans-serif;
-webkit-font-smoothing: antialiased;
- /* @apply(--paper-font-common-expensive-kerning); */
- text-rendering: optimizeLegibility;
+
/* @apply(--paper-font-common-nowrap); */
white-space: nowrap;
overflow: hidden;
@@ -1578,8 +997,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
/* @apply(--paper-font-common-base) */
font-family: 'Roboto', 'Noto', sans-serif;
-webkit-font-smoothing: antialiased;
- /* @apply(--paper-font-common-expensive-kerning); */
- text-rendering: optimizeLegibility;
+
/* @apply(--paper-font-common-nowrap); */
white-space: nowrap;
overflow: hidden;
@@ -1616,11 +1034,6 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
</style>
-
-
-
-
-
</head>
<body><div hidden="" by-vulcanize=""><dom-module id="iron-list" assetpath="chrome://resources/polymer/v1_0/iron-list/">
<template>
@@ -1661,144 +1074,6 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
</template>
</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/">
<style>
@@ -1809,7 +1084,8 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
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);
height: var(--iron-icon-height, 24px);
@@ -2123,10 +1399,6 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
transform: translate3d(0, 0, 0);
}
- :host([noink]) {
- pointer-events: none;
- }
-
#background,
#waves,
.wave-container,
@@ -2169,37 +1441,38 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
</template>
</dom-module>
<dom-module id="paper-material" assetpath="chrome://resources/polymer/v1_0/paper-material/">
- <style>
- :host {
- display: block;
- position: relative;
- }
+ <template>
+ <style>
+ :host {
+ display: block;
+ position: relative;
+ }
- :host([animated]) {
- @apply(--shadow-transition);
- }
+ :host([animated]) {
+ @apply(--shadow-transition);
+ }
- :host([elevation="1"]) {
- @apply(--shadow-elevation-2dp);
- }
+ :host([elevation="1"]) {
+ @apply(--shadow-elevation-2dp);
+ }
- :host([elevation="2"]) {
- @apply(--shadow-elevation-4dp);
- }
+ :host([elevation="2"]) {
+ @apply(--shadow-elevation-4dp);
+ }
- :host([elevation="3"]) {
- @apply(--shadow-elevation-6dp);
- }
+ :host([elevation="3"]) {
+ @apply(--shadow-elevation-6dp);
+ }
- :host([elevation="4"]) {
- @apply(--shadow-elevation-8dp);
- }
+ :host([elevation="4"]) {
+ @apply(--shadow-elevation-8dp);
+ }
+
+ :host([elevation="5"]) {
+ @apply(--shadow-elevation-16dp);
+ }
+ </style>
- :host([elevation="5"]) {
- @apply(--shadow-elevation-16dp);
- }
- </style>
- <template>
<content></content>
</template>
</dom-module>
@@ -2546,6 +1819,10 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
--downloads-item-width: 622px;
}
+[hidden] {
+ display: none !important;
+}
+
paper-button {
font-weight: 500;
margin: 0;
@@ -2793,6 +2070,7 @@ paper-button {
content: '';
background: currentColor;
opacity: var(--dark-divider-opacity);
+ pointer-events: none;
@apply(--paper-item-focused-before);
}
@@ -2816,72 +2094,63 @@ paper-button {
</template>
</dom-module>
-<dom-module id="paper-menu" assetpath="chrome://resources/polymer/v1_0/paper-menu/">
- <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.txt
-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);
-}
+<dom-module id="paper-menu-shared-styles" assetpath="chrome://resources/polymer/v1_0/paper-menu/">
+ <template>
+ <style>
+ /* need a wrapper element to make this higher specificity than the :host rule in paper-item */
+ .selectable-content > ::content > .iron-selected {
+ font-weight: bold;
-.selectable-content > ::content > *:focus {
- position: relative;
- outline: 0;
+ @apply(--paper-menu-selected-item);
+ }
- @apply(--paper-menu-focused-item);
-}
+ .selectable-content > ::content > [disabled] {
+ color: var(--paper-menu-disabled-color, --disabled-text-color);
+ }
-.selectable-content > ::content > *:focus:after {
- @apply(--layout-fit);
- background: currentColor;
- opacity: var(--dark-divider-opacity);
- content: '';
+ .selectable-content > ::content > *:focus {
+ position: relative;
+ outline: 0;
- @apply(--paper-menu-focused-item-after);
-}
+ @apply(--paper-menu-focused-item);
+ }
-.selectable-content > ::content > *[colored]:focus:after {
- opacity: 0.26;
-}
+ .selectable-content > ::content > *:focus:after {
+ @apply(--layout-fit);
+ background: currentColor;
+ opacity: var(--dark-divider-opacity);
+ content: '';
-</style>
+ @apply(--paper-menu-focused-item-after);
+ }
- <style>
- :host {
- display: block;
- padding: 8px 0;
+ .selectable-content > ::content > *[colored]:focus:after {
+ opacity: 0.26;
+ }
+ </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);
- color: var(--paper-menu-color, --primary-text-color);
+ background: var(--paper-menu-background-color, --primary-background-color);
+ color: var(--paper-menu-color, --primary-text-color);
- @apply(--paper-menu);
- }
- </style>
- <template>
+ @apply(--paper-menu);
+ }
+ </style>
<div class="selectable-content">
<content></content>
</div>
-
</template>
-</dom-module>
-
+ </dom-module>
<dom-module id="iron-overlay-backdrop" assetpath="chrome://resources/polymer/v1_0/iron-overlay-behavior/">
<style>
@@ -3061,6 +2330,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
.focused-line {
height: 2px;
+ @apply(--layout-fit);
-webkit-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
.unfocused-line {
height: 1px;
+ @apply(--layout-fit);
background: var(--paper-input-container-color, --secondary-text-color);
@apply(--paper-input-container-underline);
@@ -3127,6 +2398,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
font: inherit;
color: var(--paper-input-container-color, --secondary-text-color);
+ @apply(--paper-font-common-nowrap);
@apply(--paper-font-subhead);
@apply(--paper-input-container-label);
}
@@ -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 {
-webkit-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;
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);
}
+ :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 .paper-input-label {
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
border: none;
color: var(--paper-input-container-input-color, --primary-text-color);
-webkit-appearance: none;
+ text-align: inherit;
@apply(--paper-font-subhead);
@apply(--paper-input-container-input);
@@ -3197,6 +2485,10 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
resize: none;
}
+ .add-on-content {
+ position: relative;
+ }
+
.add-on-content.is-invalid ::content * {
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
<div class$="[[_computeInputContentClass(noLabelFloat,alwaysFloatLabel,focused,invalid,_inputHasContent)]]">
<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>
</div>
<content select="[suffix]"></content>
</div>
<div class$="[[_computeUnderlineClass(focused,invalid)]]">
- <div class="unfocused-line fit"></div>
- <div class="focused-line fit"></div>
+ <div class="unfocused-line"></div>
+ <div class="focused-line"></div>
</div>
<div class$="[[_computeAddOnContentClass(focused,invalid)]]">
@@ -3344,6 +2637,10 @@ paper-icon-button {
--downloads-item-width: 622px;
}
+[hidden] {
+ display: none !important;
+}
+
paper-button {
font-weight: 500;
margin: 0;
@@ -3380,7 +2677,7 @@ paper-button {
width: var(--downloads-item-width);
}
-:host-context(.loading) #actions {
+:host-context([loading]) #actions {
visibility: hidden;
}
@@ -3469,21 +2766,19 @@ paper-item:hover {
</dom-module>
<dom-module id="downloads-manager" assetpath="chrome://downloads/">
<template>
- <paper-header-panel id="panel" class="loading">
- <downloads-toolbar class="paper-header" id="toolbar"></downloads-toolbar>
- <iron-list id="downloads-list" items="{{items_}}" hidden="[[!hasDownloads_]]">
- <template>
- <downloads-item data="[[item]]" hide-date="[[item.hideDate]]">
- </downloads-item>
- </template>
- </iron-list>
- <div id="no-downloads" hidden="[[hasDownloads_]]">
- <div>
- <div class="illustration"></div>
- <span></span>
- </div>
+ <downloads-toolbar id="toolbar"></downloads-toolbar>
+ <iron-list id="downloads-list" items="{{items_}}" hidden="[[!hasDownloads_]]">
+ <template>
+ <downloads-item data="[[item]]" hide-date="[[item.hideDate]]">
+ </downloads-item>
+ </template>
+ </iron-list>
+ <div id="no-downloads" hidden="[[hasDownloads_]]">
+ <div>
+ <div class="illustration"></div>
+ <span></span>
</div>
- </paper-header-panel>
+ </div>
</template>
<style>
/* Copyright 2015 The Chromium Authors. All rights reserved.
@@ -3494,6 +2789,10 @@ paper-item:hover {
--downloads-item-width: 622px;
}
+[hidden] {
+ display: none !important;
+}
+
paper-button {
font-weight: 500;
margin: 0;
@@ -3511,6 +2810,7 @@ paper-button {
flex: 1 0;
flex-direction: column;
height: 100%;
+ overflow-y: overlay;
}
@media screen and (max-width: 1024px) {
@@ -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,
#downloads-list {
flex: 1;
}
-.loading #no-downloads,
-.loading #downloads-list {
+:host([loading]) #no-downloads,
+:host([loading]) #downloads-list {
display: none;
}
@@ -3568,4 +2858,4 @@ paper-button {
<command id="undo-command" shortcut="Ctrl-U+005A"></command>
</if>
- </body></html>
+ <script src="crisper.js"></script></body></html>
« no previous file with comments | « chrome/browser/resources/md_downloads/toolbar.css ('k') | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698