bitwarden-browser/apps/browser/src/autofill/notification/bar.html

<!DOCTYPE html>
<html>
  <head>
    <title>Bitwarden</title>
    <meta charset="utf-8" />
  </head>

  <body>
    <div class="outer-wrapper">
      <div class="logo">
        <a href="https://vault.bitwarden.com" target="_blank" id="logo-link">
          <img id="logo" alt="Bitwarden" />
        </a>
      </div>
      <div id="content"></div>
      <div>
        <button type="button" class="neutral" id="close-button">
          <svg
            id="close"
            xmlns="http://www.w3.org/2000/svg"
            viewBox="0 0 512 512"
            xmlns:v="https://vecta.io/nano"
          >
            <path
              d="M497.72 429.63l-169-174.82L498.11 82.24c6.956-7.168 6.956-18.85 0-26.018L449.934 6.31C446.585 2.859 442.076 1 437.31 1s-9.275 1.991-12.624 5.31l-168.62 172.04L87.196 6.45c-3.349-3.451-7.858-5.31-12.624-5.31s-9.275 1.991-12.624 5.31L13.9 56.362c-6.956 7.168-6.956 18.85 0 26.018l169.39 172.57L14.42 429.64c-3.349 3.451-5.281 8.097-5.281 13.009s1.803 9.558 5.281 13.009l48.176 49.912c3.478 3.584 7.987 5.442 12.624 5.442 4.508 0 9.146-1.726 12.624-5.442l168.23-174.16 168.36 174.03c3.478 3.584 7.986 5.442 12.624 5.442 4.509 0 9.146-1.726 12.624-5.442l48.176-49.912c3.349-3.451 5.281-8.097 5.281-13.009a19.32 19.32 0 0 0-5.41-12.876z"
            />
          </svg>
        </button>
      </div>
    </div>
  </body>

  <template id="template-add">
    <div class="inner-wrapper">
      <div id="add-text"></div>
      <div>
        <button type="button" id="never-save" class="link"></button>
        <select id="select-folder"></select>
        <button type="button" id="add-edit" class="secondary"></button>
        <button type="button" id="add-save" class="primary"></button>
      </div>
    </div>
  </template>

  <template id="template-change">
    <div class="inner-wrapper">
      <div id="change-text"></div>
      <div>
        <button type="button" id="change-edit" class="secondary"></button>
        <button type="button" id="change-save" class="primary"></button>
      </div>
    </div>
  </template>
</html>
-												Handle displaying folder select: small screen vs. un-/locked vault

											
										
										
											2021-10-28 23:23:00 +02:00
+								<!DOCTYPE html>
-												notification bar context script/page

											
										
										
											2016-12-30 00:35:41 +01:00
+								<html>
 								  <head>
-												Add proper title to the page

											
										
										
											2021-09-18 22:28:57 +02:00
+								    <title>Bitwarden</title>
-												notification bar context script/page

											
										
										
											2016-12-30 00:35:41 +01:00
+								    <meta charset="utf-8" />
 								  </head>
-												Use Bitwarden product logo instead of company logo

											
										
										
											2021-09-30 16:17:59 +02:00
-												notification bar context script/page

											
										
										
											2016-12-30 00:35:41 +01:00
+								  <body>
-												Replace table with grid

											
										
										
											2021-09-18 22:37:53 +02:00
+								    <div class="outer-wrapper">
 								      <div class="logo">
 								        <a href="https://vault.bitwarden.com" target="_blank" id="logo-link">
-												Removed base64 encoded images and load them from path instead

											
										
										
											2021-10-08 13:28:07 +02:00
+								          <img id="logo" alt="Bitwarden" />
-												Replace table with grid

											
										
										
											2021-09-18 22:37:53 +02:00
+								        </a>
 								      </div>
 								      <div id="content"></div>
 								      <div>
-												Merge branch 'master' into patrickhlauke-a11y-patch2

											
										
										
											2021-09-28 20:44:15 +02:00
+								        <button type="button" class="neutral" id="close-button">
-												[PS-1693] feat(browser): implement theming for notification bar (#3805)

* feat(browser): implement theming for notification bar

* refactor(browser): split notification bar function

* refactor(browser): use own method for getCurrentTheme

* chore(browser): add close.svg file as an asset

this file is embedded in apps/browser/src/notification/bar.html

* feat(browser): change textContrast color on primary buttons

* feat(browser): use dedicated color variable for close button

* feat(browser): use textColor for close button

* feat(browser): implement styling for select fields

* feat(browser): improve close button styling, add hover effect
											
										
										
											2022-10-27 19:34:47 +02:00
+								          <svg
 								            id="close"
 								            xmlns="http://www.w3.org/2000/svg"
 								            viewBox="0 0 512 512"
 								            xmlns:v="https://vecta.io/nano"
 								          >
 								            <path
 								              d="M497.72 429.63l-169-174.82L498.11 82.24c6.956-7.168 6.956-18.85 0-26.018L449.934 6.31C446.585 2.859 442.076 1 437.31 1s-9.275 1.991-12.624 5.31l-168.62 172.04L87.196 6.45c-3.349-3.451-7.858-5.31-12.624-5.31s-9.275 1.991-12.624 5.31L13.9 56.362c-6.956 7.168-6.956 18.85 0 26.018l169.39 172.57L14.42 429.64c-3.349 3.451-5.281 8.097-5.281 13.009s1.803 9.558 5.281 13.009l48.176 49.912c3.478 3.584 7.987 5.442 12.624 5.442 4.508 0 9.146-1.726 12.624-5.442l168.23-174.16 168.36 174.03c3.478 3.584 7.986 5.442 12.624 5.442 4.509 0 9.146-1.726 12.624-5.442l48.176-49.912c3.349-3.451 5.281-8.097 5.281-13.009a19.32 19.32 0 0 0-5.41-12.876z"
 								            />
 								          </svg>
-												Merge branch 'master' into patrickhlauke-a11y-patch2

											
										
										
											2021-09-28 20:44:15 +02:00
+								        </button>
-												Replace table with grid

											
										
										
											2021-09-18 22:37:53 +02:00
+								      </div>
 								    </div>
-												[EC-475] Auto-save password prompt enhancements (#4808)

* [EC-1062] Convert bar.js to TS and refactor (#4623)

* [EC-476 / EC-478] Add notificationBar edit flow (#4626)

* [EC-477] Enable auto-save for users without individual vault (#4760)

* [EC-1057] Add data loss warning to notificationBar edit flow (#4761)

* [AC-1173] Fix state bugs in auto-save edit flow (#4936)

---------

Co-authored-by: Justin Baur <19896123+justindbaur@users.noreply.github.com>
											
										
										
											2023-03-08 23:12:43 +01:00
+								  </body>
 								  <template id="template-add">
 								    <div class="inner-wrapper">
 								      <div id="add-text"></div>
 								      <div>
 								        <button type="button" id="never-save" class="link"></button>
 								        <select id="select-folder"></select>
 								        <button type="button" id="add-edit" class="secondary"></button>
 								        <button type="button" id="add-save" class="primary"></button>
-												Apply Prettier (#2238)


											
										
										
											2021-12-21 15:43:35 +01:00
+								      </div>
-												[EC-475] Auto-save password prompt enhancements (#4808)

* [EC-1062] Convert bar.js to TS and refactor (#4623)

* [EC-476 / EC-478] Add notificationBar edit flow (#4626)

* [EC-477] Enable auto-save for users without individual vault (#4760)

* [EC-1057] Add data loss warning to notificationBar edit flow (#4761)

* [AC-1173] Fix state bugs in auto-save edit flow (#4936)

---------

Co-authored-by: Justin Baur <19896123+justindbaur@users.noreply.github.com>
											
										
										
											2023-03-08 23:12:43 +01:00
+								    </div>
 								  </template>
 								  <template id="template-change">
 								    <div class="inner-wrapper">
 								      <div id="change-text"></div>
 								      <div>
 								        <button type="button" id="change-edit" class="secondary"></button>
 								        <button type="button" id="change-save" class="primary"></button>
-												Apply Prettier (#2238)


											
										
										
											2021-12-21 15:43:35 +01:00
+								      </div>
-												detect login form submitted and show notification

											
										
										
											2016-12-30 08:09:54 +01:00
+								    </div>
-												[EC-475] Auto-save password prompt enhancements (#4808)

* [EC-1062] Convert bar.js to TS and refactor (#4623)

* [EC-476 / EC-478] Add notificationBar edit flow (#4626)

* [EC-477] Enable auto-save for users without individual vault (#4760)

* [EC-1057] Add data loss warning to notificationBar edit flow (#4761)

* [AC-1173] Fix state bugs in auto-save edit flow (#4936)

---------

Co-authored-by: Justin Baur <19896123+justindbaur@users.noreply.github.com>
											
										
										
											2023-03-08 23:12:43 +01:00
+								  </template>
-												notification bar context script/page

											
										
										
											2016-12-30 00:35:41 +01:00
+								</html>