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