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

Unified Diff: chrome/browser/resources/options2/chromeos/display_options.html

Issue 10843066: Polish "Displays" Options UI for ChromeOS. (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: Created 8 years, 4 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 side-by-side diff with in-line comments
Download patch
Index: chrome/browser/resources/options2/chromeos/display_options.html
diff --git a/chrome/browser/resources/options2/chromeos/display_options.html b/chrome/browser/resources/options2/chromeos/display_options.html
index a6dea53b99fdc40135379ef81ab65a12a1150956..3b865c82ded85b5c36eb8eb3ad4bb34981936e60 100644
--- a/chrome/browser/resources/options2/chromeos/display_options.html
+++ b/chrome/browser/resources/options2/chromeos/display_options.html
@@ -1,18 +1,33 @@
<div id="display-options" class="page" hidden>
<div class="close-button"></div>
<h1 i18n-content="displayOptionsPage"></h1>
- <div class="content-area">
+ <div class="content-area" id="display-options-content-area">
<div id="display-options-displays-view-host">
</div>
<div id="display-configurations">
- <button id="display-options-toggle-mirroring"
- i18n-content="startMirroring">
- </button>
+ <div id="selected-display-data-container">
+ <div id="selected-display-name"></div>
+ <div>
+ <span i18n-content="resolution"></span>
+ <span id="selected-display-resolution"></span>
+ </div>
+ </div>
+ <div id="display-options-buttons-container">
+ <div class="display-options-single-button-container">
+ <button id="display-options-toggle-mirroring"
+ class="display-options-button" i18n-content="startMirroring">
+ </button>
+ </div>
+ <div class="display-options-single-button-container">
+ <button id="display-options-apply"
+ class="display-options-button" i18n-content="applyResult">
+ </button>
+ </div>
+ </div>
</div>
- </div>
- <div class="action-area">
- <div class="button-strip">
- <button id="display-options-confirm" i18n-content="ok"></button>
+ <!-- The arrow of display-configuration is achieved by a div
+ rotated by 45deg. -->
+ <div id="display-configuration-arrow">
</div>
</div>
</div>

Powered by Google App Engine
This is Rietveld 408576698