Browse Source

Hide webkit scrollbar only on touch-only devices

on nontouch or hybrid devices, the scrollbar is needed to navigate filters. Fix #1285
trwnh 6 years ago
parent
commit
8541018cff
1 changed files with 6 additions and 4 deletions
  1. 6 4
      resources/assets/js/components/ComposeModal.vue

+ 6 - 4
resources/assets/js/components/ComposeModal.vue

@@ -214,9 +214,11 @@
 		color: #fff;
 		font-weight: bold;
 	}
-	.media-drawer-filters::-webkit-scrollbar {
-	    display: none;
-	}
+    @media (hover: none) and (pointer: coarse) {
+	    .media-drawer-filters::-webkit-scrollbar {
+	        display: none;
+	    }
+    }
 </style>
 <script type="text/javascript">
 export default {
@@ -489,4 +491,4 @@ export default {
 		}
 	}
 }
-</script>
+</script>