third-party/slickgrid-2.1/plugins/slick.headerbuttons.css

   1 .slick-column-name,
   2 .slick-sort-indicator {
   3   /**
   4    * This makes all "float:right" elements after it that spill over to the next line
   5    * display way below the lower boundary of the column thus hiding them.
   6    */
   7   display: inline-block;
   8   float: left;
   9   margin-bottom: 100px;
  10 }
  11
  12 .slick-header-button {
  13   display: inline-block;
  14   float: right;
  15   vertical-align: top;
  16   margin: 1px;
  17   /**
  18   * This makes all "float:right" elements after it that spill over to the next line
  19   * display way below the lower boundary of the column thus hiding them.
  20   */
  21   margin-bottom: 100px;
  22   height: 15px;
  23   width: 15px;
  24   background-repeat: no-repeat;
  25   background-position: center center;
  26   cursor: pointer;
  27 }
  28
  29 .slick-header-button-hidden {
  30   width: 0;
  31
  32   -webkit-transition: 0.2s width;
  33   -ms-transition: 0.2s width;
  34   transition: 0.2s width;
  35 }
  36
  37 .slick-header-column:hover > .slick-header-button {
  38   width: 15px;
  39 }