chrome/browser/resources/options/chromeos/display_options.html

   1 <div id="display-options-page" class="page" hidden>
   2   <div class="close-button"></div>
   3   <h1 i18n-content="displayOptionsPage"></h1>
   4   <div class="content-area" id="display-options-content-area">
   5     <div id="display-options-displays-view-host">
   6     </div>
   7     <div id="display-configurations">
   8       <div id="selected-display-data-container">
   9         <div id="selected-display-name"></div>
  10         <div class="selected-display-option-row">
  11           <div class="selected-display-option-title"
  12               i18n-content="selectedDisplayTitleOptions">
  13           </div>
  14           <button id="display-options-toggle-mirroring"
  15               class="display-options-button" i18n-content="startMirroring">
  16           </button>
  17           <button id="display-options-set-primary"
  18               class="display-options-button" i18n-content="setPrimary">
  19           </button>
  20         </div>
  21         <div id="display-options-unified-desktop"
  22             class="checkbox selected-display-option-row" hidden>
  23           <!-- intentionally blank for the title column space. -->
  24           <div class="selected-display-option-title">
  25           </div>
  26           <label>
  27             <input id="display-options-toggle-unified-desktop" type="checkbox">
  28             <span class="controlled-setting-with-label"
  29                 i18n-content="enableUnifiedDesktop"></span>
  30           </label>
  31         </div>
  32         <div class="selected-display-option-row">
  33           <div class="selected-display-option-title"
  34               i18n-content="selectedDisplayTitleResolution">
  35           </div>
  36           <select id="display-options-resolution-selection"
  37               class="display-options-button">
  38           </select>
  39         </div>
  40         <div class="selected-display-option-row">
  41           <div class="selected-display-option-title"
  42               i18n-content="selectedDisplayTitleOrientation">
  43           </div>
  44           <select id="display-options-orientation-selection"
  45               class="display-options-button">
  46             <option value="0" i18n-content="orientation0"></option>
  47             <option value="90" i18n-content="orientation90"></option>
  48             <option value="180" i18n-content="orientation180"></option>
  49             <option value="270" i18n-content="orientation270"></option>
  50           </select>
  51         </div>
  52         <div class="selected-display-option-row">
  53           <div class="selected-display-option-title"
  54               i18n-content="selectedDisplayTitleOverscan">
  55           </div>
  56           <button id="selected-display-start-calibrating-overscan"
  57               class="display-options-button"
  58               i18n-content="startCalibratingOverscan">
  59           </button>
  60         </div>
  61         <div class="selected-display-option-row"
  62             id="selected-display-color-profile-row" hidden>
  63           <div class="selected-display-option-title"
  64               i18n-content="selectedDisplayColorProfile">
  65           </div>
  66           <select id="display-options-color-profile-selection"
  67               class="display-options-button">
  68           </select>
  69         </div>
  70       </div>
  71     </div>
  72     <!-- The arrow of display-configuration is achieved by a div
  73          rotated by 45deg. -->
  74     <div id="display-configuration-arrow">
  75     </div>
  76   </div>
  77   <div class="action-area">
  78     <div class="button-strip">
  79       <button id="display-options-done" i18n-content="done"
  80           class="default-button"></button>
  81     </div>
  82   </div>
  83 </div>