Skip to content

Commit 34e06ff

Browse files
committed
Round heading corners and style focus outlines
Add 0.25em border-radius to h2 elements and replace outline: none with a thin, solid outline using the --cross-reference-color and offset. This preserves focus visibility and improves UI consistency.
1 parent e7fab79 commit 34e06ff

File tree

1 file changed

+6
-1
lines changed

1 file changed

+6
-1
lines changed

frontend/styles/layout.css

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -64,6 +64,7 @@ h2 {
6464
box-sizing: border-box;
6565
border-width: 1px;
6666
border-style: solid;
67+
border-radius: 0.25em;
6768
position: relative;
6869
z-index: 1;
6970
}
@@ -84,7 +85,10 @@ h2 {
8485
.search-input-group input:focus-visible,
8586
.didascalia .address.editing input:focus-visible,
8687
.didascalia .source.editing input:focus-visible {
87-
outline: none;
88+
outline-color: var(--cross-reference-color);
89+
outline-offset: -1px;
90+
outline-style: solid;
91+
outline-width: thin;
8892
}
8993

9094
.search-status {
@@ -193,6 +197,7 @@ h2 {
193197
box-sizing: border-box;
194198
border-width: 1px;
195199
border-style: solid;
200+
border-radius: 0.25em;
196201
}
197202

198203
.didascalia-handle {

0 commit comments

Comments
 (0)