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

Side by Side Diff: chrome/browser/resources/options/chromeos/storage_manager.html

Issue 2078153002: Storage manager: Add conditional messages for disk low situation and update design. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Load roboto.css if chromeos Created 4 years, 6 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 <div id="storageManagerPage" class="page" hidden> 1 <div id="storageManagerPage" class="page" hidden>
2 <div class="close-button"></div> 2 <div class="close-button"></div>
3 <h1 i18n-content="storageManagerPage"></h1> 3 <h1 i18n-content="storageManagerPage"></h1>
4 4
5 <div id="storage-manager-message-low-space"
6 class="storage-manager-message-area">
7 <div class="storage-manager-message-title">
8 <div class="storage-manager-message-icon"></div>
9 <span i18n-content="storageLowMessageTitle"></span>
10 </div>
11 <p i18n-content="storageLowMessageLine1"></p>
12 <p i18n-content="storageLowMessageLine2"></p>
13 </div>
14 <div id="storage-manager-message-critically-low-space"
15 class="storage-manager-message-area">
16 <div class="storage-manager-message-title">
17 <div class="storage-manager-message-icon"></div>
18 <span i18n-content="storageCriticallyLowMessageTitle"></span>
19 </div>
20 <p i18n-content="storageCriticallyLowMessageLine1"></p>
21 <p i18n-content="storageCriticallyLowMessageLine2"></p>
22 </div>
23
5 <div class="content-area"> 24 <div class="content-area">
6 <div class="storage-manager-item"> 25 <div class="storage-manager-section">
7 <span i18n-content="storageItemLabelCapacity"></span> 26 <div class="storage-manager-item">
8 <span id="storage-manager-size-capacity" 27 <span i18n-content="storageItemLabelCapacity"></span>
9 class="storage-manager-item-size"></span> 28 <span id="storage-manager-size-capacity"
29 class="storage-manager-item-size"></span>
30 </div>
31 <div id="storage-bar-background">
32 <div id="storage-bar-progress"></div>
Dan Beam 2016/06/21 01:39:55 why not use a <progress> element?
fukino 2016/06/21 22:21:49 Done. I didn't know the progress element. Thanks!
33 </div>
10 </div> 34 </div>
11 <div class="storage-manager-item"> 35 <div class="storage-manager-section">
12 <span i18n-content="storageItemLabelInUse"></span> 36 <div class="storage-manager-item">
13 <span id="storage-manager-size-in-use" 37 <span i18n-content="storageItemLabelInUse"></span>
14 class="storage-manager-item-size"></span> 38 <span id="storage-manager-size-in-use"
39 class="storage-manager-item-size"></span>
40 </div>
41 <div class="storage-manager-subitem">
42 <a is="action-link"
43 id="storage-manager-label-downloads"
44 i18n-content="storageSubitemLabelDownloads"></a>
45 <span id="storage-manager-size-downloads"
46 class="storage-manager-item-size"
47 i18n-content="storageSizeCalculating"></span>
48 </div>
49 <div id="storage-manager-item-arc"
50 class="storage-manager-subitem" hidden>
51 <a is="action-link"
52 id="storage-manager-label-arc"
53 i18n-content="storageSubitemLabelArc"></a>
54 <span id="storage-manager-size-arc"
55 class="storage-manager-item-size"
56 i18n-content="storageSizeCalculating"></span>
57 </div>
15 </div> 58 </div>
16 <div class="storage-manager-subitem"> 59 <div class="storage-manager-section">
17 <a is="action-link" 60 <div class="storage-manager-item">
18 id="storage-manager-label-downloads" 61 <span i18n-content="storageItemLabelAvailable"></span>
19 i18n-content="storageSubitemLabelDownloads"></a> 62 <span id="storage-manager-size-available"
20 <span id="storage-manager-size-downloads" 63 class="storage-manager-item-size"></span>
21 class="storage-manager-item-size" 64 </div>
22 i18n-content="storageSizeCalculating"></span>
23 </div>
24 <div id="storage-manager-item-arc"
25 class="storage-manager-subitem" hidden>
26 <a is="action-link"
27 id="storage-manager-label-arc"
28 i18n-content="storageSubitemLabelArc"></a>
29 <span id="storage-manager-size-arc"
30 class="storage-manager-item-size"
31 i18n-content="storageSizeCalculating"></span>
32 </div>
33 <div class="storage-manager-item">
34 <span i18n-content="storageItemLabelAvailable"></span>
35 <span id="storage-manager-size-available"
36 class="storage-manager-item-size"></span>
37 </div> 65 </div>
38 </div> 66 </div>
39 67
40 <div class="action-area"> 68 <div class="action-area">
41 <div class="button-strip"> 69 <div class="button-strip">
42 <button id="storage-confirm" class="default-button" 70 <button id="storage-confirm" class="default-button"
43 i18n-content="done"> 71 i18n-content="done">
44 </button> 72 </button>
45 </div> 73 </div>
46 </div> 74 </div>
47 </div> 75 </div>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698