Add checkbox to site-editor pages by default

karthick-murugan · Dec 12, 2024 · 00d73bb · 00d73bb
1 parent 619fed3
commit 00d73bb
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 8 deletions.
diff --git a/packages/dataviews/src/dataviews-layouts/grid/style.scss b/packages/dataviews/src/dataviews-layouts/grid/style.scss
@@ -152,13 +152,11 @@
 
 .dataviews-view-grid__card .dataviews-selection-checkbox {
 	position: absolute;
-	top: -9999em;
+	top: $grid-unit-10;
 	left: $grid-unit-10;
 	z-index: z-index(".dataviews-view-grid__card .dataviews-selection-checkbox");
 }
 
-.dataviews-view-grid__card:hover .dataviews-selection-checkbox,
-.dataviews-view-grid__card:focus-within .dataviews-selection-checkbox,
 .dataviews-view-grid__card.is-selected .dataviews-selection-checkbox {
 	top: $grid-unit-10;
 }

diff --git a/packages/dataviews/src/dataviews-layouts/table/style.scss b/packages/dataviews/src/dataviews-layouts/table/style.scss
@@ -57,7 +57,7 @@
 		}
 
 		.components-checkbox-control__input.components-checkbox-control__input {
-			opacity: 0;
+			opacity: 1;
 
 			&:checked,
 			&:indeterminate,
@@ -67,21 +67,19 @@
 		}
 
 		.dataviews-item-actions .components-button:not(.dataviews-all-actions-button) {
-			opacity: 0;
+			opacity: 1;
 		}
 
 		&:focus-within,
 		&.is-hovered,
 		&:hover {
-			.components-checkbox-control__input,
 			.dataviews-item-actions .components-button:not(.dataviews-all-actions-button) {
 				opacity: 1;
 			}
 		}
 
 		@media (hover: none) {
-			// Show checkboxes and quick-actions on devices that do not support hover.
-			.components-checkbox-control__input.components-checkbox-control__input,
+			// Show quick-actions on devices that do not support hover.
 			.dataviews-item-actions .components-button:not(.dataviews-all-actions-button) {
 				opacity: 1;
 			}