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

Side by Side Diff: ui/file_manager/file_manager/main.html

Issue 873703003: Update the visual design of Files.app's toolbar. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Created 5 years, 11 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> 1 <!DOCTYPE HTML>
2 <!-- 2 <!--
3 -- Copyright (c) 2012 The Chromium Authors. All rights reserved. 3 -- Copyright (c) 2012 The Chromium Authors. All rights reserved.
4 -- Use of this source code is governed by a BSD-style license that can be 4 -- Use of this source code is governed by a BSD-style license that can be
5 -- found in the LICENSE file. 5 -- found in the LICENSE file.
6 --> 6 -->
7 <html i18n-values="dir:textdirection;"> 7 <html i18n-values="dir:textdirection;">
8 <head> 8 <head>
9 <!-- We have to set some default title, or chrome will use the page name. 9 <!-- We have to set some default title, or chrome will use the page name.
10 -- As soon as we init and change to a directory, we'll show the directory 10 -- As soon as we init and change to a directory, we'll show the directory
11 -- path. Until then, use an invisible non-whitespace character. 11 -- path. Until then, use an invisible non-whitespace character.
12 --> 12 -->
13 <title>&#xFEFF;</title> 13 <title>&#xFEFF;</title>
14 14
15 <meta name="google" value="notranslate"> 15 <meta name="google" value="notranslate">
16 16
17 <link rel="stylesheet" href="chrome://resources/css/text_defaults.css"> 17 <link rel="stylesheet" href="chrome://resources/css/text_defaults.css">
18 <link rel="stylesheet" href="chrome://resources/css/apps/topbutton_bar.css">
19
20 <link rel="stylesheet" href="foreground/css/list.css"> 18 <link rel="stylesheet" href="foreground/css/list.css">
21 <link rel="stylesheet" href="foreground/css/table.css"> 19 <link rel="stylesheet" href="foreground/css/table.css">
22 <link rel="stylesheet" href="foreground/css/tree.css"> 20 <link rel="stylesheet" href="foreground/css/tree.css">
23 <link rel="stylesheet" href="foreground/css/menu.css"> 21 <link rel="stylesheet" href="foreground/css/menu.css">
24 <link rel="stylesheet" href="foreground/css/combobutton.css"> 22 <link rel="stylesheet" href="foreground/css/combobutton.css">
25 <link rel="stylesheet" href="foreground/css/file_manager.css"> 23 <link rel="stylesheet" href="foreground/css/file_manager.css">
26 <link rel="stylesheet" href="foreground/css/share_dialog.css"> 24 <link rel="stylesheet" href="foreground/css/share_dialog.css">
27 <link rel="stylesheet" href="foreground/css/file_status.css"> 25 <link rel="stylesheet" href="foreground/css/file_status.css">
28 <link rel="stylesheet" href="foreground/css/file_types.css"> 26 <link rel="stylesheet" href="foreground/css/file_types.css">
29 <link rel="stylesheet" href="foreground/css/common.css"> 27 <link rel="stylesheet" href="foreground/css/common.css">
30 28
29 <link rel="import" href="chrome://resources/polymer/core-icon/core-icon.html ">
30 <link rel="import" href="chrome://resources/polymer/core-icons/core-icons.ht ml">
31 <link rel="import" href="chrome://resources/polymer/core-input/core-input.ht ml">
32 <link rel="import" href="chrome://resources/polymer/paper-button/paper-butto n.html">
33 <link rel="import" href="chrome://resources/polymer/paper-input/paper-input- decorator.html">
34 <link rel="import" href="chrome://resources/polymer/paper-ripple/paper-rippl e.html">
35
31 <!-- Don't load main_scripts.js when flattening is disabled. --> 36 <!-- Don't load main_scripts.js when flattening is disabled. -->
32 <if expr="False"><!-- </if> 37 <if expr="False"><!-- </if>
33 <script src="foreground/js/main_scripts.js"></script> 38 <script src="foreground/js/main_scripts.js"></script>
34 <if expr="False"> --></if> 39 <if expr="False"> --></if>
35 40
36 <if expr="False"> 41 <if expr="False">
37 <!-- This section is used when the file manager is loaded with 42 <!-- This section is used when the file manager is loaded with
38 'filemgr-ext-path' command-line flag. --> 43 'filemgr-ext-path' command-line flag. -->
39 <!-- Keep the list in sync with js/main_scripts.js. --> 44 <!-- Keep the list in sync with js/main_scripts.js. -->
40 45
(...skipping 252 matching lines...) Expand 10 before | Expand all | Expand 10 after
293 <cr-menu id="tasks-menu" class="chrome-menu"> 298 <cr-menu id="tasks-menu" class="chrome-menu">
294 </cr-menu> 299 </cr-menu>
295 300
296 <cr-menu id="text-context-menu" class="chrome-menu" showShortcuts> 301 <cr-menu id="text-context-menu" class="chrome-menu" showShortcuts>
297 <cr-menu-item command="#cut"></cr-menu-item> 302 <cr-menu-item command="#cut"></cr-menu-item>
298 <cr-menu-item command="#copy"></cr-menu-item> 303 <cr-menu-item command="#copy"></cr-menu-item>
299 <cr-menu-item command="#paste"></cr-menu-item> 304 <cr-menu-item command="#paste"></cr-menu-item>
300 <cr-menu-item command="#delete" i18n-content="DELETE_BUTTON_LABEL"></cr-me nu-item> 305 <cr-menu-item command="#delete" i18n-content="DELETE_BUTTON_LABEL"></cr-me nu-item>
301 </cr-menu> 306 </cr-menu>
302 307
308 <div class="dialog-header">
309 <div id="location-breadcrumbs" class="breadcrumbs"></div>
310 <div class="spacer"></div>
311 <paper-button id="search-button" tabindex="7">
312 <core-icon icon="search"></core-icon>
313 </paper-button>
314 <div id="search-box">
315 <paper-input-decorator i18n-values="label:SEARCH_TEXT_LABEL">
316 <input is="core-input" type="search" tabindex="-1" i18n-values="aria-l abel:SEARCH_TEXT_LABEL">
317 </paper-input-decorator>
318 <button class="clear" tabindex="-1"></button>
319 </div>
320 <paper-button id="view-button" tabindex="8">
321 <core-icon icon="view-module"></core-icon>
322 </paper-button>
323 <button id="gear-button" tabindex="9" menu="#gear-menu"
fukino 2015/01/23 15:10:43 gear-button need to be decorated by cr.ui.MenuButt
324 i18n-values="aria-label:GEAR_BUTTON_TOOLTIP"
325 aria-activedescendant="gear-menu">
326 <core-icon icon="more-vert"></core-icon>
327 <paper-ripple fit></paper-ripple>
328 </button>
329 </div>
330
303 <div class="dialog-container"> 331 <div class="dialog-container">
304 <div class="dialog-navigation-list"> 332 <div class="dialog-navigation-list">
305 <div class="dialog-navigation-list-contents"> 333 <div class="dialog-navigation-list-contents">
306 <tree id="directory-tree" tabindex="15"></tree> 334 <tree id="directory-tree" tabindex="15"></tree>
307 </div> 335 </div>
308 <div class="dialog-navigation-list-footer"> 336 <div class="dialog-navigation-list-footer">
309 <div id="progress-center" hidden> 337 <div id="progress-center" hidden>
310 <li id="progress-center-close-view"> 338 <li id="progress-center-close-view">
311 <div class="progress-frame"> 339 <div class="progress-frame">
312 <label></label> 340 <label></label>
313 <div class="progress-bar"> 341 <div class="progress-bar">
314 <div class="progress-track" hidden></div> 342 <div class="progress-track" hidden></div>
315 </div> 343 </div>
316 </div> 344 </div>
317 <div class="button-frame"> 345 <div class="button-frame">
318 <button class="cancel" tabindex="-1"></button> 346 <button class="cancel" tabindex="-1"></button>
319 <button class="open" tabindex="-1"></button> 347 <button class="open" tabindex="-1"></button>
320 </div> 348 </div>
321 </li> 349 </li>
322 <div id="progress-center-open-view"> 350 <div id="progress-center-open-view">
323 <button class="close" tabindex="-1"></button> 351 <button class="close" tabindex="-1"></button>
324 </div> 352 </div>
325 </div> 353 </div>
326 </div> 354 </div>
327 </div> 355 </div>
328 <div class="splitter" id="navigation-list-splitter"></div> 356 <div class="splitter" id="navigation-list-splitter"></div>
329 <div class="dialog-main"> 357 <div class="dialog-main">
330 <div class="dialog-header">
331 <span id="location-volume-icon" class="icon volume-icon"></span>
332 <div id="location-breadcrumbs" class="breadcrumbs"></div>
333 <div class="spacer"></div>
334 <div class="topbutton-bar">
335 <button class="menubutton icon search-button" id="search-button" tab index="7"></button>
336 <div id="search-box">
337 <input type="search" tabindex="-1"
338 i18n-values="aria-label:SEARCH_TEXT_LABEL;placeholder:SEARC H_TEXT_LABEL">
339 <button class="clear" tabindex="-1"></button>
340 </div>
341 <button class="menubutton view-button" id="view-button" tabindex="8" ></button>
342 <button class="menubutton gear-button" id="gear-button" tabindex="9"
343 menu="#gear-menu"
344 i18n-values="aria-label:GEAR_BUTTON_TOOLTIP"
345 aria-activedescendant="gear-menu">
346 </button>
347 </div>
348 </div>
349 <div class="dialog-body"> 358 <div class="dialog-body">
350 <div class="main-panel"> 359 <div class="main-panel">
351 <div class="filelist-panel"> 360 <div class="filelist-panel">
352 <div class="drive-welcome header"></div> 361 <div class="drive-welcome header"></div>
353 <div class="volume-warning" id="volume-space-warning" hidden></div > 362 <div class="volume-warning" id="volume-space-warning" hidden></div >
354 <div class="volume-warning" id="drive-auth-failed-warning" hidden> 363 <div class="volume-warning" id="drive-auth-failed-warning" hidden>
355 <div class="drive-icon"></div> 364 <div class="drive-icon"></div>
356 <div class="drive-text" id="drive-auth-failed-warning-text"></di v> 365 <div class="drive-text" id="drive-auth-failed-warning-text"></di v>
357 </div> 366 </div>
358 <div class="downloads-warning" hidden></div> 367 <div class="downloads-warning" hidden></div>
(...skipping 69 matching lines...) Expand 10 before | Expand all | Expand 10 after
428 <div class="right buttonbar"> 437 <div class="right buttonbar">
429 <select class="file-type" hidden></select> 438 <select class="file-type" hidden></select>
430 <button class="ok" disabled tabindex="2"></button> 439 <button class="ok" disabled tabindex="2"></button>
431 <button class="cancel" i18n-content="CANCEL_LABEL" tabindex="3"></button > 440 <button class="cancel" i18n-content="CANCEL_LABEL" tabindex="3"></button >
432 </div> 441 </div>
433 </div> 442 </div>
434 <div id="drag-container"></div> 443 <div id="drag-container"></div>
435 <iframe id="command-dispatcher" hidden></iframe> 444 <iframe id="command-dispatcher" hidden></iframe>
436 </body> 445 </body>
437 </html> 446 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698