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-bar-rtl {
  57     width: 10px;
  58     border-left: 2px solid #4d4d4d;
  59     margin-top: -6px;
  60     height: 12px;
  61     margin-right: -7px;
  62   }
  63
  64   .first-triangle {
  65     width: 0;
  66     height: 0;
  67     border-style: solid;
  68     border-width: 5px 8.7px 5px 0;
  69     border-color: transparent #4d4d4d transparent transparent;
  70     margin-left: 2px;
  71   }
  72
  73   .next-triangle {
  74     margin-left: 1px;
  75   }
  76
  77   .prev-triangle {
  78     margin-left: 0;
  79   }
  80
  81   .last-triangle {
  82     width: 0;
  83     height: 0;
  84     border-style: solid;
  85     border-width: 5px 0 5px 8.7px;
  86     border-color: transparent transparent transparent #4d4d4d;
  87     margin-left: -1px;
  88   }
  89
  90   .last-bar {
  91     width: 10px;
  92     border-left: 2px solid #4d4d4d;
  93     margin-top: -6px;
  94     height: 12px;
  95     margin-left: 1px;
  96   }
  97
  98   .last-bar-rtl {
  99     width: 10px;
 100     border-left: 2px solid #4d4d4d;
 101     margin-top: -6px;
 102     height: 12px;
 103     margin-right: -11px;
 104   }
 105
 106
 107 }
 108
 109 .ui-grid-pager-row-count-picker {
 110   float: left;
 111
 112   select {
 113     #ui-grid-twbs > .form-control;
 114     #ui-grid-twbs > .input-sm ();
 115     height: 26px;
 116     width: 67px;
 117     display: inline;
 118   }
 119
 120   .ui-grid-pager-row-count-label {
 121     margin-top: 3px;
 122   }
 123 }
 124
 125 .ui-grid-pager-count-container {
 126   float: right;
 127   margin-top: 4px;
 128   min-width: 50px;
 129
 130   .ui-grid-pager-count {
 131     margin-right: 10px;
 132     margin-left: 10px;
 133     float: right;
 134   }
 135 }