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

Issues Search
    My Issues | Starred     Open | Closed | All

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

Issue 1428833005: MD Downloads: track downloads in C++, dispatch discrete JS updates (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: asdf 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
« chrome/browser/resources/md_downloads/action_service.js ('K') | « chrome/browser/resources/md_downloads/manager.js ('k') | chrome/browser/ui/webui/md_downloads/downloads_list_tracker.h » ('j') | chrome/browser/ui/webui/md_downloads/downloads_list_tracker.h » ('J')
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..eb200e1498ecae701f49c8639c97efb2cf0e430e 100644
--- a/chrome/browser/resources/md_downloads/vulcanized.html
+++ b/chrome/browser/resources/md_downloads/vulcanized.html
@@ -1341,6 +1341,8 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
}
</style>
+
+
<style is="custom-style">
:root {
@@ -1426,8 +1428,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 +1444,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 +1460,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 +1472,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 +1484,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 +1496,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 +1511,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 +1557,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 +1572,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;
@@ -1809,7 +1802,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);
@@ -2169,37 +2163,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>
@@ -3127,6 +3122,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 +3131,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 +3184,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 +3209,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,7 +3228,8 @@ 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>
« chrome/browser/resources/md_downloads/action_service.js ('K') | « chrome/browser/resources/md_downloads/manager.js ('k') | chrome/browser/ui/webui/md_downloads/downloads_list_tracker.h » ('j') | chrome/browser/ui/webui/md_downloads/downloads_list_tracker.h » ('J')

Powered by Google App Engine
This is Rietveld 408576698