r3054 committed - selectables: some demo style tuning; not very pretty, but much closer ...
Revision: 3054
Author: joern.zaefferer
Date: Wed Aug 12 08:36:49 2009
Log: selectables: some demo style tuning; not very pretty, but much closer
to what was discussed on the wiki (also: to windows file explorer)
http://code.google.com/p/jquery-ui/source/detail?r=3054
Modified:
/branches/labs/selectable/demo/default.html
=======================================
--- /branches/labs/selectable/demo/default.html Wed Aug 12 08:24:34 2009
+++ /branches/labs/selectable/demo/default.html Wed Aug 12 08:36:49 2009
@@ -12,7 +12,8 @@
<style type="text/css">
.ui-selectable-lasso {
- border: 1px solid black;
+ border: 1px solid rgb(50, 50, 50);
+ background: rgba(100, 100, 100, 0.2);
}
#selectable {
@@ -27,9 +28,22 @@
padding: 3px;
}
- .ui-focused {
+ #selectable .ui-focused {
+ /*
background: green;
font-weight: bold;
+ */
+ border: 1px dotted black;
+ padding-top: 2px;
+ padding-bottom: 2px;
+ }
+
+ #selectable .ui-state-active {
+ background: blue;
+ color: white;
+ border: 1px dotted black;
+ padding-top: 2px;
+ padding-bottom: 2px;
}
</style>
@@ -49,24 +63,24 @@
<div class="demo">
<ul id="selectable" tabindex='1'>
- <li class="ui-state-default"><h2>Item 1</h2></li>
- <li class="ui-state-default">Item 2</li>
- <li class="ui-state-default">Item 3</li>
- <li class="ui-state-default">Item 4</li>
- <li class="ui-state-default">Item 5</li>
- <li class="ui-state-default">Item 6</li>
- <li class="ui-state-default">Item 7</li>
- <li class="ui-state-default">Item 8</li>
- <li class="ui-state-default">Item 9
+ <li><h2>Item 1</h2></li>
+ <li>Item 2</li>
+ <li>Item 3</li>
+ <li>Item 4</li>
+ <li>Item 5</li>
+ <li>Item 6</li>
+ <li>Item 7</li>
+ <li>Item 8</li>
+ <li>Item 9
<ul>
<li> Sub Item 1</li>
<li> Sub Item 2</li>
<li> Sub Item 3</li>
</ul>
</li>
- <li class="ui-state-default">Item 10</li>
- <li class="ui-state-default">Item 11</li>
- <li class="ui-state-default">Item 12</li>
+ <li>Item 10</li>
+ <li>Item 11</li>
+ <li>Item 12</li>
</ul>
</div><!-- End demo -->