Remove focus rings (#16)

studio1902 · Mar 1, 2024 · d289f35 · d289f35
1 parent 32288cd
commit d289f35
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/resources/views/components/_toolbar.antlers.html b/resources/views/components/_toolbar.antlers.html
@@ -19,15 +19,15 @@
             </span>
 
             {{ if logged_in }}
-                <a href="{{ edit_url }}" title="Edit entry in CP" aria-label="Edit entry in CP" target="_blank" class="flex items-center p-2 space-x-1 text-gray-800 bg-gray-200 hover:bg-gray-300 focus:outline-none focus-visible:ring ring-primary">
+                <a href="{{ edit_url }}" title="Edit entry in CP" aria-label="Edit entry in CP" target="_blank" class="flex items-center p-2 space-x-1 text-gray-800 bg-gray-200 hover:bg-gray-300">
                     {{ svg:edit class="w-4 h-4 fill-current" alt="" aria-hidden="true" }}
                     <span>Edit</span>
                 </a>
             {{ /if }}
 
             <button
                 @click="toolbarVisible = !toolbarVisible"
-                title="Toggle toolbar visibility" aria-label="Toggle toolbar visibility" class="flex items-center justify-center px-2 bg-gray-200 hover:bg-gray-300 focus:outline-none focus-visible:ring ring-primary"
+                title="Toggle toolbar visibility" aria-label="Toggle toolbar visibility" class="flex items-center justify-center px-2 bg-gray-200 hover:bg-gray-300"
             >
                 <div x-show="!toolbarVisible">
                     {{ svg:invisible class="w-5 h-5 fill-current" alt="" aria-hidden="true" }}
@@ -39,7 +39,7 @@
 
             <button
                 @click="$refs.toolbar.remove()"
-                title="Remove toolbar" aria-label="Remove toolbar" class="flex items-center justify-center px-2 bg-gray-200 hover:bg-gray-300 focus:outline-none focus-visible:ring ring-primary"
+                title="Remove toolbar" aria-label="Remove toolbar" class="flex items-center justify-center px-2 bg-gray-200 hover:bg-gray-300"
             >
                 {{ svg:trash class="w-4 h-4 text-yellow-800 stroke-current" alt="" aria-hidden="true" }}
             </button>

diff --git a/resources/views/navigation/_skip_to_content.antlers.html b/resources/views/navigation/_skip_to_content.antlers.html
@@ -4,7 +4,7 @@
 #}}
 
 <!-- statamic-peak-tools::navigation/_skip_to_content.antlers.html -->
-<a class="fixed z-50 px-4 py-2 text-sm font-bold text-white -translate-y-24 opacity-0 top-4 left-8 bg-primary focus-visible:translate-y-0 focus-visible:opacity-100 focus:outline-none focus-visible:ring-2 ring-primary ring-offset-2 motion-safe:transition-transform" href="#content">
+<a class="fixed z-50 px-4 py-2 text-sm font-bold text-white -translate-y-24 opacity-0 top-4 left-8 bg-primary focus-visible:translate-y-0 focus-visible:opacity-100 motion-safe:transition-transform" href="#content">
     {{ trans:strings.skip_to_content }}
 </a>
 <!-- End: statamic-peak-tools::navigation/_skip_to_content.antlers.html -->