Upstream/bitwarden-browser
1
0
Fork 0
mirror of https://github.com/bitwarden/browser.git synced 2025-03-20 14:59:32 +01:00
Code Issues Projects Releases Wiki Activity

[PS-124] Update so the image for the clear search button is visible in all themes ()

Browse Source 
* Update so the image for the clear search button is visible in all themes

* Whitespace updates

* changes from master

* Revert "changes from master"

This reverts commit 33ccee3d9181b9442000a22dfc17d1422a4948d9.

* fixing linting issue with header.scss
This commit is contained in:
CarleyDiaz-Bitwarden 2022-05-16 17:09:54 -04:00 committed by GitHub
parent 076b0cbf1f
commit f66129e076
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 16 additions and 4 deletions
apps/desktop/src
images
close-button-white.svg
scss
header.scss

1
apps/desktop/src/images/close-button-white.svg Normal file
View File

@ -0,0 +1 @@
<svg viewBox="0 0 512 512" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 512 512"><path d="M443.6 387.1 312.4 255.4l131.5-130c5.4-5.4 5.4-14.2 0-19.6l-37.4-37.6c-2.6-2.6-6.1-4-9.8-4-3.7 0-7.2 1.5-9.8 4L256 197.8 124.9 68.3c-2.6-2.6-6.1-4-9.8-4-3.7 0-7.2 1.5-9.8 4L68 105.9c-5.4 5.4-5.4 14.2 0 19.6l131.5 130L68.4 387.1c-2.6 2.6-4.1 6.1-4.1 9.8 0 3.7 1.4 7.2 4.1 9.8l37.4 37.6c2.7 2.7 6.2 4.1 9.8 4.1 3.5 0 7.1-1.3 9.8-4.1L256 313.1l130.7 131.1c2.7 2.7 6.2 4.1 9.8 4.1 3.5 0 7.1-1.3 9.8-4.1l37.4-37.6c2.6-2.6 4.1-6.1 4.1-9.8-.1-3.6-1.6-7.1-4.2-9.7z" fill="#ffffff" class="fill-000000"></path></svg>
Side by Side

After

(image error) Size: 634 B

19
apps/desktop/src/scss/header.scss
View File

@ -12,11 +12,22 @@
@include themify($themes) {
background-color: themed("headerBackgroundColor");
border-bottom-color: themed("headerBorderColor");
}
app-search {
grid-column-start: 2;
width: 100%;
app-search {
grid-column-start: 2;
width: 100%;
[type="search"]::-webkit-search-cancel-button {
-webkit-appearance: none;
appearance: none;
height: 15px;
width: 15px;
background-repeat: no-repeat;
mask-image: url("../images/close-button-white.svg");
-webkit-mask-image: url("../images/close-button-white.svg");
background-color: themed("headerInputColor");
}
}
}
app-account-switcher {