tabulator-tables 5.4.4 → 5.5.0

package/src/scss/tabulator.scss

@@ -248,18 +248,22 @@ $footerActiveColor:#d00 !default; //footer bottom active text color
 					padding-right:25px;
 				}
 				
-				&.tabulator-col-sorter-element:hover{
-					cursor:pointer;
-					background-color:darken($headerBackgroundColor, 10%);
+				@media (hover:hover) and (pointer:fine){
+					&.tabulator-col-sorter-element:hover{
+						cursor:pointer;
+						background-color:darken($headerBackgroundColor, 10%);
+					}
 				}
 				
 				&[aria-sort="none"]{
 					.tabulator-col-content .tabulator-col-sorter{
 						color: $sortArrowInactive;
 						
-						&.tabulator-col-sorter-element .tabulator-arrow:hover{
-							cursor:pointer;
-							border-bottom: 6px solid $sortArrowHover;
+						@media (hover:hover) and (pointer:fine){
+							&.tabulator-col-sorter-element .tabulator-arrow:hover{
+								cursor:pointer;
+								border-bottom: 6px solid $sortArrowHover;
+							}
 						}
 						
 						.tabulator-arrow{
@@ -273,9 +277,11 @@ $footerActiveColor:#d00 !default; //footer bottom active text color
 					.tabulator-col-content .tabulator-col-sorter{
 						color: $sortArrowActive;
 						
-						&.tabulator-col-sorter-element .tabulator-arrow:hover{
-							cursor:pointer;
-							border-bottom: 6px solid $sortArrowHover;
+						@media (hover:hover) and (pointer:fine){
+							&.tabulator-col-sorter-element .tabulator-arrow:hover{
+								cursor:pointer;
+								border-bottom: 6px solid $sortArrowHover;
+							}
 						}
 						
 						.tabulator-arrow{
@@ -289,10 +295,12 @@ $footerActiveColor:#d00 !default; //footer bottom active text color
 				&[aria-sort="descending"]{
 					.tabulator-col-content .tabulator-col-sorter{
 						color: $sortArrowActive;
-						
-						&.tabulator-col-sorter-element .tabulator-arrow:hover{
-							cursor:pointer;
-							border-top: 6px solid $sortArrowHover;
+
+						@media (hover:hover) and (pointer:fine){
+							&.tabulator-col-sorter-element .tabulator-arrow:hover{
+								cursor:pointer;
+								border-top: 6px solid $sortArrowHover;
+							}
 						}
 						
 						.tabulator-arrow{
@@ -571,10 +579,12 @@ $footerActiveColor:#d00 !default; //footer bottom active text color
 			}
 			
 			&:not(.disabled){
-				&:hover{
-					cursor:pointer;
-					background:rgba(0,0,0,.2);
-					color:#fff;
+				@media (hover:hover) and (pointer:fine){
+					&:hover{
+						cursor:pointer;
+						background:rgba(0,0,0,.2);
+						color:#fff;
+					}
 				}
 			}
 		}
@@ -592,8 +602,10 @@ $footerActiveColor:#d00 !default; //footer bottom active text color
 		z-index: 10;
 		vertical-align: middle;
 		
-		&:hover{
-			cursor:ew-resize;
+		@media (hover:hover) and (pointer:fine){
+			&:hover{
+				cursor:ew-resize;
+			}
 		}
 		
 		&:last-of-type{
@@ -658,18 +670,22 @@ $footerActiveColor:#d00 !default; //footer bottom active text color
 		background-color: $rowAltBackgroundColor;
 	}
 	
-	&.tabulator-selectable:hover{
-		background-color:$rowHoverBackground;
-		cursor: pointer;
+	@media (hover:hover) and (pointer:fine){
+		&.tabulator-selectable:hover{
+			background-color:$rowHoverBackground;
+			cursor: pointer;
+		}
 	}
 	
 	&.tabulator-selected{
 		background-color:$rowSelectedBackground;
 	}
 	
-	&.tabulator-selected:hover{
-		background-color:$rowSelectedBackgroundHover;
-		cursor: pointer;
+	@media (hover:hover) and (pointer:fine){
+		&.tabulator-selected:hover{
+			background-color:$rowSelectedBackgroundHover;
+			cursor: pointer;
+		}
 	}
 	
 	&.tabulator-row-moving{
@@ -700,8 +716,10 @@ $footerActiveColor:#d00 !default; //footer bottom active text color
 			bottom:auto;
 		}
 		
-		&:hover{
-			cursor:ns-resize;
+		@media (hover:hover) and (pointer:fine){
+			&:hover{
+				cursor:ns-resize;
+			}
 		}
 	}
 	
@@ -848,9 +866,11 @@ $footerActiveColor:#d00 !default; //footer bottom active text color
 			
 			overflow:hidden;
 			
-			&:hover{
-				cursor:pointer;
-				background:rgba(0, 0, 0, .2);
+			@media (hover:hover) and (pointer:fine){
+				&:hover{
+					cursor:pointer;
+					background:rgba(0, 0, 0, .2);
+				}
 			}
 			
 			.tabulator-data-tree-control-collapse{
@@ -919,9 +939,11 @@ $footerActiveColor:#d00 !default; //footer bottom active text color
 			font-weight:bold;
 			font-size:1.1em;
 			
-			&:hover{
-				opacity:.7;
-				cursor: pointer;
+			@media (hover:hover) and (pointer:fine){
+				&:hover{
+					opacity:.7;
+					cursor: pointer;
+				}
 			}
 			
 			&.open{
@@ -965,9 +987,11 @@ $footerActiveColor:#d00 !default; //footer bottom active text color
 		
 		min-width: 100%;
 		
-		&:hover{
-			cursor:pointer;
-			background-color:rgba(0,0,0,.1);
+		@media (hover:hover) and (pointer:fine){
+			&:hover{
+				cursor:pointer;
+				background-color:rgba(0,0,0,.1);
+			}
 		}
 		
 		&.tabulator-group-visible{
@@ -1076,9 +1100,11 @@ $footerActiveColor:#d00 !default; //footer bottom active text color
 			opacity: .5;
 		}
 		
-		&:not(.tabulator-menu-item-disabled):hover{
-			cursor: pointer;
-			background: $rowAltBackgroundColor;
+		@media (hover:hover) and (pointer:fine){
+			&:not(.tabulator-menu-item-disabled):hover{
+				cursor: pointer;
+				background: $rowAltBackgroundColor;
+			}
 		}
 		
 		&.tabulator-menu-item-submenu{
@@ -1137,11 +1163,13 @@ $footerActiveColor:#d00 !default; //footer bottom active text color
 			outline:1px solid $editBoxColor;
 		}
 		
-		&:hover{
-			cursor:pointer;
-			
-			color:$rowBackgroundColor;
-			background:$editBoxColor;
+		@media (hover:hover) and (pointer:fine){
+			&:hover{
+				cursor:pointer;
+				
+				color:$rowBackgroundColor;
+				background:$editBoxColor;
+			}
 		}
 	}
 	
@@ -1323,9 +1351,11 @@ body.tabulator-print-fullscreen-hide>*:not(.tabulator-print-fullscreen){
 		
 		min-width: 100%;
 		
-		&:hover{
-			cursor:pointer;
-			background-color:rgba(0,0,0,.1);
+		@media (hover:hover) and (pointer:fine){
+			&:hover{
+				cursor:pointer;
+				background-color:rgba(0,0,0,.1);
+			}
 		}
 		
 		&.tabulator-group-visible{
@@ -1411,9 +1441,11 @@ body.tabulator-print-fullscreen-hide>*:not(.tabulator-print-fullscreen){
 		
 		overflow:hidden;
 		
-		&:hover{
-			cursor:pointer;
-			background:rgba(0, 0, 0, .2);
+		@media (hover:hover) and (pointer:fine){
+			&:hover{
+				cursor:pointer;
+				background:rgba(0, 0, 0, .2);
+			}
 		}
 		
 		.tabulator-data-tree-control-collapse{

package/src/scss/themes/bootstrap/tabulator_bootstrap3.scss

@@ -181,17 +181,21 @@ $footerActiveColor:#d00 !default; //footer bottom active text color
 		background-color: transparent;
 	}
 
-	&.tabulator-selectable:hover{
-		background-color:$rowHoverBackground !important;
+	@media (hover:hover) and (pointer:fine){
+		&.tabulator-selectable:hover{
+			background-color:$rowHoverBackground !important;
+		}
 	}
 
 	&.tabulator-selected{
 		background-color:$rowSelectedBackground !important;
 	}
 
-	&.tabulator-selected:hover{
-		background-color:$rowSelectedBackgroundHover !important;
-		cursor: pointer;
+	@media (hover:hover) and (pointer:fine){
+		&.tabulator-selected:hover{
+			background-color:$rowSelectedBackgroundHover !important;
+			cursor: pointer;
+		}
 	}
 
 	.tabulator-cell{

package/src/scss/themes/bootstrap/tabulator_bootstrap4.scss

@@ -152,10 +152,12 @@ $table-cell-padding-sm: 5px;
 			}
 
 			&:not(.disabled){
-				&:hover{
-					border-color:$pagination-hover-border-color;
-					background:$pagination-hover-bg;
-					color:$pagination-hover-color;
+				@media (hover:hover) and (pointer:fine){
+					&:hover{
+						border-color:$pagination-hover-border-color;
+						background:$pagination-hover-bg;
+						color:$pagination-hover-color;
+					}
 				}
 			}
 		}
@@ -202,11 +204,13 @@ $table-cell-padding-sm: 5px;
 			background-color: $table-dark-bg;
 			color: $table-dark-color;
 
-			&:hover{
-				background-color: $table-dark-border-color;
+			@media (hover:hover) and (pointer:fine){
+				&:hover{
+					background-color: $table-dark-border-color;
 
-				.tabulator-cell{
-					background-color: $table-dark-hover-bg;
+					.tabulator-cell{
+						background-color: $table-dark-hover-bg;
+					}
 				}
 			}
 
@@ -241,14 +245,16 @@ $table-cell-padding-sm: 5px;
 						background-color:$rowSelectedBackground;
 					}
 
-					&.tabulator-selectable:hover{
-						background-color:$rowHoverBackground;
-						cursor: pointer;
-					}
-
-					&.tabulator-selected:hover{
-						background-color:$rowSelectedBackgroundHover;
-						cursor: pointer;
+					@media (hover:hover) and (pointer:fine){
+						&.tabulator-selectable:hover{
+							background-color:$rowHoverBackground;
+							cursor: pointer;
+						}
+						
+						&.tabulator-selected:hover{
+							background-color:$rowSelectedBackgroundHover;
+							cursor: pointer;
+						}
 					}
 				}
 			}
@@ -493,9 +499,11 @@ $table-cell-padding-sm: 5px;
 			}
 		}
 
-		&:hover{
-			color:$headerBackgroundColor;
-		}
+		@media (hover:hover) and (pointer:fine){
+			&:hover{
+				color:$headerBackgroundColor;
+			}
+		}	
 	}
 
 	.tabulator-edit-select-list-notice{

package/src/scss/themes/bootstrap/tabulator_bootstrap5.scss

@@ -153,10 +153,12 @@ $table-cell-padding-sm: 5px;
 			}
 
 			&:not(.disabled){
-				&:hover{
-					border-color:$pagination-hover-border-color;
-					background:$pagination-hover-bg;
-					color:$pagination-hover-color;
+				@media (hover:hover) and (pointer:fine){
+					&:hover{
+						border-color:$pagination-hover-border-color;
+						background:$pagination-hover-bg;
+						color:$pagination-hover-color;
+					}
 				}
 			}
 		}
@@ -203,11 +205,13 @@ $table-cell-padding-sm: 5px;
 			background-color: $backgroundColor;
 			color: $table-color;
 
-			&:hover{
-				background-color: $borderColor;
+			@media (hover:hover) and (pointer:fine){
+				&:hover{
+					background-color: $borderColor;
 
-				.tabulator-cell{
-					background-color: $table-hover-bg;
+					.tabulator-cell{
+						background-color: $table-hover-bg;
+					}
 				}
 			}
 
@@ -242,14 +246,16 @@ $table-cell-padding-sm: 5px;
 						background-color:$rowSelectedBackground;
 					}
 
-					&.tabulator-selectable:hover{
-						background-color:$rowHoverBackground;
-						cursor: pointer;
-					}
+					@media (hover:hover) and (pointer:fine){
+						&.tabulator-selectable:hover{
+							background-color:$rowHoverBackground;
+							cursor: pointer;
+						}
 
-					&.tabulator-selected:hover{
-						background-color:$rowSelectedBackgroundHover;
-						cursor: pointer;
+						&.tabulator-selected:hover{
+							background-color:$rowSelectedBackgroundHover;
+							cursor: pointer;
+						}
 					}
 				}
 			}
@@ -503,8 +509,10 @@ $table-cell-padding-sm: 5px;
 			}
 		}
 
-		&:hover{
-			color:$headerBackgroundColor;
+		@media (hover:hover) and (pointer:fine){
+			&:hover{
+				color:$headerBackgroundColor;
+			}
 		}
 	}
 
@@ -568,8 +576,10 @@ $table-cell-padding-sm: 5px;
 			}
 		}
 
-		&:hover{
-			color:#fff;
+		@media (hover:hover) and (pointer:fine){
+			&:hover{
+				color:#fff;
+			}
 		}
 	}
 }

package/src/scss/themes/bulma/tabulator_bulma.scss

@@ -136,11 +136,13 @@ $footerBorderColor:$grey-lighter !default; //footer border color
 			}
 			
 			&:not(.disabled){
-				&:hover{
-					cursor:pointer;
-					border-color:$button-hover-border-color;
-					background:inherit;
-					color:inherit;
+				@media (hover:hover) and (pointer:fine){
+					&:hover{
+						cursor:pointer;
+						border-color:$button-hover-border-color;
+						background:inherit;
+						color:inherit;
+					}
 				}
 			}
 		}
@@ -208,8 +210,10 @@ $footerBorderColor:$grey-lighter !default; //footer border color
 		background-color:$rowSelectedBackground !important;
 	}
 	
-	&.tabulator-selected:hover{
-		background-color:darken($rowSelectedBackground, 10%) !important;
+	@media (hover:hover) and (pointer:fine){
+		&.tabulator-selected:hover{
+			background-color:darken($rowSelectedBackground, 10%) !important;
+		}
 	}
 	
 	.tabulator-cell{
@@ -246,8 +250,10 @@ $footerBorderColor:$grey-lighter !default; //footer border color
 			color:$backgroundColor;
 		}
 
-		&:hover{
-			color:$backgroundColor;
+		@media (hover:hover) and (pointer:fine){
+			&:hover{
+				color:$backgroundColor;
+			}
 		}
 	}
 }

package/src/scss/themes/materialize/tabulator_materialize.scss

@@ -137,14 +137,16 @@ $footerActiveColor:$primary-color !default; //footer bottom active text color
 					background-color:$rowSelectedBackground !important;
 				}
 
-				&.tabulator-selectable:hover{
-					background-color:$rowHoverBackground;
-					cursor: pointer;
-				}
-
-				&.tabulator-selected:hover{
-					background-color:$rowSelectedBackgroundHover !important;
-					cursor: pointer;
+				@media (hover:hover) and (pointer:fine){
+					&.tabulator-selectable:hover{
+						background-color:$rowHoverBackground;
+						cursor: pointer;
+					}
+
+					&.tabulator-selected:hover{
+						background-color:$rowSelectedBackgroundHover !important;
+						cursor: pointer;
+					}
 				}
 			}
 		}
@@ -211,8 +213,10 @@ $footerActiveColor:$primary-color !default; //footer bottom active text color
 			}
 		}
 
-		&:hover{
-			color:$headerBackgroundColor;
+		@media (hover:hover) and (pointer:fine){
+			&:hover{
+				color:$headerBackgroundColor;
+			}
 		}
 	}
 

package/src/scss/themes/semanticui/tabulator_semanticui.scss

@@ -125,9 +125,11 @@ $footerActiveColor:#d00 !default; //footer bottom active text color
 					background: $positiveBackgroundColor !important;
 					color: $positiveColor !important;
 
-					&:hover{
-						background: $positiveBackgroundHover !important;
-						color: $positiveColorHover !important;
+					@media (hover:hover) and (pointer:fine){
+						&:hover{
+							background: $positiveBackgroundHover !important;
+							color: $positiveColorHover !important;
+						}
 					}
 				}
 
@@ -136,9 +138,11 @@ $footerActiveColor:#d00 !default; //footer bottom active text color
 					background: $negativeBackgroundColor !important;
 					color: $negativeColor !important;
 
-					&:hover{
-						background: $negativeBackgroundHover !important;
-						color: $negativeColorHover !important;
+					@media (hover:hover) and (pointer:fine){
+						&:hover{
+							background: $negativeBackgroundHover !important;
+							color: $negativeColorHover !important;
+						}
 					}
 				}
 
@@ -147,9 +151,11 @@ $footerActiveColor:#d00 !default; //footer bottom active text color
 					background: $errorBackgroundColor !important;
 					color: $errorColor !important;
 
-					&:hover{
-						background: $errorBackgroundHover !important;
-						color: $errorColorHover !important;
+					@media (hover:hover) and (pointer:fine){
+						&:hover{
+							background: $errorBackgroundHover !important;
+							color: $errorColorHover !important;
+						}
 					}
 				}
 
@@ -158,9 +164,11 @@ $footerActiveColor:#d00 !default; //footer bottom active text color
 					background: $warningBackgroundColor !important;
 					color: $warningColor !important;
 
-					&:hover{
-						background: $warningBackgroundHover !important;
-						color: $warningColorHover !important;
+					@media (hover:hover) and (pointer:fine){
+						&:hover{
+							background: $warningBackgroundHover !important;
+							color: $warningColorHover !important;
+						}
 					}
 				}
 
@@ -169,16 +177,25 @@ $footerActiveColor:#d00 !default; //footer bottom active text color
 					background: $activeBackgroundColor !important;
 					color: $activeColor !important;
 
-					&:hover{
-						background: $positiveBackgroundHover !important;
-						color: $positiveColorHover !important;
+					@media (hover:hover) and (pointer:fine){
+						&:hover{
+							background: $positiveBackgroundHover !important;
+							color: $positiveColorHover !important;
+						}
 					}
 				}
 
-				&.active, &.disabled:hover, .tabulator-cell.active{
+				&.active, .tabulator-cell.active{
 					pointer-events: none;
 					color: $disabledTextColor;
 				}
+
+				@media (hover:hover) and (pointer:fine){
+					&.disabled:hover{
+						pointer-events: none;
+						color: $disabledTextColor;
+					}
+				}
 			}
 		}
 	}
@@ -478,19 +495,23 @@ $footerActiveColor:#d00 !default; //footer bottom active text color
 		background-color: transparent;
 	}
 
-	&.tabulator-selectable:hover{
-		box-shadow: $activeBoxShadow;
-		background: $activeBackgroundColor !important;
-		color: $activeColor !important;
+	@media (hover:hover) and (pointer:fine){
+		&.tabulator-selectable:hover{
+			box-shadow: $activeBoxShadow;
+			background: $activeBackgroundColor !important;
+			color: $activeColor !important;
+		}
 	}
 
 	&.tabulator-selected{
 		background-color:$rowSelectedBackground !important;
 	}
 
-	&.tabulator-selected:hover{
-		background-color:$rowSelectedBackgroundHover !important;
-		cursor: pointer;
+	@media (hover:hover) and (pointer:fine){
+		&.tabulator-selected:hover{
+			background-color:$rowSelectedBackgroundHover !important;
+			cursor: pointer;
+		}
 	}
 
 	&.tabulator-moving{
@@ -523,8 +544,10 @@ $footerActiveColor:#d00 !default; //footer bottom active text color
 	background:$backgroundColor;
 
 	.tabulator-menu-item{
-		&:not(.tabulator-menu-item-disabled):hover{
-			background: $headerBackgroundColor;
+		@media (hover:hover) and (pointer:fine){
+			&:not(.tabulator-menu-item-disabled):hover{
+				background: $headerBackgroundColor;
+			}
 		}
 	}
 }
@@ -541,8 +564,10 @@ $footerActiveColor:#d00 !default; //footer bottom active text color
 			}
 		}
 
-		&:hover{
-			color:$backgroundColor;
+		@media (hover:hover) and (pointer:fine){
+			&:hover{
+				color:$backgroundColor;
+			}
 		}
 	}
 

package/src/scss/themes/tabulator_midnight.scss

@@ -113,9 +113,11 @@ $footerActiveColor:#fff !default; //footer bottom active text color
 
 		color:#333;
 
-		&:hover{
-			cursor:pointer;
-			background-color:rgba(0,0,0,.1);
+		@media (hover:hover) and (pointer:fine){
+			&:hover{
+				cursor:pointer;
+				background-color:rgba(0,0,0,.1);
+			}
 		}
 
 		span{
@@ -143,9 +145,11 @@ $footerActiveColor:#fff !default; //footer bottom active text color
 			outline:1px solid $rowAltBackgroundColor;
 		}
 
-		&:hover{
-			color:$editBoxColor;
-			background:$rowBackgroundColor;
+		@media (hover:hover) and (pointer:fine){
+			&:hover{
+				color:$editBoxColor;
+				background:$rowBackgroundColor;
+			}
 		}
 	}
 }