cuba/modules/web/themes/havana/app/folders-pane.scss

/*
 * Copyright (c) 2008-2013 Haulmont. All rights reserved.
 * Use is subject to license terms, see http://www.cuba-platform.com/license for details.
 */

// Version: $Id$

@mixin cuba-folders-pane {
  .cuba-folders-pane {
    background: #fff url(images/folders-pane-bg.png) top repeat-x;

    .v-tree {
      border-color: transparent;
      overflow: auto;

      .v-tree-node-cuba-clickable-folder .v-tree-node-caption span {
        cursor: pointer;
      }

      .v-tree-node-cuba-clickable-folder .v-tree-node-caption span:hover {
        text-decoration: underline;
        background: transparent none;
      }

      .v-tree-node-cuba-nonclickable-folder .v-tree-node-caption span:hover {
        background: transparent none;
      }
    }

    .v-tree:focus,
    .v-tree-focus {
      border-color: $cuba-field-focused-border-color;
    }
  }

  .v-menubar-menuitem.v-menubar-menuitem-folders-pane-icon,
  .v-menubar-menuitem.v-menubar-menuitem-folders-pane-icon-active {
    background: transparent;
    background-image: url(sprites/folders-pane-icon.png); /** sprite-ref: application; */
  }

  .v-menubar-menuitem.v-menubar-menuitem-folders-pane-icon,
  .v-menubar-menuitem.v-menubar-menuitem-folders-pane-icon-active,
  .v-menubar-menuitem.v-menubar-menuitem-folders-pane-icon:hover,
  .v-menubar-menuitem.v-menubar-menuitem-folders-pane-icon-active:hover {
    @include box-defaults;

    padding-bottom: 5px;
    padding-top: 1px;
    width: 26px;
    height: 21px;
    border: 0;
    background-clip: border-box;
    background-origin: border-box;
  }

  .v-menubar-menuitem.v-menubar-menuitem-folders-pane-icon-active,
  .v-menubar-menuitem.v-menubar-menuitem-folders-pane-icon-active:hover {
    border: 2px solid $cuba-field-focused-border-color;
  }

  .v-label.cuba-folders-pane-caption {
    font-size: 14px;
    color: $cuba-folderspane-caption-color;
    background: url(images/folders-pane-header-bg.png) no-repeat 5px bottom;
    padding-top: 5px;
    padding-left: 5px;
  }
}