Etusivu Tutki Apua
Kirjaudu sisään
Lumina-Internal
/
VLEX
2
0
Fork 0
Tiedostot Ongelmat 0 Pull-pyynnöt 0 Wiki
Puu: 55473b7e7c
Haarat Tagit
VLEX
/
BPM-UI
/
node_modules
/
@swimlane
/
ngx-datatable
/
themes
/
bootstrap.scss

bootstrap.scss 2.1 KB
Historia Raaka

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101 
  1. /*
    2. 

  2. bootstrap table theme
    3. 

  3. */
    4. 

  4. 

  5. .ngx-datatable.bootstrap {
    6. 

  6.   box-shadow: none;
    7. 

  7.   font-size: 13px;
    8. 

  8.   .datatable-header {
    9. 

  9.     height: unset !important;
    10. 

  10.     .datatable-header-cell {
    11. 

  11.       vertical-align: bottom;
    12. 

  12.       padding: 0.75rem;
    13. 

  13.       border-bottom: 1px solid #d1d4d7;
    14. 

  14.       .datatable-header-cell-label {
    15. 

  15.         line-height: 24px;
    16. 

  16.       }
    17. 

  17.     }
    18. 

  18.   }
    19. 

  19.   .datatable-body {
    20. 

  20.     .datatable-body-row {
    21. 

  21.       vertical-align: top;
    22. 

  22.       border-top: 1px solid #d1d4d7;
    23. 

  23.       &.datatable-row-even {
    24. 

  24.         background-color: rgba(0, 0, 0, 0.05);
    25. 

  25.       }
    26. 

  26.       &.active {
    27. 

  27.         background-color: #1483ff;
    28. 

  28.         color: #fff;
    29. 

  29.       }
    30. 

  30.       .datatable-body-cell {
    31. 

  31.         padding: 0.75rem;
    32. 

  32.         text-align: left;
    33. 

  33.         vertical-align: top;
    34. 

  34.       }
    35. 

  35.     }
    36. 

  36.     .empty-row {
    37. 

  37.       $alert-padding-y: 0.75rem !default;
    38. 

  38.       $alert-padding-x: 1.25rem !default;
    39. 

  39.       position: relative;
    40. 

  40.       padding: $alert-padding-y $alert-padding-x;
    41. 

  41.       margin-bottom: 0;
    42. 

  42.     }
    43. 

  43.   }
    44. 

  44.   .datatable-footer {
    45. 

  45.     background: #424242;
    46. 

  46.     color: #ededed;
    47. 

  47.     margin-top: -1px;
    48. 

  48.     .page-count {
    49. 

  49.       line-height: 50px;
    50. 

  50.       height: 50px;
    51. 

  51.       padding: 0 1.2rem;
    52. 

  52.     }
    53. 

  53.     .datatable-pager {
    54. 

  54.       margin: 0 10px;
    55. 

  55.       vertical-align: top;
    56. 

  56.       ul {
    57. 

  57.         li {
    58. 

  58.           margin: 10px 0px;
    59. 

  59.           &:not(.disabled) {
    60. 

  60.             &.active,
    61. 

  61.             &:hover {
    62. 

  62.               a {
    63. 

  63.                 background-color: #545454;
    64. 

  64.                 font-weight: bold;
    65. 

  65.               }
    66. 

  66.             }
    67. 

  67.           }
    68. 

  68.         }
    69. 

  69.       }
    70. 

  70.       a {
    71. 

  71.         height: 22px;
    72. 

  72.         min-width: 24px;
    73. 

  73.         line-height: 22px;
    74. 

  74.         padding: 0;
    75. 

  75.         border-radius: 3px;
    76. 

  76.         margin: 0 3px;
    77. 

  77.         text-align: center;
    78. 

  78.         vertical-align: top;
    79. 

  79.         text-decoration: none;
    80. 

  80.         vertical-align: bottom;
    81. 

  81.         color: #ededed;
    82. 

  82.       }
    83. 

  83.       .datatable-icon-left,
    84. 

  84.       .datatable-icon-skip,
    85. 

  85.       .datatable-icon-right,
    86. 

  86.       .datatable-icon-prev {
    87. 

  87.         font-size: 18px;
    88. 

  88.         line-height: 27px;
    89. 

  89.         padding: 0 3px;
    90. 

  90.       }
    91. 

  91.     }
    92. 

  92.   }
    93. 

  93.   // Summary row styles
    94. 

  94.   .datatable-summary-row {
    95. 

  95.     .datatable-body-row {
    96. 

  96.       .datatable-body-cell {
    97. 

  97.         font-weight: bold;
    98. 

  98.       }
    99. 

  99.     }
    100. 

  100.   }
    101. 

  101. }
    102.