Index: chrome/browser/resources/settings/device_page/display.html |
diff --git a/chrome/browser/resources/settings/device_page/display.html b/chrome/browser/resources/settings/device_page/display.html |
index b4d7fbcc8f7b29bc47a468b051eee57a6576cf45..9e0676cfc1ca6b37cc568c0a2eb07ebb022295cf 100644 |
--- a/chrome/browser/resources/settings/device_page/display.html |
+++ b/chrome/browser/resources/settings/device_page/display.html |
@@ -202,32 +202,34 @@ |
</div> |
<!-- Night Light Settings --> |
- <div class="settings-box"> |
- <div class="start"> |
- <h2 id="nightLightLabel">$i18n{displayNightLightLabel}</h2> |
- <div class="secondary">$i18n{displayNightLightText}</div> |
+ <template is="dom-if" if="[[nightLightFeatureEnabled_]]" restamp> |
+ <div class="settings-box"> |
+ <div class="start"> |
+ <h2 id="nightLightLabel">$i18n{displayNightLightLabel}</h2> |
+ <div class="secondary">$i18n{displayNightLightText}</div> |
+ </div> |
+ <settings-toggle-button |
+ id="nightLightToggleButton" |
+ pref="{{prefs.ash.night_light.enabled}}" |
+ aria-labelledby="nightLightLabel"> |
+ </settings-toggle-button> |
</div> |
- <settings-toggle-button |
- id="nightLightToggleButton" |
- pref="{{prefs.ash.night_light.enabled}}" |
- aria-labelledby="nightLightLabel"> |
- </settings-toggle-button> |
- </div> |
- <div id="nightLightSettingsDiv" |
- class="settings-box continuation start layout vertical"> |
- <!-- Color temperature slider --> |
- <div class="settings-box embedded continuation"> |
- <div class="start textarea" id="colorTemperatureLabel"> |
- $i18n{displayNightLightTemperatureLabel} |
+ <div id="nightLightSettingsDiv" |
+ class="settings-box continuation start layout vertical"> |
+ <!-- Color temperature slider --> |
+ <div class="settings-box embedded continuation"> |
+ <div class="start textarea" id="colorTemperatureLabel"> |
+ $i18n{displayNightLightTemperatureLabel} |
+ </div> |
+ <settings-slider id="colorTemperatureSlider" |
+ aria-labelledby="colorTemperatureLabel" min="0" max="100" |
+ scale="100" label-min="$i18n{displayNightLightTempSliderMinLabel}" |
+ label-max="$i18n{displayNightLightTempSliderMaxLabel}" |
+ pref="{{prefs.ash.night_light.color_temperature}}"> |
+ </settings-slider> |
</div> |
- <settings-slider id="colorTemperatureSlider" |
- aria-labelledby="colorTemperatureLabel" min="0" max="100" scale="100" |
- label-min="$i18n{displayNightLightTempSliderMinLabel}" |
- label-max="$i18n{displayNightLightTempSliderMaxLabel}" |
- pref="{{prefs.ash.night_light.color_temperature}}"> |
- </settings-slider> |
</div> |
- </div> |
+ </template> |
</template> |
<script src="display.js"></script> |