Upstream/bitwarden-browser
1
0
Fork 0
mirror of https://github.com/bitwarden/browser.git synced 2024-11-03 08:49:50 +01:00
Code Issues Projects Releases Wiki Activity

Tweak styles to accommodate for buttons

Browse Source
This commit is contained in:
Patrick H. Lauke 2021-09-18 17:32:02 +01:00
parent fdb3e25d98
commit 8ce5cbe943
4 changed files with 22 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/notification/bar.html
View File

@ -15,7 +15,7 @@
</td> </td>
<td id="content"></td> <td id="content"></td>
<td align="right" width="15"> <td align="right" width="15">
<button type="button" id="close-button"> <button type="button" class="neutral" id="close-button">
<img id="close" alt="X" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeBAMAAADJHrORAAAAAXNSR0IB2cksfwAAAAlwSFlzAAAWJQAAFiUBSVIk8AAAABJQTFRFAAAAMzMzMzMzMzMzMzMzMzMzbxxq5QAAAAZ0Uk5TAECg/2CfwOuXQgAAAJVJREFUeJxVkdEJwzAMRNXgAQpZINAu0Fz7b3AHyP7T1MrppNQfMuI9sE42s7vp3Lws7+zHMcsDPdqGz8SAhAEctgIhNDhiDYyNVw+8p5ZYgrCExBS+iSmgMIXCEhJTKMy+Yobf//BF0Hv9gp8lcPKRAifPPSiYBAULoXJTWHNyJy/f917vbv4fCtZOslSwcZLKMf/zB2MLKtNp5GuwAAAAAElFTkSuQmCC" /> <img id="close" alt="X" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeBAMAAADJHrORAAAAAXNSR0IB2cksfwAAAAlwSFlzAAAWJQAAFiUBSVIk8AAAABJQTFRFAAAAMzMzMzMzMzMzMzMzMzMzbxxq5QAAAAZ0Uk5TAECg/2CfwOuXQgAAAJVJREFUeJxVkdEJwzAMRNXgAQpZINAu0Fz7b3AHyP7T1MrppNQfMuI9sE42s7vp3Lws7+zHMcsDPdqGz8SAhAEctgIhNDhiDYyNVw+8p5ZYgrCExBS+iSmgMIXCEhJTKMy+Yobf//BF0Hv9gp8lcPKRAifPPSiYBAULoXJTWHNyJy/f917vbv4fCtZOslSwcZLKMf/zB2MLKtNp5GuwAAAAAElFTkSuQmCC" />
</button> </button>
</td> </td>

14
src/notification/bar.scss
View File

@ -55,31 +55,33 @@ img {
margin-right: 10px; margin-right: 10px;
} }
button:not(.link) { button:not(.link),
button:not(.neutral) {
background-color: #175DDC; background-color: #175DDC;
padding: 5px 15px; padding: 5px 15px;
border-radius: 3px; border-radius: 3px;
color: #ffffff; color: #ffffff;
border: 0; border: 0;
}
button:not(.link):hover { &:hover {
cursor: pointer; cursor: pointer;
background-color: #1751bd; background-color: #1751bd;
} }
}
button.link { button.link,
button.neutral {
background: none; background: none;
padding: 5px 15px; padding: 5px 15px;
color: #175DDC; color: #175DDC;
border: 0; border: 0;
}
button.link:hover { &:hover {
cursor: pointer; cursor: pointer;
background: none; background: none;
text-decoration: underline; text-decoration: underline;
} }
}
body[class*='lang-en'] .add-buttons { body[class*='lang-en'] .add-buttons {
width: 175px; width: 175px;

10
src/popup/scss/box.scss
View File

@ -300,7 +300,8 @@
margin-top: 5px; margin-top: 5px;
} }
> a { > a,
> button {
padding: 8px 8px 8px 4px; padding: 8px 8px 8px 4px;
margin: 0; margin: 0;
@ -315,6 +316,12 @@
padding-left: 10px; padding-left: 10px;
} }
&.box-content-row-newmulti {
@include themify($themes) {
color: themed('primaryColor');
}
}
&.box-content-row-checkbox, &.box-content-row-input, &.box-content-row-slider { &.box-content-row-checkbox, &.box-content-row-input, &.box-content-row-slider {
label, .row-label { label, .row-label {
font-size: $font-size-base; font-size: $font-size-base;
@ -511,7 +518,6 @@
justify-content: center; justify-content: center;
align-items: center; align-items: center;
min-width: 34px; min-width: 34px;
height: 100%;
margin-left: -5px; margin-left: -5px;
@include themify($themes) { @include themify($themes) {

7
src/popup/scss/buttons.scss
View File

@ -69,7 +69,8 @@
width: 100%; width: 100%;
} }
&.link { &.link,
&.neutral {
border: none !important; border: none !important;
background: none !important; background: none !important;
@ -90,9 +91,11 @@
button.box-content-row { button.box-content-row {
display: block; display: block;
width: 100%; width: 100%;
background: none; text-align: left;
} }
button { button {
border: none; border: none;
background: transparent;
color: inherit;
} }