RowExpander.scss 1.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. /**
  2. * @class Ext.grid.plugin.RowExpander
  3. */
  4. /**
  5. * @var {number}
  6. * The height of the RowExpander icon
  7. */
  8. $row-expander-height: dynamic(11px);
  9. /**
  10. * @var {number}
  11. * The width of the RowExpander icon
  12. */
  13. $row-expander-width: dynamic(11px);
  14. /**
  15. * @var {number}
  16. * The horizontal space before the RowExpander icon
  17. */
  18. $row-expander-cell-spacing-before: dynamic(6px);
  19. /**
  20. * @var {number}
  21. * The horizontal space after the RowExpander icon
  22. */
  23. $row-expander-cell-spacing-after: dynamic(6px);
  24. /**
  25. * @var {string}
  26. * The cursor for the RowExpander icon
  27. */
  28. $row-expander-cursor: dynamic(pointer);
  29. // private
  30. $row-expander-cell-padding:
  31. max(ceil(($grid-row-height - $row-expander-height) / 2), 0)
  32. $row-expander-cell-spacing-after
  33. max(floor(($grid-row-height - $row-expander-height) / 2), 0)
  34. $row-expander-cell-spacing-before;
  35. /**
  36. * @var {color}
  37. * The color to use for the RowExpander icon when {@link Global_CSS#$enable-font-icons} is `true`.
  38. */
  39. $row-expander-glyph-color: dynamic($color);
  40. /**
  41. * @var {number}
  42. * The font size for the RowExpander icon when {@link Global_CSS#$enable-font-icons} is `true`.
  43. */
  44. $row-expander-glyph-font-size: dynamic(14px);
  45. /**
  46. * @var {string/list}
  47. * Glyph for the RowExpander's "expand" icon when {@link Global_CSS#$enable-font-icons} is `true`.
  48. */
  49. $row-expander-expand-glyph: dynamic($fa-var-plus-square $row-expander-glyph-font-size $font-icon-font-family);
  50. /**
  51. * @var {string/list}
  52. * Glyph for the RowExpander's "collapse" icon when {@link Global_CSS#$enable-font-icons} is `true`.
  53. */
  54. $row-expander-collapse-glyph: dynamic($fa-var-minus-square $row-expander-glyph-font-size $font-icon-font-family);