rtl.less 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. /*
  2. * RTL Styles
  3. */
  4. .ui-grid[dir=rtl] {
  5. .ui-grid-header-cell,
  6. .ui-grid-footer-cell,
  7. .ui-grid-cell {
  8. float: right !important;
  9. }
  10. .ui-grid-column-menu-button {
  11. position: absolute;
  12. left: 1px;
  13. top: 0;
  14. right: inherit;
  15. }
  16. .ui-grid-cell:first-child,
  17. .ui-grid-header-cell:first-child,
  18. .ui-grid-footer-cell:first-child {
  19. border-right: 0;
  20. }
  21. .ui-grid-cell:last-child, .ui-grid-header-cell:last-child {
  22. border-right: @gridBorderWidth solid @borderColor;
  23. border-left: 0;
  24. }
  25. .ui-grid-header-cell:first-child .ui-grid-vertical-bar,
  26. .ui-grid-footer-cell:first-child .ui-grid-vertical-bar,
  27. .ui-grid-cell:first-child .ui-grid-vertical-bar {
  28. width: 0;
  29. }
  30. .ui-grid-menu-button {
  31. z-index: 2;
  32. position: absolute;
  33. left: 0;
  34. right: auto;
  35. background: @headerBackgroundColor;
  36. border: @gridBorderWidth solid @borderColor;
  37. cursor: pointer;
  38. min-height: 27px;
  39. font-weight: normal;
  40. }
  41. .ui-grid-menu-button .ui-grid-menu {
  42. left: 0;
  43. right: auto;
  44. }
  45. // Position filter-cancel button on the left for rtl grids
  46. .ui-grid-filter-container .ui-grid-filter-button {
  47. right: initial;
  48. left: 0;
  49. [class^="ui-grid-icon"] {
  50. right: initial;
  51. left: 10px;
  52. }
  53. }
  54. }