From 78386c635002efdbbf46ee0df9fd75183406ab7b Mon Sep 17 00:00:00 2001
From: Mattia Simonato <mattiasimonato.w@gmail.com>
Date: Tue, 7 May 2024 08:37:58 +0200
Subject: [PATCH] feat(SLB-272): style 'skip to main content' link inside
 iframe

---
 packages/ui/src/iframe.css | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/packages/ui/src/iframe.css b/packages/ui/src/iframe.css
index d03100f2d..8633ffd05 100644
--- a/packages/ui/src/iframe.css
+++ b/packages/ui/src/iframe.css
@@ -7,6 +7,15 @@ h1 {
   @apply hidden;
 }
 
+/* Skip to main content link on iframe  */
+.visually-hidden.focusable {
+  @apply sr-only;
+}
+
+.visually-hidden.focusable:active, .visually-hidden.focusable:focus {
+  @apply not-sr-only ml-1;
+}
+
 /* Horizontal padding to avoid focus style to be cropped by the iframe */
 .webform-submission-form {
   @apply px-1 text-gray-900;
@@ -107,7 +116,7 @@ h1 {
 
 /* terms of service field */
 .form-type-webform-terms-of-service {
-  @apply text-gray-500;
+  @apply text-gray-500 text-sm;
 }
 
 .form-type-webform-terms-of-service a {