You are here

table.css in Views tree 8.2

/**
 * CSS for laying out a hierarchy within an HTML table.
 *
 * While this could be done more elegantly with JS, this allows for non-JS browsers to properly layout the hierarchy.
 *
 * The starting point is 20px, as Bartik pads cells with 9px.
 */
tr[data-hierarchy-level='2'] .views-tree-hierarchy-cell {
  padding-left: 20px;
}
tr[data-hierarchy-level='3'] .views-tree-hierarchy-cell {
  padding-left: 30px;
}
tr[data-hierarchy-level='4'] .views-tree-hierarchy-cell {
  padding-left: 40px;
}
tr[data-hierarchy-level='5'] .views-tree-hierarchy-cell {
  padding-left: 50px;
}
tr[data-hierarchy-level='6'] .views-tree-hierarchy-cell {
  padding-left: 60px;
}
tr[data-hierarchy-level='7'] .views-tree-hierarchy-cell {
  padding-left: 70px;
}
tr[data-hierarchy-level='8'] .views-tree-hierarchy-cell {
  padding-left: 80px;
}

File

css/table.css
View source
  1. /**
  2. * CSS for laying out a hierarchy within an HTML table.
  3. *
  4. * While this could be done more elegantly with JS, this allows for non-JS browsers to properly layout the hierarchy.
  5. *
  6. * The starting point is 20px, as Bartik pads cells with 9px.
  7. */
  8. tr[data-hierarchy-level='2'] .views-tree-hierarchy-cell {
  9. padding-left: 20px;
  10. }
  11. tr[data-hierarchy-level='3'] .views-tree-hierarchy-cell {
  12. padding-left: 30px;
  13. }
  14. tr[data-hierarchy-level='4'] .views-tree-hierarchy-cell {
  15. padding-left: 40px;
  16. }
  17. tr[data-hierarchy-level='5'] .views-tree-hierarchy-cell {
  18. padding-left: 50px;
  19. }
  20. tr[data-hierarchy-level='6'] .views-tree-hierarchy-cell {
  21. padding-left: 60px;
  22. }
  23. tr[data-hierarchy-level='7'] .views-tree-hierarchy-cell {
  24. padding-left: 70px;
  25. }
  26. tr[data-hierarchy-level='8'] .views-tree-hierarchy-cell {
  27. padding-left: 80px;
  28. }