bitwarden/browser
1
0
Fork 0
mirror of https://github.com/bitwarden/browser synced 2025-12-16 08:13:42 +00:00
Code Issues Releases Wiki Activity

feedback updates

Browse Source 
more universal variable, adjusted box padding (per Kyle), and aligned footer text
This commit is contained in:
DanHillesheim
2022-10-27 14:59:19 -06:00
parent 3a3b66779b
commit 31bf01f1f0
3 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
apps/browser/src/popup/scss/box.scss
View File

@@ -3,7 +3,6 @@
.box { .box {
position: relative; position: relative;
width: 100%; width: 100%;
margin: 10px 0 20px 0;
&.first { &.first {
margin-top: 0; margin-top: 0;
@@ -21,7 +20,7 @@
.box-header-expandable { .box-header-expandable {
padding: 10px; padding: 10px;
margin: 10px; margin: 0 10px;
text-transform: uppercase; text-transform: uppercase;
display: flex; display: flex;
width: calc(100% - 20px); width: calc(100% - 20px);
@@ -80,7 +79,8 @@
} }
.box-footer { .box-footer {
margin: 5px 10px; margin: 0 10px 10px 10px;
padding: 0 15px;
font-size: $font-size-small; font-size: $font-size-small;
@include themify($themes) { @include themify($themes) {
@@ -89,6 +89,7 @@
} }
&.list { &.list {
margin: 10px 0 20px 0;
.box-content { .box-content {
.box-content-row { .box-content-row {
padding: 10px; padding: 10px;
@@ -193,7 +194,6 @@
.box-section-divider { .box-section-divider {
border-top: 1px solid #000000; border-top: 1px solid #000000;
padding-top: 10px;
@include themify($themes) { @include themify($themes) {
border-color: themed("borderColor"); border-color: themed("borderColor");

2
apps/browser/src/popup/scss/pages.scss
View File

@@ -32,7 +32,7 @@ app-generator .generated-block {
@include themify($themes) { @include themify($themes) {
background-color: themed("backgroundColor"); background-color: themed("backgroundColor");
border-color: themed("genBorderColor"); border-color: themed("borderColorAlt");
} }
} }

8
apps/browser/src/popup/scss/variables.scss
View File

@@ -67,7 +67,7 @@ $themes: (
hoverColorTransparent: rgba($text-color, 0.15), hoverColorTransparent: rgba($text-color, 0.15),
borderColor: $border-color-dark, borderColor: $border-color-dark,
backgroundColor: $background-color, backgroundColor: $background-color,
genBorderColor: $border-color-alt, borderColorAlt: $border-color-alt,
backgroundColorAlt: #ffffff, backgroundColorAlt: #ffffff,
scrollbarColor: rgba(100, 100, 100, 0.2), scrollbarColor: rgba(100, 100, 100, 0.2),
scrollbarHoverColor: rgba(100, 100, 100, 0.4), scrollbarHoverColor: rgba(100, 100, 100, 0.4),
@@ -122,7 +122,7 @@ $themes: (
hoverColorTransparent: rgba($text-color, 0.15), hoverColorTransparent: rgba($text-color, 0.15),
borderColor: #161c26, borderColor: #161c26,
backgroundColor: #161c26, backgroundColor: #161c26,
genBorderColor: #4c525f, borderColorAlt: #4c525f,
backgroundColorAlt: #2f343d, backgroundColorAlt: #2f343d,
scrollbarColor: #6e788a, scrollbarColor: #6e788a,
scrollbarHoverColor: #8d94a5, scrollbarHoverColor: #8d94a5,
@@ -177,7 +177,7 @@ $themes: (
hoverColorTransparent: rgba($text-color, 0.15), hoverColorTransparent: rgba($text-color, 0.15),
borderColor: $nord0, borderColor: $nord0,
backgroundColor: $nord1, backgroundColor: $nord1,
genBorderColor: $nord3, borderColorAlt: $nord3,
backgroundColorAlt: $nord2, backgroundColorAlt: $nord2,
scrollbarColor: $nord4, scrollbarColor: $nord4,
scrollbarHoverColor: $nord6, scrollbarHoverColor: $nord6,
@@ -232,7 +232,7 @@ $themes: (
hoverColorTransparent: rgba($text-color, 0.15), hoverColorTransparent: rgba($text-color, 0.15),
borderColor: $solarizedDarkBase03, borderColor: $solarizedDarkBase03,
backgroundColor: $solarizedDarkBase03, backgroundColor: $solarizedDarkBase03,
genBorderColor: $solarizedDarkBase01, borderColorAlt: $solarizedDarkBase01,
backgroundColorAlt: $solarizedDarkBase02, backgroundColorAlt: $solarizedDarkBase02,
scrollbarColor: $solarizedDarkBase0, scrollbarColor: $solarizedDarkBase0,
scrollbarHoverColor: $solarizedDarkBase2, scrollbarHoverColor: $solarizedDarkBase2,