39 lines
		
	
	
		
			903 B
		
	
	
	
		
			CSS
		
	
	
	
	
	
			
		
		
	
	
			39 lines
		
	
	
		
			903 B
		
	
	
	
		
			CSS
		
	
	
	
	
	
| .slick-column-name,
 | |
| .slick-sort-indicator {
 | |
|   /**
 | |
|    * This makes all "float:right" elements after it that spill over to the next line
 | |
|    * display way below the lower boundary of the column thus hiding them.
 | |
|    */
 | |
|   display: inline-block;
 | |
|   float: left;
 | |
|   margin-bottom: 100px;
 | |
| }
 | |
| 
 | |
| .slick-header-button {
 | |
|   display: inline-block;
 | |
|   float: right;
 | |
|   vertical-align: top;
 | |
|   margin: 1px;
 | |
|   /**
 | |
|   * This makes all "float:right" elements after it that spill over to the next line
 | |
|   * display way below the lower boundary of the column thus hiding them.
 | |
|   */
 | |
|   margin-bottom: 100px;
 | |
|   height: 15px;
 | |
|   width: 15px;
 | |
|   background-repeat: no-repeat;
 | |
|   background-position: center center;
 | |
|   cursor: pointer;
 | |
| }
 | |
| 
 | |
| .slick-header-button-hidden {
 | |
|   width: 0;
 | |
| 
 | |
|   -webkit-transition: 0.2s width;
 | |
|   -ms-transition: 0.2s width;
 | |
|   transition: 0.2s width;
 | |
| }
 | |
| 
 | |
| .slick-header-column:hover > .slick-header-button {
 | |
|   width: 15px;
 | |
| } |