Project

General

Profile

« Previous | Next » 

Revision dd3a6e28

Added by Andreas Kohlbecker about 3 years ago

ref #7599 derivative tree view: collapsible unit tree styled as tree

View differences:

themes/zen_dataportal/sass/cdm.scss
69 69
    }
70 70
  }
71 71

  
72
  .block-cdm-dataportal-feature,  .media-caption, .specimens {
72
  .block-cdm-dataportal-feature,  .media-caption, .specimens { // TODO .specimens may be obsolete
73 73
    clear: both;
74 74
    margin-bottom: $page-part-margin;
75 75
    dt {
......
225 225
    }
226 226
  }
227 227

  
228
  // derivatives tree view (see also derivation-tree.js)
229
  $tree-entry-vspace: 0; //$base-font-size / 10; TODO remove
230
  $tree-line-style: 3px solid $tabs-border;
231
  $tree-lines-top-offset: $base-line-height / 7;
232
  $tree-lines-left-offset: $base-line-height / 7;
233
  div.derived-unit-tree,
234
  ul.derived-unit-sub-tree,
235
  ul.derived-unit-sub-tree ul {
236
    list-style: none;
237
    margin: 0 0 0 $tree-lines-left-offset;
238
    padding: 0;
239

  
240
    .unit-content {
241
      background-color: $menu-bar-background-color;
242
      margin-left: 1em;
243
    }
244
   .unit-label {
245
      cursor: pointer;
246
    }
247
    .unit-label:hover {
248
      background-color: $menu-bar-background-color;
249
    }
250
  }
251

  
252
  div.derived-unit-tree-root {
253
    .unit-content-wrapper {
254
      border-left: $tree-line-style;
255
      margin-left: $tree-lines-left-offset;
256
    }
257
    div.item-list { // class .item-list is defined by drupal theme function
258
      margin-top: $tree-lines-top-offset;
259
    }
260
  }
261

  
262
  ul.derived-unit-sub-tree{
263
    ul {
264
      margin-left: 1.0em;
265
    }
266
    li {
267
      position: relative;
268

  
269
      margin-left: 0;
270
      padding-left: 1em;
271
      margin-top: -$tree-lines-top-offset;
272
      margin-bottom: $tree-entry-vspace;
273
      line-height: $base-line-height;
274

  
275
      border-left: $tree-line-style;
276
    }
277
    li:last-child {
278
      border-left: none;
279
    }
280
    li:before {
281
      position: absolute;
282
      top: $tree-lines-top-offset;
283
      left: 0;
284

  
285
      width: 0.5em; /* width of horizontal line */
286
      height: 0.5em; /* vertical position of line */
287
      vertical-align: top;
288
      border-bottom: $tree-line-style;
289
      content: "";
290
      display: inline-block;
291
    }
292
    li:last-child:before {
293
      border-left: $tree-line-style;
294
    }
295
  }
296

  
228 297
  /*
229 298
   * Map
230 299
   */

Also available in: Unified diff