feat: Update fido2 header title and icon

cozy · Oct 23, 2024 · 22ce84d · 22ce84d
1 parent 9bb5f71
commit 22ce84d
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 2 deletions.
diff --git a/apps/browser/src/autofill/popup/fido2/fido2-v1.component.html b/apps/browser/src/autofill/popup/fido2/fido2-v1.component.html
@@ -4,12 +4,19 @@
       <div class="left">
         <ng-container *ngIf="data.message.type != BrowserFido2MessageTypes.PickCredentialRequest">
           <div class="logo">
+            <!-- Cozy customization; replace icon
             <i class="bwi bwi-shield"></i>
+            -->
+            <i class="icon-cozy icon-cozy-2x icon-cloud" aria-hidden="true"></i>
           </div>
         </ng-container>
         <ng-container *ngIf="data.message.type === BrowserFido2MessageTypes.PickCredentialRequest">
           <div class="logo">
+            <!-- Cozy customization; replace icon
             <i class="bwi bwi-shield"></i><span><strong>bit</strong>warden</span>
+            -->
+            <i class="icon-cozy icon-cozy-2x icon-cloud" aria-hidden="true"></i
+            ><span>Cozy Cloud</span>
           </div>
         </ng-container>
       </div>

diff --git a/apps/browser/src/popup/scss/misc.scss b/apps/browser/src/popup/scss/misc.scss
@@ -289,6 +289,11 @@ app-vault-icon,
   background-position: center;
 }
 
+.icon-cozy-2x {
+  width: 32px;
+  height: 32px;
+}
+
 .view-icon .icon-cozy {
   width: 24px;
   height: 24px;

diff --git a/apps/browser/src/popup/scss/pages.scss b/apps/browser/src/popup/scss/pages.scss
@@ -352,10 +352,11 @@ app-fido2-v1 {
             }
           }
 
+          // Cozy customization; update fido2 header style
           span {
-            font-size: 45px;
+            font-size: 24px;
             font-weight: 300;
-            margin-top: -3px;
+            margin-left: 5px;
             @include themify($themes) {
               color: themed("primaryColor");
             }