Fix 7142 search outline in chrome like browsers (#7317)

* fix 7142 search outline in chrome like browsers

* use moz-focusring only for FF, outline-initial for Chrome

* moz-focusring remove outline-offset

* remove box-sizing from base, because it's part of reset

* remove redundant box-sizing since it is part of reset

* fix distance between search input and first button to the right
This commit is contained in:
Mario Pietsch
2024-08-25 11:37:29 +01:00
committed by GitHub
parent 6264aa22d0
commit bcae5cc2ef
3 changed files with 12 additions and 5 deletions
+10 -4
View File
@@ -71,10 +71,16 @@ $else$
{{$:/themes/tiddlywiki/vanilla/reset}}
*, input[type="search"] {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
input[type="search"] {
outline-offset: initial;
}
button, textarea, input, select {
outline-color: <<colour primary>>;
}
:-moz-focusring {
outline: 2px solid <<colour primary>>;
}
/*