Skip to content

Commit 58b056d

Browse files
authored
fix: add missing editor outline focused state to base styles (#9840)
1 parent 5f73f86 commit 58b056d

11 files changed

+14
-1
lines changed

packages/crud/src/styles/vaadin-crud-base-styles.js

Lines changed: 14 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -68,11 +68,21 @@ export const crudStyles = css`
6868
border-end-end-radius: 0;
6969
}
7070
71+
:host([editor-position='aside'][editor-opened]) :is(#container, [part='editor']) {
72+
border-start-end-radius: inherit;
73+
border-end-end-radius: inherit;
74+
}
75+
7176
:host([editor-position='bottom'][editor-opened]) #main {
7277
border-bottom: var(--vaadin-crud-border-width, 1px) solid
7378
var(--vaadin-crud-border-color, var(--vaadin-border-color));
7479
}
7580
81+
:host([editor-position='bottom'][editor-opened]) :is(#container, [part='editor']) {
82+
border-end-start-radius: inherit;
83+
border-end-end-radius: inherit;
84+
}
85+
7686
[part='toolbar'] {
7787
align-items: baseline;
7888
background: var(--vaadin-crud-toolbar-background, transparent);
@@ -91,10 +101,13 @@ export const crudStyles = css`
91101
display: flex;
92102
flex-direction: column;
93103
height: 100%;
94-
outline: none;
95104
z-index: 1;
96105
}
97106
107+
[part='editor']:focus-visible {
108+
outline: var(--vaadin-focus-ring-width) solid var(--vaadin-focus-ring-color);
109+
}
110+
98111
:host(:not([editor-position=''])[editor-opened]:not([fullscreen])) [part='editor'] {
99112
flex: 1 0 100%;
100113
}
546 Bytes
Loading
578 Bytes
Loading
601 Bytes
Loading
347 Bytes
Loading
89 Bytes
Loading
94 Bytes
Loading
581 Bytes
Loading
383 Bytes
Loading
66 Bytes
Loading

0 commit comments

Comments
 (0)