Simplify text displayed in notificationBar and remove css which modified it

src/_locales/en/messages.json

@@ -558,10 +558,7 @@
     "message": "Should Bitwarden remember this password for you?"
   },
   "notificationAddSave": {
-    "message": "Yes, Save Now"
+    "message": "Save"
-  },
-  "notificationNeverSave": {
-    "message": "Never for this website"
   },
   "disableChangedPasswordNotification": {
     "message": "Disable Changed Password Notification"
@@ -573,7 +570,7 @@
     "message": "Do you want to update this password in Bitwarden?"
   },
   "notificationChangeSave": {
-    "message": "Yes, Update Now"
+    "message": "Update"
   },
   "disableContextMenuItem": {
     "message": "Disable Context Menu Options"

src/notification/bar.html

@@ -24,15 +24,15 @@
         <div class="inner-wrapper" id="template-add">
             <div class="add-text"></div>
             <div class="add-buttons">
-                <button type="button" class="never-save link " short-text="" full-text=""></button>
+                <button type="button" class="never-save link"></button>
                 <select class="select-folder" isVaultLocked="false"></select>
-                <button type="button" class="add-save" short-text="" full-text=""></button>
+                <button type="button" class="add-save"></button>
             </div>
         </div>
         <div class="inner-wrapper" id="template-change">
             <div class="change-text"></div>
             <div class="change-buttons">
-                <button type="button" class="change-save" short-text="" full-text=""></button>
+                <button type="button" class="change-save"></button>
             </div>
         </div>
     </div>

src/notification/bar.js

@@ -6,11 +6,9 @@ document.addEventListener('DOMContentLoaded', () => {
 
     i18n.appName = chrome.i18n.getMessage('appName');
     i18n.close = chrome.i18n.getMessage('close');
-    i18n.yes = chrome.i18n.getMessage('yes');
     i18n.never = chrome.i18n.getMessage('never');
     i18n.folder = chrome.i18n.getMessage('folder');
     i18n.notificationAddSave = chrome.i18n.getMessage('notificationAddSave');
-    i18n.notificationNeverSave = chrome.i18n.getMessage('notificationNeverSave');
     i18n.notificationAddDesc = chrome.i18n.getMessage('notificationAddDesc');
     i18n.notificationChangeSave = chrome.i18n.getMessage('notificationChangeSave');
     i18n.notificationChangeDesc = chrome.i18n.getMessage('notificationChangeDesc');
@@ -28,20 +26,17 @@ document.addEventListener('DOMContentLoaded', () => {
         document.getElementById('logo-link').title = i18n.appName;
 
         var neverButton = document.querySelector('#template-add .never-save');
-        neverButton.setAttribute('short-text', i18n.never);
+        neverButton.textContent = i18n.never;
-        neverButton.setAttribute('full-text', i18n.notificationNeverSave);
 
         var selectFolder = document.querySelector('#template-add .select-folder');
         selectFolder.setAttribute('aria-label', i18n.folder);
         selectFolder.setAttribute('isVaultLocked', isVaultLocked.toString());
 
         var addButton = document.querySelector('#template-add .add-save');
-        addButton.setAttribute('short-text', i18n.yes);
+        addButton.textContent = i18n.notificationAddSave;
-        addButton.setAttribute('full-text', i18n.notificationAddSave);
 
         var changeButton = document.querySelector('#template-change .change-save');
-        changeButton.setAttribute('short-text', i18n.yes);
+        changeButton.textContent = i18n.notificationChangeSave;
-        changeButton.setAttribute('full-text', i18n.notificationChangeSave);
 
         var closeIcon = document.getElementById('close');
         closeIcon.src = chrome.runtime.getURL('images/close.png');

src/notification/bar.scss

@@ -80,33 +80,7 @@ button.neutral {
     display: none
 }
 
-@media screen and (min-width: 768px) {
-    .never-save::after {
-        content: attr(full-text);
-    }
-
-    .add-save::after {
-        content: attr(full-text);
-    }
-
-    .change-save::after {
-        content: attr(full-text);
-    }
-}
-
 @media screen and (max-width: 768px) {
-    .never-save::after {
-        content: attr(short-text);
-    }
-
-    .add-save::after {
-        content: attr(short-text);
-    }
-
-    .change-save::after {
-        content: attr(short-text);
-    }
-
     .select-folder {
         display: none
     }