add focus style for checkmarks + Add/Share modals elements #1506

cryptpad · Jun 6, 2024 · 8ab32b7 · 8ab32b7
1 parent 2fd5869
commit 8ab32b7
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 4 deletions.
diff --git a/customize.dist/src/less2/include/alertify.less b/customize.dist/src/less2/include/alertify.less
@@ -198,6 +198,12 @@
                         text-decoration: none;
                     }
                 }
+                .cp-usergrid-user, textarea  {
+                    outline: none;
+                    &:focus {
+                        outline: @cryptpad_color_brand solid 2px;
+                    }
+                }
             }
             .cp-alertify-type-container {
                 overflow: visible !important;
@@ -237,6 +243,10 @@
                                 }
                             }
                         }
+                        outline: none;
+                        &:focus {
+                            outline: @cryptpad_color_brand solid 2px;
+                        }
                     }
                     span.alertify-tabs-active {
                         background-color: @cp_alertify-fg !important;

diff --git a/customize.dist/src/less2/include/checkmark.less b/customize.dist/src/less2/include/checkmark.less
@@ -128,9 +128,9 @@
                 position: absolute;
                 box-sizing: border-box;
             }
+            outline: none;
             &:focus {
-                box-shadow: 0px 0px 5px @cp_checkmark-back1;
-                outline: none;
+                outline: @cryptpad_color_brand solid 2px;
             }
         }
 
@@ -216,9 +216,9 @@
                 height: @checkmark-dim1;
                 height: var(--checkmark-dim1);
             }
+            outline: none;
             &:focus {
-                box-shadow: 0px 0px 5px @cp_checkmark-back1;
-                outline: none;
+                outline: @cryptpad_color_brand solid 2px;
             }
         }