Led grid tweaks

10.3.x-maintenance
decompyler 2015-01-23 00:20:38 -08:00
parent 6a11e44802
commit 10173e1d6c
2 changed files with 57 additions and 24 deletions

View File

@ -134,7 +134,7 @@
border: 1px solid silver;
background-color: #ececec;
padding: 7px 7px;
padding: 7px 6px;
margin: 3px 0;
}
@ -221,7 +221,6 @@
right: 10px;
}
.tab-led-strip .dir-n .north {display: inline;}
.tab-led-strip .dir-s .south {display: inline;}
.tab-led-strip .dir-e .east {display: inline;}
@ -244,7 +243,6 @@
width: 49%;
}
.tab-led-strip .directions button {
position: absolute;
width: 30px;
@ -278,26 +276,6 @@
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 {
margin-top: 10px;
}
@ -317,6 +295,43 @@
border: 1px solid silver;
background-color: #ececec;
}
.tab-led-strip.save:hover {
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;
}

View File

@ -3,6 +3,24 @@
<p i18n="ledStripHelp"></p>
</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="wires-remaining"><div></div>Remaining</div>