diff --git a/client/sites/components/sites-dataviews/dataview-style.scss b/client/sites/components/sites-dataviews/dataview-style.scss index d2aa43962c29b..e2361678f8d42 100644 --- a/client/sites/components/sites-dataviews/dataview-style.scss +++ b/client/sites/components/sites-dataviews/dataview-style.scss @@ -3,11 +3,6 @@ @import "@wordpress/dataviews/build-style/style.css"; .sites-dataviews { - .dataviews-wrapper { - // Maybe move upstream to the gutenberg repository - width: 100%; - } - .dataviews-view-list { // DataView overrides: Ideally instead of reusing the site name full field // We should be setting a media field and a primary field. @@ -20,113 +15,24 @@ } } - table.dataviews-view-table thead .dataviews-view-table__row th { - border-bottom-color: var(--color-border-secondary); - - span, - .dataviews-view-table-header-button { - color: inherit; - } - } - - table.dataviews-view-table .dataviews-view-table__row td { - border-bottom-color: var(--color-border-secondary); - } - - thead tr.dataviews-view-table__row:hover { - background: var(--studio-white); - } - tr.dataviews-view-table__row { - background: var(--studio-white); - - .components-checkbox-control__input { - opacity: 0; - } - .components-checkbox-control__input:checked, - .components-checkbox-control__input:indeterminate { - opacity: 1; - } - - .dataviews-view-table-selection-checkbox { - padding-left: 12px; - &.is-selected { - .components-checkbox-control__input { - opacity: 1; - } - } - } - - &:hover { - background-color: #f7faff; - .site-set-favorite__favorite-icon, - .components-checkbox-control__input { - opacity: 1; - } - } - th { - border-bottom: 1px solid var(--color-neutral-5); - font-size: rem(13px); - font-weight: 400; vertical-align: middle; } - td { - border-bottom: 1px solid var(--color-neutral-5); vertical-align: middle; - - &:has(.sites-dataviews__site) { - width: 20%; - } - } - - .dataviews-view-table__cell-content-wrapper { - font-size: rem(13px); - } - - .dataviews-view-table__checkbox-column, - .components-checkbox-control__input { - label.components-checkbox-control__label { - display: none; - } - &[type="checkbox"] { - border-color: var(--color-neutral-5); - } - } - - .site-sort__clickable { - cursor: pointer; } } ul.dataviews-view-list { + // TODO: Remove when theming APIs are implemented. pbxlJb-6A9-p2#comment-4011 li:hover { background: var(--color-neutral-0); } + // TODO: Remove when theming APIs are implemented. pbxlJb-6A9-p2#comment-4011 .is-selected { background-color: var(--color-neutral-0); } - - // Needs to be moved upstream to the gutenberg repository. - .dataviews-view-list__item { - box-sizing: border-box; - } - } - - thead .dataviews-view-table__row th { - span, - button { - font-size: rem(11px); - font-weight: 500; - line-height: 20px; - color: var(--color-accent-80); - text-transform: uppercase; - } - - .dataviews-view-table-header-button { - color: inherit; - } } }