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

Side by Side Diff: chrome/browser/resources/md_downloads/vulcanized.html

Issue 2344893006: MD Downloads: add "waterfall" shadow (shows when the list is scrolled) (Closed)
Patch Set: Created 4 years, 3 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
OLDNEW
1 <!DOCTYPE html><html dir="$i18n{textdirection}" lang="$i18n{language}"><head><!- - 1 <!DOCTYPE html><html dir="$i18n{textdirection}" lang="$i18n{language}"><head><!- -
2 @license 2 @license
3 Copyright (c) 2014 The Polymer Project Authors. All rights reserved. 3 Copyright (c) 2014 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 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 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 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 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 8 subject to an additional IP rights grant found at http://polymer.github.io/PATEN TS.txt
9 --><!-- 9 --><!--
10 @license 10 @license
(...skipping 3451 matching lines...) Expand 10 before | Expand all | Expand 10 after
3462 3462
3463 </style> 3463 </style>
3464 3464
3465 <dom-module id="downloads-manager" assetpath="chrome://downloads/" css-build="sh adow"> 3465 <dom-module id="downloads-manager" assetpath="chrome://downloads/" css-build="sh adow">
3466 <template> 3466 <template>
3467 <style no-process="" scope="downloads-manager">:host { 3467 <style no-process="" scope="downloads-manager">:host {
3468 display: flex; 3468 display: flex;
3469 flex: 1 0; 3469 flex: 1 0;
3470 flex-direction: column; 3470 flex-direction: column;
3471 height: 100%; 3471 height: 100%;
3472 z-index: 0;
3472 } 3473 }
3473 3474
3474 @media screen and (max-width: 1024px) { 3475 @media screen and (max-width: 1024px) {
3475 :host { 3476 :host {
3476 flex-basis: 670px; 3477 flex-basis: 670px;
3477 } 3478 }
3478 3479
3479 } 3480 }
3480 3481
3482 #toolbar {
3483 position: relative;
3484 z-index: 1;
3485 }
3486
3487 #toolbar::after {
3488 box-shadow: inset 0 5px 6px -3px rgba(0, 0, 0, 0.4);
3489 content: '';
3490 display: block;
3491 height: 6px;
3492 opacity: 0;
3493 position: absolute;
3494 top: 100%;
3495 transition: opacity 500ms;
3496 width: 100%;
3497 }
3498
3499 :host([has-shadow_]) #toolbar::after {
3500 opacity: 1;
3501 }
3502
3481 #downloads-list { 3503 #downloads-list {
3482 overflow-y: overlay !important; 3504 overflow-y: overlay !important;
3483 } 3505 }
3484 3506
3485 #no-downloads, #downloads-list { 3507 #no-downloads, #downloads-list {
3486 flex: 1; 3508 flex: 1;
3487 } 3509 }
3488 3510
3489 :host([loading]) #no-downloads, :host([loading]) #downloads-list { 3511 :host([loading]) #no-downloads, :host([loading]) #downloads-list {
3490 display: none; 3512 display: none;
(...skipping 62 matching lines...) Expand 10 before | Expand all | Expand 10 after
3553 <command id="undo-command" shortcut="Meta|z"></command> 3575 <command id="undo-command" shortcut="Meta|z"></command>
3554 <command id="find-command" shortcut="Meta|f"></command> 3576 <command id="find-command" shortcut="Meta|f"></command>
3555 </if> 3577 </if>
3556 <if expr="not is_macosx"> 3578 <if expr="not is_macosx">
3557 <command id="clear-all-command" shortcut="Alt|c"></command> 3579 <command id="clear-all-command" shortcut="Alt|c"></command>
3558 <command id="undo-command" shortcut="Ctrl|z"></command> 3580 <command id="undo-command" shortcut="Ctrl|z"></command>
3559 <command id="find-command" shortcut="Ctrl|f"></command> 3581 <command id="find-command" shortcut="Ctrl|f"></command>
3560 </if> 3582 </if>
3561 <link rel="import" href="chrome://resources/html/polymer.html"> 3583 <link rel="import" href="chrome://resources/html/polymer.html">
3562 <script src="crisper.js"></script></body></html> 3584 <script src="crisper.js"></script></body></html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698