Skip to content

Commit 7398659

Browse files
t-hamanojameskosterjasmussencarolinan
authored andcommitted
DataViews: Restore preview focus outline in grid layout (#62991)
Co-authored-by: t-hamano <wildworks@git.wordpress.org> Co-authored-by: jameskoster <jameskoster@git.wordpress.org> Co-authored-by: jasmussen <joen@git.wordpress.org> Co-authored-by: carolinan <poena@git.wordpress.org>
1 parent 35de0f6 commit 7398659

File tree

4 files changed

+3
-16
lines changed

4 files changed

+3
-16
lines changed

packages/dataviews/src/style.scss

-1
Original file line numberDiff line numberDiff line change
@@ -342,7 +342,6 @@
342342
aspect-ratio: 1/1;
343343
background-color: $gray-100;
344344
border-radius: $grid-unit-05;
345-
overflow: hidden;
346345
position: relative;
347346

348347
img {

packages/edit-site/src/components/page-pages/style.scss

+1-1
Original file line numberDiff line numberDiff line change
@@ -43,7 +43,7 @@
4343
overflow: hidden;
4444
height: 100%;
4545
width: 100%;
46-
border-radius: 3px 3px 0 0;
46+
border-radius: $grid-unit-05;
4747

4848
&:focus-visible {
4949
box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);

packages/edit-site/src/components/page-patterns/style.scss

+1-8
Original file line numberDiff line numberDiff line change
@@ -35,13 +35,6 @@
3535
display: flex;
3636
flex-direction: column;
3737
height: 100%;
38-
border-radius: 3px 3px 0 0;
39-
40-
&.is-viewtype-grid {
41-
.block-editor-block-preview__container {
42-
border-radius: 3px 3px 0 0;
43-
}
44-
}
4538

4639
&.is-viewtype-table {
4740
width: 96px;
@@ -62,7 +55,7 @@
6255
cursor: pointer;
6356
overflow: hidden;
6457
height: 100%;
65-
border-radius: 3px 3px 0 0;
58+
border-radius: $grid-unit-05;
6659

6760
&:focus-visible {
6861
box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);

packages/edit-site/src/components/page-templates/style.scss

+1-6
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,6 @@
22
display: flex;
33
flex-direction: column;
44
height: 100%;
5-
border-radius: 3px 3px 0 0;
65

76
.page-templates-preview-field__button {
87
box-shadow: none;
@@ -13,7 +12,7 @@
1312
cursor: pointer;
1413
overflow: hidden;
1514
height: 100%;
16-
border-radius: 3px;
15+
border-radius: $grid-unit-05;
1716

1817
&:focus-visible {
1918
box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
@@ -32,10 +31,6 @@
3231
.block-editor-block-preview__container {
3332
height: 100%;
3433
}
35-
36-
.page-templates-preview-field__button {
37-
border-radius: 3px 3px 0 0;
38-
}
3934
}
4035

4136
&.is-viewtype-table {

0 commit comments

Comments
 (0)