public/bower_components/angular-ui-grid/pagination/less/pagination.less

   1 @import "../../../less/variables";
   2 @import "../../../less/elements";
   3 @import (reference) "../../../less/bootstrap/bootstrap";
   4
   5 .ui-grid-pager-panel {
   6     position: absolute;
   7     left: 0;
   8     bottom: 0;
   9     width: 100%;
  10     padding-top: 3px;
  11     padding-bottom: 3px;
  12     box-sizing: content-box;
  13 }
  14
  15 .ui-grid-pager-container {
  16   float: left;
  17 }
  18
  19 .ui-grid-pager-control {
  20   margin-right: 10px;
  21   margin-left: 10px;
  22   min-width: 135px;
  23   float: left;
  24
  25   button {
  26     height: 25px;
  27     min-width: 26px;
  28     #ui-grid-twbs > .btn;
  29     #ui-grid-twbs > .button-variant(@paginationButtonColor, @paginationButtonBackgroundColor, @paginationButtonBorderColor);
  30   }
  31
  32   input {
  33     #ui-grid-twbs > .form-control();
  34     #ui-grid-twbs > .input-sm ();
  35     display: inline;
  36     height: 26px;
  37     width: 50px;
  38     vertical-align: top;
  39   }
  40
  41   .ui-grid-pager-max-pages-number{
  42     vertical-align: bottom;
  43     > * {
  44       vertical-align: middle;
  45     }
  46   }
  47
  48   .first-bar {
  49     width: 10px;
  50     border-left: 2px solid #4d4d4d;
  51     margin-top: -6px;
  52     height: 12px;
  53     margin-left: -3px;
  54   }
  55
  56   .first-triangle {
  57     width: 0;
  58     height: 0;
  59     border-style: solid;
  60     border-width: 5px 8.7px 5px 0;
  61     border-color: transparent #4d4d4d transparent transparent;
  62     margin-left: 2px;
  63   }
  64
  65   .next-triangle {
  66     margin-left: 1px;
  67   }
  68
  69   .prev-triangle {
  70     margin-left: 0;
  71   }
  72
  73   .last-triangle {
  74     width: 0;
  75     height: 0;
  76     border-style: solid;
  77     border-width: 5px 0 5px 8.7px;
  78     border-color: transparent transparent transparent #4d4d4d;
  79     margin-left: -1px;
  80   }
  81
  82   .last-bar {
  83     width: 10px;
  84     border-left: 2px solid #4d4d4d;
  85     margin-top: -6px;
  86     height: 12px;
  87     margin-left: 1px;
  88   }
  89 }
  90
  91 .ui-grid-pager-row-count-picker {
  92   float: left;
  93
  94   select {
  95     #ui-grid-twbs > .form-control;
  96     #ui-grid-twbs > .input-sm ();
  97     height: 26px;
  98     width: 67px;
  99     display: inline;
 100   }
 101
 102   .ui-grid-pager-row-count-label {
 103     margin-top: 3px;
 104   }
 105 }
 106
 107 .ui-grid-pager-count-container {
 108   float: right;
 109   margin-top: 4px;
 110   min-width: 50px;
 111
 112   .ui-grid-pager-count {
 113     margin-right: 10px;
 114     margin-left: 10px;
 115     float: right;
 116   }
 117 }