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

Issues Search
    My Issues | Starred     Open | Closed | All

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

Issue 2555693006: MD Downloads: fix some a11y issues (Closed)
Patch Set: more nits Created 4 years 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 | « chrome/browser/resources/md_downloads/toolbar.html ('k') | chrome/browser/resources/settings/settings_page/settings_section.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
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 1037 matching lines...) Expand 10 before | Expand all | Expand 10 after
1048 display: none !important; 1048 display: none !important;
1049 } 1049 }
1050 1050
1051 paper-button { 1051 paper-button {
1052 font-weight: 500; 1052 font-weight: 500;
1053 margin: 0; 1053 margin: 0;
1054 min-width: auto; 1054 min-width: auto;
1055 } 1055 }
1056 1056
1057 #date { 1057 #date {
1058 color: rgb(104, 113, 116); 1058 color: var(--paper-grey-700);
1059 font-size: 100%; 1059 font-size: 100%;
1060 font-weight: 500; 1060 font-weight: 500;
1061 margin: 24px auto 10px; 1061 margin: 24px auto 10px;
1062 width: var(--downloads-card-width); 1062 width: var(--downloads-card-width);
1063 } 1063 }
1064 1064
1065 #date:empty { 1065 #date:empty {
1066 display: none; 1066 display: none;
1067 } 1067 }
1068 1068
(...skipping 25 matching lines...) Expand all
1094 -webkit-padding-start: var(--downloads-card-margin); 1094 -webkit-padding-start: var(--downloads-card-margin);
1095 display: flex; 1095 display: flex;
1096 flex: 1; 1096 flex: 1;
1097 flex-direction: column; 1097 flex-direction: column;
1098 min-width: 0; 1098 min-width: 0;
1099 padding-bottom: 12px; 1099 padding-bottom: 12px;
1100 padding-top: 16px; 1100 padding-top: 16px;
1101 } 1101 }
1102 1102
1103 #content:not(.is-active) #details { 1103 #content:not(.is-active) #details {
1104 color: rgba(186, 186, 186, .6); 1104 color: rgba(27, 27, 27, .6);
1105 } 1105 }
1106 1106
1107 #content:not(.is-active) #name { 1107 #content:not(.is-active) #name {
1108 text-decoration: line-through; 1108 text-decoration: line-through;
1109 } 1109 }
1110 1110
1111 .icon-wrapper { 1111 .icon-wrapper {
1112 align-self: center; 1112 align-self: center;
1113 flex: none; 1113 flex: none;
1114 justify-content: center; 1114 justify-content: center;
(...skipping 50 matching lines...) Expand 10 before | Expand all | Expand 10 after
1165 color: inherit; 1165 color: inherit;
1166 margin-top: 6px; 1166 margin-top: 6px;
1167 min-height: 0; 1167 min-height: 0;
1168 overflow: hidden; 1168 overflow: hidden;
1169 text-decoration: none; 1169 text-decoration: none;
1170 text-overflow: ellipsis; 1170 text-overflow: ellipsis;
1171 white-space: nowrap; 1171 white-space: nowrap;
1172 } 1172 }
1173 1173
1174 .is-active #url { 1174 .is-active #url {
1175 color: #969696; 1175 color: var(--paper-grey-600);
1176 } 1176 }
1177 1177
1178 #progress, #description:not(:empty), .controls { 1178 #progress, #description:not(:empty), .controls {
1179 margin-top: 16px; 1179 margin-top: 16px;
1180 } 1180 }
1181 1181
1182 .is-active #description { 1182 .is-active #description {
1183 color: #616161; 1183 color: #616161;
1184 } 1184 }
1185 1185
(...skipping 30 matching lines...) Expand all
1216 .is-active #controlled-by a { 1216 .is-active #controlled-by a {
1217 color: rgb(51, 103, 214); 1217 color: rgb(51, 103, 214);
1218 } 1218 }
1219 1219
1220 #remove-wrapper { 1220 #remove-wrapper {
1221 align-self: flex-start; 1221 align-self: flex-start;
1222 margin: 0; 1222 margin: 0;
1223 } 1223 }
1224 1224
1225 #remove { 1225 #remove {
1226 color: #969696; 1226 color: var(--paper-grey-700);
1227 font-size: 16px; 1227 font-size: 16px;
1228 height: 32px; 1228 height: 32px;
1229 line-height: 17px; 1229 line-height: 17px;
1230 width: 32px; 1230 width: 32px;
1231 } 1231 }
1232 1232
1233 #incognito { 1233 #incognito {
1234 bottom: 20px; 1234 bottom: 20px;
1235 content: -webkit-image-set( 1235 content: -webkit-image-set(
1236 url("chrome://downloads/1x/incognito_marker.png") 1x, 1236 url("chrome://downloads/1x/incognito_marker.png") 1x,
(...skipping 2032 matching lines...) Expand 10 before | Expand all | Expand 10 after
3269 3269
3270 white-space: nowrap; 3270 white-space: nowrap;
3271 } 3271 }
3272 3272
3273 </style> 3273 </style>
3274 <cr-toolbar id="toolbar" page-name="$i18n{title}" search-prompt="$i18n{searc h}" clear-label="$i18n{clearSearch}" spinner-active="{{spinnerActive}}" on-searc h-changed="onSearchChanged_"> 3274 <cr-toolbar id="toolbar" page-name="$i18n{title}" search-prompt="$i18n{searc h}" clear-label="$i18n{clearSearch}" spinner-active="{{spinnerActive}}" on-searc h-changed="onSearchChanged_">
3275 <div class="more-actions"> 3275 <div class="more-actions">
3276 <paper-menu-button id="more" horizontal-align="right" allow-outside-scro ll=""> 3276 <paper-menu-button id="more" horizontal-align="right" allow-outside-scro ll="">
3277 <paper-icon-button icon="cr:more-vert" title="$i18n{moreActions}" clas s="dropdown-trigger"></paper-icon-button> 3277 <paper-icon-button icon="cr:more-vert" title="$i18n{moreActions}" clas s="dropdown-trigger"></paper-icon-button>
3278 <paper-menu class="dropdown-content"> 3278 <paper-menu class="dropdown-content">
3279 <paper-item class="clear-all" on-tap="onClearAllTap_" on-blur="onIte mBlur_"> 3279 <paper-item class="clear-all" on-tap="onClearAllTap_" role="menuitem " on-blur="onItemBlur_">
3280 $i18n{clearAll} 3280 $i18n{clearAll}
3281 </paper-item> 3281 </paper-item>
3282 <paper-item on-tap="onOpenDownloadsFolderTap_" on-blur="onItemBlur_" > 3282 <paper-item on-tap="onOpenDownloadsFolderTap_" role="menuitem" on-bl ur="onItemBlur_">
3283 $i18n{openDownloadsFolder} 3283 $i18n{openDownloadsFolder}
3284 </paper-item> 3284 </paper-item>
3285 </paper-menu> 3285 </paper-menu>
3286 </paper-menu-button> 3286 </paper-menu-button>
3287 </div> 3287 </div>
3288 </cr-toolbar> 3288 </cr-toolbar>
3289 </template> 3289 </template>
3290 </dom-module> 3290 </dom-module>
3291 <style> 3291 <style>
3292 /* Copyright 2016 The Chromium Authors. All rights reserved. 3292 /* Copyright 2016 The Chromium Authors. All rights reserved.
(...skipping 61 matching lines...) Expand 10 before | Expand all | Expand 10 after
3354 #no-downloads, #downloads-list { 3354 #no-downloads, #downloads-list {
3355 flex: 1; 3355 flex: 1;
3356 } 3356 }
3357 3357
3358 :host([loading]) #no-downloads, :host([loading]) #downloads-list { 3358 :host([loading]) #no-downloads, :host([loading]) #downloads-list {
3359 display: none; 3359 display: none;
3360 } 3360 }
3361 3361
3362 #no-downloads { 3362 #no-downloads {
3363 align-items: center; 3363 align-items: center;
3364 color: #b4b4b4; 3364 color: #6e6e6e;
3365 display: flex; 3365 display: flex;
3366 font-size: 123.1%; 3366 font-size: 123.1%;
3367 font-weight: 500; 3367 font-weight: 500;
3368 justify-content: center; 3368 justify-content: center;
3369 3369
3370 min-height: min-content; 3370 min-height: min-content;
3371 } 3371 }
3372 3372
3373 #no-downloads .illustration { 3373 #no-downloads .illustration {
3374 background: -webkit-image-set( 3374 background: -webkit-image-set(
(...skipping 28 matching lines...) Expand all
3403 <command id="undo-command" shortcut="Meta|z"></command> 3403 <command id="undo-command" shortcut="Meta|z"></command>
3404 <command id="find-command" shortcut="Meta|f"></command> 3404 <command id="find-command" shortcut="Meta|f"></command>
3405 </if> 3405 </if>
3406 <if expr="not is_macosx"> 3406 <if expr="not is_macosx">
3407 <command id="clear-all-command" shortcut="Alt|c"></command> 3407 <command id="clear-all-command" shortcut="Alt|c"></command>
3408 <command id="undo-command" shortcut="Ctrl|z"></command> 3408 <command id="undo-command" shortcut="Ctrl|z"></command>
3409 <command id="find-command" shortcut="Ctrl|f"></command> 3409 <command id="find-command" shortcut="Ctrl|f"></command>
3410 </if> 3410 </if>
3411 <link rel="import" href="chrome://resources/html/polymer.html"> 3411 <link rel="import" href="chrome://resources/html/polymer.html">
3412 <script src="crisper.js"></script></body></html> 3412 <script src="crisper.js"></script></body></html>
OLDNEW
« no previous file with comments | « chrome/browser/resources/md_downloads/toolbar.html ('k') | chrome/browser/resources/settings/settings_page/settings_section.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698