Change Kelvin messaging

Use Temperature as the heading and Kelvin as the unit
This commit is contained in:
Matt 2016-04-18 12:27:15 -04:00
parent 2290641b30
commit b6e4675673
3 changed files with 17 additions and 1 deletions

View File

@ -41,6 +41,13 @@ footer {
#kelvin-page h3 { #kelvin-page h3 {
text-align: center; text-align: center;
} }
#kelvin-page h4 {
text-align: center;
width: 411px;
position: absolute;
top: 121px;
left: 110px;
}
#kelvin { #kelvin {
background: rgba(255, 255, 255, 0.05); background: rgba(255, 255, 255, 0.05);
color: #fff; color: #fff;

View File

@ -88,6 +88,13 @@ footer{
h3{ h3{
text-align: center; text-align: center;
} }
h4{
text-align: center;
width: 411px;
position: absolute;
top: 121px;
left: 110px;
}
} }
#kelvin{ #kelvin{
background: @INPUT_BG; background: @INPUT_BG;
@ -99,6 +106,7 @@ footer{
display: block; display: block;
text-align: center; text-align: center;
} }
#kelvin-slider{ #kelvin-slider{
position: relative; position: relative;
width: 352px; width: 352px;

View File

@ -72,8 +72,9 @@
<div id="colors-tabs"></div> <div id="colors-tabs"></div>
<div id="colors-content"> <div id="colors-content">
<div id="kelvin-page" class="colors-page" style="display: block;"> <div id="kelvin-page" class="colors-page" style="display: block;">
<h3>KELVIN</h3> <h3>TEMPERATURE</h3>
<input id="kelvin" type="number" min="0" max="20000" value="0" /> <input id="kelvin" type="number" min="0" max="20000" value="0" />
<h4>KELVIN</h4>
<div id="kelvin-slider"> <div id="kelvin-slider">
<div id="kelvin-scale"></div> <div id="kelvin-scale"></div>
<div id="kelvin-pos"></div> <div id="kelvin-pos"></div>