chrome/browser/resources/options/chromeos/storage_manager.html - Issue 2078153002: Storage manager: Add conditional messages for disk low situation and update design.

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: Use svg. 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

« no previous file with comments | « chrome/browser/resources/options/chromeos/storage_manager.css ('k') | chrome/browser/resources/options/chromeos/storage_manager.js » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
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 <img src="space_low.svg"></img>

	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 <img src="space_critically_low.svg"></img>

	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 <progress id="storage-bar-progress"></progress>

10 </div>	32 </div>

11 <div class="storage-manager-item">	33 <div class="storage-manager-section">

12 <span i18n-content="storageItemLabelInUse"></span>	34 <div class="storage-manager-item">

13 <span id="storage-manager-size-in-use"	35 <span i18n-content="storageItemLabelInUse"></span>

14 class="storage-manager-item-size"></span>	36 <span id="storage-manager-size-in-use"

	37 class="storage-manager-item-size"></span>

	38 </div>

	39 <div class="storage-manager-subitem">

	40 <a is="action-link"

	41 id="storage-manager-label-downloads"

	42 i18n-content="storageSubitemLabelDownloads"></a>

	43 <span id="storage-manager-size-downloads"

	44 class="storage-manager-item-size"

	45 i18n-content="storageSizeCalculating"></span>

	46 </div>

	47 <div class="storage-manager-subitem">

	48 <a is="action-link"

	49 id="storage-manager-label-drive-cache"

	50 i18n-content="storageSubitemLabelDriveCache"></a>

	51 <span id="storage-manager-size-drive-cache"

	52 class="storage-manager-item-size"

	53 i18n-content="storageSizeCalculating"></span>

	54 </div>

	55 <div id="storage-manager-item-arc"

	56 class="storage-manager-subitem" hidden>

	57 <a is="action-link"

	58 id="storage-manager-label-arc"

	59 i18n-content="storageSubitemLabelArc"></a>

	60 <span id="storage-manager-size-arc"

	61 class="storage-manager-item-size"

	62 i18n-content="storageSizeCalculating"></span>

	63 </div>

15 </div>	64 </div>

16 <div class="storage-manager-subitem">	65 <div class="storage-manager-section">

17 <a is="action-link"	66 <div class="storage-manager-item">

18 id="storage-manager-label-downloads"	67 <span i18n-content="storageItemLabelAvailable"></span>

19 i18n-content="storageSubitemLabelDownloads"></a>	68 <span id="storage-manager-size-available"

20 <span id="storage-manager-size-downloads"	69 class="storage-manager-item-size"></span>

21 class="storage-manager-item-size"	70 </div>

22 i18n-content="storageSizeCalculating"></span>

23 </div>

24 <div class="storage-manager-subitem">

25 <a is="action-link"

26 id="storage-manager-label-drive-cache"

27 i18n-content="storageSubitemLabelDriveCache"></a>

28 <span id="storage-manager-size-drive-cache"

29 class="storage-manager-item-size"

30 i18n-content="storageSizeCalculating"></span>

31 </div>

32 <div id="storage-manager-item-arc"

33 class="storage-manager-subitem" hidden>

34 <a is="action-link"

35 id="storage-manager-label-arc"

36 i18n-content="storageSubitemLabelArc"></a>

37 <span id="storage-manager-size-arc"

38 class="storage-manager-item-size"

39 i18n-content="storageSizeCalculating"></span>

40 </div>

41 <div class="storage-manager-item">

42 <span i18n-content="storageItemLabelAvailable"></span>

43 <span id="storage-manager-size-available"

44 class="storage-manager-item-size"></span>

45 </div>	71 </div>

46 </div>	72 </div>

47	73

48 <div class="action-area">	74 <div class="action-area">

49 <div class="button-strip">	75 <div class="button-strip">

50 <button id="storage-confirm" class="default-button"	76 <button id="storage-confirm" class="default-button"

51 i18n-content="done">	77 i18n-content="done">

52 </button>	78 </button>

53 </div>	79 </div>

54 </div>	80 </div>

55 </div>	81 </div>

OLD	NEW