Led grid tweaks
parent
6a11e44802
commit
10173e1d6c
|
@ -134,7 +134,7 @@
|
||||||
border: 1px solid silver;
|
border: 1px solid silver;
|
||||||
background-color: #ececec;
|
background-color: #ececec;
|
||||||
|
|
||||||
padding: 7px 7px;
|
padding: 7px 6px;
|
||||||
margin: 3px 0;
|
margin: 3px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -221,7 +221,6 @@
|
||||||
right: 10px;
|
right: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.tab-led-strip .dir-n .north {display: inline;}
|
.tab-led-strip .dir-n .north {display: inline;}
|
||||||
.tab-led-strip .dir-s .south {display: inline;}
|
.tab-led-strip .dir-s .south {display: inline;}
|
||||||
.tab-led-strip .dir-e .east {display: inline;}
|
.tab-led-strip .dir-e .east {display: inline;}
|
||||||
|
@ -244,7 +243,6 @@
|
||||||
width: 49%;
|
width: 49%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.tab-led-strip .directions button {
|
.tab-led-strip .directions button {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
width: 30px;
|
width: 30px;
|
||||||
|
@ -278,26 +276,6 @@
|
||||||
color: #FF5700;
|
color: #FF5700;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/*******JQUERYUI**********/
|
|
||||||
|
|
||||||
.tab-led-strip .ui-selected {
|
|
||||||
box-shadow: inset 0 0 30px rgba(255, 255, 255, 1) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tab-led-strip .ui-selecting {
|
|
||||||
box-shadow: inset 0 0 30px rgba(255, 255, 255, .7) !important;
|
|
||||||
border: solid 2px #000 !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tab-led-strip .ui-selectable-helper {
|
|
||||||
background: rgba(0,0,0,.4);
|
|
||||||
position: absolute;
|
|
||||||
z-index: 100;
|
|
||||||
border: 1px dotted white;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tab-led-strip > .buttons {
|
.tab-led-strip > .buttons {
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
}
|
}
|
||||||
|
@ -317,6 +295,43 @@
|
||||||
border: 1px solid silver;
|
border: 1px solid silver;
|
||||||
background-color: #ececec;
|
background-color: #ececec;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tab-led-strip.save:hover {
|
.tab-led-strip.save:hover {
|
||||||
background-color: #dedcdc;
|
background-color: #dedcdc;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.gridSections {
|
||||||
|
position: absolute;
|
||||||
|
width: 613px;
|
||||||
|
z-index: -1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.gridSections .block {
|
||||||
|
width: 150px;
|
||||||
|
height: 150px;
|
||||||
|
float: left;
|
||||||
|
border: solid 1px rgba(255, 203, 24, 1);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/*******JQUERYUI**********/
|
||||||
|
|
||||||
|
.tab-led-strip .ui-selected {
|
||||||
|
box-shadow: inset 0 0 8px rgba(255, 0, 255, 1) !important;
|
||||||
|
border: solid 2px #000 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tab-led-strip .ui-selecting {
|
||||||
|
box-shadow: inset 0 0 30px rgba(255, 0, 255, .7) !important;
|
||||||
|
border: solid 2px #000 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tab-led-strip .ui-selectable-helper {
|
||||||
|
background: rgba(0,0,0,.4);
|
||||||
|
position: absolute;
|
||||||
|
z-index: 100;
|
||||||
|
border: 1px dotted white;
|
||||||
|
}
|
||||||
|
|
|
@ -3,6 +3,24 @@
|
||||||
<p i18n="ledStripHelp"></p>
|
<p i18n="ledStripHelp"></p>
|
||||||
</div>
|
</div>
|
||||||
<div class="mainGrid"></div>
|
<div class="mainGrid"></div>
|
||||||
|
<div class="gridSections">
|
||||||
|
<div class="block"></div>
|
||||||
|
<div class="block"></div>
|
||||||
|
<div class="block"></div>
|
||||||
|
<div class="block"></div>
|
||||||
|
<div class="block"></div>
|
||||||
|
<div class="block"></div>
|
||||||
|
<div class="block"></div>
|
||||||
|
<div class="block"></div>
|
||||||
|
<div class="block"></div>
|
||||||
|
<div class="block"></div>
|
||||||
|
<div class="block"></div>
|
||||||
|
<div class="block"></div>
|
||||||
|
<div class="block"></div>
|
||||||
|
<div class="block"></div>
|
||||||
|
<div class="block"></div>
|
||||||
|
<div class="block"></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="controls">
|
<div class="controls">
|
||||||
<div class="wires-remaining"><div></div>Remaining</div>
|
<div class="wires-remaining"><div></div>Remaining</div>
|
||||||
|
|
Loading…
Reference in New Issue