style: enhance focus styles and adjust Toastify container padding

kyrers · kyrers · commit f638cb801769 · 2025-10-30T16:36:53.000Z
diff --git a/web/src/global.css b/web/src/global.css
@@ -53,10 +53,15 @@ html {
   box-sizing: inherit;
 }
 
-*:focus {
+:focus:not(:focus-visible) {
   outline: none;
 }
 
+:focus-visible {
+  outline: 2px solid var(--klerosUIComponentsPrimaryBlue);
+  outline-offset: 2px;
+}
+
 h1 {
   margin: 0 0 16px 0;
   font-weight: 600;
@@ -138,9 +143,9 @@ ul {
   --os-handle-bg-active: var(--color-lavender-purple);
 }
 
-[class*="Toastify__toast-container"] {
+.Toastify__toast-container.Toastify__toast-container {
   top: unset;
-  padding-top: 20px !important;
+  padding-top: 20px;
 }
 
 /* Custom Scrollbar */

Original file line number	Diff line number	Diff line change
`@@ -53,10 +53,15 @@ html {`
`53`	`53`	`box-sizing: inherit;`
`54`	`54`	`}`
`55`	`55`
`56`		`-*:focus {`
	`56`	`+:focus:not(:focus-visible) {`
`57`	`57`	`outline: none;`
`58`	`58`	`}`
`59`	`59`
	`60`	`+:focus-visible {`
	`61`	`+ outline: 2px solid var(--klerosUIComponentsPrimaryBlue);`
	`62`	`+ outline-offset: 2px;`
	`63`	`+}`
	`64`	`+`
`60`	`65`	`h1 {`
`61`	`66`	`margin: 0 0 16px 0;`
`62`	`67`	`font-weight: 600;`
`@@ -138,9 +143,9 @@ ul {`
`138`	`143`	`--os-handle-bg-active: var(--color-lavender-purple);`
`139`	`144`	`}`
`140`	`145`
`141`		`-[class*="Toastify__toast-container"] {`
	`146`	`+.Toastify__toast-container.Toastify__toast-container {`
`142`	`147`	`top: unset;`
`143`		`- padding-top: 20px !important;`
	`148`	`+ padding-top: 20px;`
`144`	`149`	`}`
`145`	`150`
`146`	`151`	`/* Custom Scrollbar */`