ui.fancytree.css in fancytree-rails-2.0.0.pre.11.pre.1

- old
+ new

@@ -41,11 +41,11 @@
   padding: 3px;
   margin: 0;
   background-color: white;
   border: 1px dotted gray;
   overflow: auto;
-  height: 100%;
+  min-height: 0%;
 }
 ul.fancytree-container ul {
   padding: 0 0 0 16px;
   margin: 0;
 }
@@ -171,11 +171,12 @@
 }
 .fancytree-exp-el span.fancytree-expander:hover,
 .fancytree-exp-edl span.fancytree-expander:hover {
   background-position: -48px -96px;
 }
-.fancytree-loading span.fancytree-expander {
+.fancytree-loading span.fancytree-expander,
+.fancytree-loading span.fancytree-expander:hover {
   background-image: url("loading.gif");
   background-position: 0px 0px;
 }
 /*------------------------------------------------------------------------------
  * Checkbox icon
@@ -270,21 +271,24 @@
 }
 .fancytree-ico-ef span.fancytree-icon:hover {
   background-position: -80px -16px;
 }
 /* Status node icons */
-.fancytree-statusnode-wait span.fancytree-icon {
+.fancytree-statusnode-wait span.fancytree-icon,
+.fancytree-statusnode-wait span.fancytree-icon:hover {
   background-image: url("loading.gif");
+  background-position: 0px 0px;
 }
 .fancytree-statusnode-error span.fancytree-icon {
   background-position: 0px -112px;
 }
 /*------------------------------------------------------------------------------
  * Node titles and highlighting
  *----------------------------------------------------------------------------*/
 span.fancytree-node {
-  display: inline-block;
+  /* See #117 */
+  display: inherit;
   width: 100%;
 }
 span.fancytree-title {
   display: inline-block;
   padding-left: 3px;
@@ -293,10 +297,13 @@
   vertical-align: top;
   margin: 0px;
   margin-left: 3px;
   cursor: pointer;
 }
+span.fancytree-node.fancytree-error span.fancytree-title {
+  color: red;
+}
 /*------------------------------------------------------------------------------
  * Drag'n'drop support
  *----------------------------------------------------------------------------*/
 div.fancytree-drag-helper a {
   border: 1px solid gray;
@@ -350,10 +357,13 @@
  * 'table' extension
  *----------------------------------------------------------------------------*/
 table.fancytree-ext-table {
   border-collapse: collapse;
 }
+table.fancytree-ext-table span.fancytree-node {
+  display: inline-block;
+}
 /*------------------------------------------------------------------------------
  * 'columnview' extension
  *----------------------------------------------------------------------------*/
 table.fancytree-ext-columnview tbody tr td {
   position: relative;
@@ -381,10 +391,11 @@
   padding: 1px 0 0 0;
 }
 table.fancytree-ext-columnview span.fancytree-node {
   position: relative;
   /* allow positioning of embedded spans */
+  display: inline-block;
 }
 table.fancytree-ext-columnview span.fancytree-node.fancytree-expanded {
   background-color: #CBE8F6;
 }
 table.fancytree-ext-columnview .fancytree-has-children span.fancytree-cv-right {
@@ -393,20 +404,36 @@
   right: 3px;
 }
 /*------------------------------------------------------------------------------
  * 'filter' extension
  *----------------------------------------------------------------------------*/
-.fancytree-ext-filter span.fancytree-node span.fancytree-title {
+.fancytree-ext-filter-dimm span.fancytree-node span.fancytree-title {
   color: silver;
   font-weight: lighter;
 }
-.fancytree-ext-filter span.fancytree-node.fancytree-submatch span.fancytree-title {
+.fancytree-ext-filter-dimm tr.fancytree-submatch span.fancytree-title,
+.fancytree-ext-filter-dimm span.fancytree-node.fancytree-submatch span.fancytree-title {
   color: black;
   font-weight: normal;
 }
-.fancytree-ext-filter span.fancytree-node.fancytree-match span.fancytree-title {
+.fancytree-ext-filter-dimm tr.fancytree-match span.fancytree-title,
+.fancytree-ext-filter-dimm span.fancytree-node.fancytree-match span.fancytree-title {
   color: black;
   font-weight: bold;
+}
+.fancytree-ext-filter-hide tr.fancytree-hide,
+.fancytree-ext-filter-hide span.fancytree-node.fancytree-hide {
+  display: none;
+}
+.fancytree-ext-filter-hide tr.fancytree-submatch span.fancytree-title,
+.fancytree-ext-filter-hide span.fancytree-node.fancytree-submatch span.fancytree-title {
+  color: silver;
+  font-weight: lighter;
+}
+.fancytree-ext-filter-hide tr.fancytree-match span.fancytree-title,
+.fancytree-ext-filter-hide span.fancytree-node.fancytree-match span.fancytree-title {
+  color: black;
+  font-weight: normal;
 }
 /*******************************************************************************
  * Styles specific to this skin.
  *
  * This section is automatically generated from the `ui-fancytree.less` template.