Slightly change keyboard navigation instructions CSS so compatible with Eyal Gruss' code

WebCoder49 · WebCoder49 · commit 6b3c1b308f6e · 2025-06-20T17:39:45.000+01:00
diff --git a/code-input.css b/code-input.css
@@ -181,7 +181,7 @@ code-input .code-input_dialog-container .code-input_keyboard-navigation-instruct
   width: calc(100% - 12px);
   max-height: 3em;
 }
-[dir=rtl] code-input .code-input_dialog-container .code-input_keyboard-navigation-instructions, code-input[dir=rtl] .code-input_dialog-container .code-input_keyboard-navigation-instructions {
+code-input:has(pre[dir=rtl]) .code-input_dialog-container .code-input_keyboard-navigation-instructions {
   left: unset;
   right: 0;
 }

Original file line number	Diff line number	Diff line change
`@@ -181,7 +181,7 @@ code-input .code-input_dialog-container .code-input_keyboard-navigation-instruct`
`181`	`181`	`width: calc(100% - 12px);`
`182`	`182`	`max-height: 3em;`
`183`	`183`	`}`
`184`		`-[dir=rtl] code-input .code-input_dialog-container .code-input_keyboard-navigation-instructions, code-input[dir=rtl] .code-input_dialog-container .code-input_keyboard-navigation-instructions {`
	`184`	`+code-input:has(pre[dir=rtl]) .code-input_dialog-container .code-input_keyboard-navigation-instructions {`
`185`	`185`	`left: unset;`
`186`	`186`	`right: 0;`
`187`	`187`	`}`