From 00d73bbcf721fccee492d889c06e1b15949dc0db Mon Sep 17 00:00:00 2001 From: karthick-murugan Date: Thu, 12 Dec 2024 16:06:04 +0530 Subject: [PATCH] Add checkbox to site-editor pages by default --- packages/dataviews/src/dataviews-layouts/grid/style.scss | 4 +--- packages/dataviews/src/dataviews-layouts/table/style.scss | 8 +++----- 2 files changed, 4 insertions(+), 8 deletions(-) diff --git a/packages/dataviews/src/dataviews-layouts/grid/style.scss b/packages/dataviews/src/dataviews-layouts/grid/style.scss index 51db297b4025b..cde2f757b9271 100644 --- 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 index 5a713dd428c12..8554149a5d4bc 100644 --- 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; }