| /* |
| * Copyright (c) 2014-2018 BSI Business Systems Integration AG. |
| * All rights reserved. This program and the accompanying materials |
| * are made available under the terms of the Eclipse Public License v1.0 |
| * which accompanies this distribution, and is available at |
| * http://www.eclipse.org/legal/epl-v10.html |
| * |
| * Contributors: |
| * BSI Business Systems Integration AG - initial API and implementation |
| */ |
| .compact-tree { |
| |
| .tree-field > & { |
| margin-left: @mandatory-indicator-width; |
| } |
| |
| &:focus { |
| #scout.no-focus-border; |
| |
| & > .tree-data > .nodes > .section > .section-node.selected { |
| text-decoration: underline; |
| color: @active-color; |
| } |
| } |
| |
| & > .tree-data { |
| position: relative; |
| overflow: hidden; |
| padding-top: 10px; |
| |
| & > .nodes { |
| #scout.vendor(column-count, 2); |
| #scout.vendor(column-gap, 24px); |
| |
| & > .section { |
| margin-bottom: 30px; |
| |
| /* Use full width to enlarge touch area */ |
| width: 100%; |
| |
| &:last-child { |
| margin-bottom: 0; |
| } |
| |
| #scout.vendor(column-break-inside, avoid); |
| break-inside: avoid-column; |
| page-break-inside: avoid; |
| |
| /* Hack for FF, because column-break-inside does not yet work for all elements, only for tables */ |
| /* see: https://bugzilla.mozilla.org/show_bug.cgi?id=549114 */ |
| display: table; |
| |
| & > .title { |
| font-weight: bold; |
| } |
| |
| & > .section-node { |
| cursor: pointer; |
| padding-top: 12px; |
| |
| &:hover { |
| color: @hover-color; |
| } |
| } |
| } |
| } |
| } |
| } |
