File tree Expand file tree Collapse file tree 3 files changed +4
-32
lines changed
components/ParserOpenRPC/InteractiveBox Expand file tree Collapse file tree 3 files changed +4
-32
lines changed Original file line number Diff line number Diff line change 285285 background-color : var (--general-gray-dark );
286286 }
287287}
288- /* Enhanced focus styles for better accessibility */
289- .formControl :focus-visible {
290- outline : 2px solid var (--focus-outline-color-light );
291- outline-offset : 1px ;
292- border-color : var (--focus-outline-color-light );
288+ .formControl :focus {
289+ outline : none ;
293290}
294291.formControl [type = ' number' ] {
295292 border-color : transparent ;
385382 background : none ;
386383 padding : 0 ;
387384 border : 0 ;
385+ outline : none ;
388386 color : var (--general-gray-mid );
389387 font-size : inherit ;
390388 line-height : 1 ;
391389 cursor : pointer ;
392-
393- /* Enhanced focus styles for interactive buttons */
394- & :focus-visible {
395- outline : 2px solid var (--focus-outline-color-light );
396- outline-offset : 2px ;
397- }
398390}
399391.addItemIcon {
400392 display : inline-flex ;
Original file line number Diff line number Diff line change @@ -25,14 +25,7 @@ select {
2525 border-color calc (var (--motion ) * var (--motion-speed ) * 0.5 ) $gentle-ease ;
2626
2727 & :focus {
28- border-color : var (--focus-outline-color-light );
29- }
30-
31- /* Enhanced focus visibility for form controls */
32- & :focus-visible {
33- border-color : var (--focus-outline-color-light );
34- outline : 2px solid var (--focus-outline-color-light );
35- outline-offset : 1px ;
28+ border-color : var (--general-dark );
3629 }
3730}
3831
Original file line number Diff line number Diff line change 6969 transition : border var (--ifm-transition-fast ) ease ;
7070
7171 background-color : transparent ;
72-
73- /* Enhanced focus styles for interactive box inputs */
74- & :focus-visible {
75- outline : 2px solid var (--focus-outline-color-light );
76- outline-offset : 1px ;
77- border-color : var (--focus-outline-color-light );
78- }
7972 }
8073
8174 & #method select ,
9487 appearance : auto ;
9588 width : 1.6rem ;
9689 height : 1.6rem ;
97-
98- /* Enhanced focus styles for checkboxes */
99- & :focus-visible {
100- outline : 2px solid var (--focus-outline-color-light );
101- outline-offset : 2px ;
102- }
10390 }
10491
10592 & #interactive-box .form-group {
You can’t perform that action at this time.
0 commit comments