wanhose/cookie-dialog-monster
wanhose/cookie-dialog-monster
2
5
Fork 0
Code Issues 304 Pull Requests Releases 18 Wiki Activity

fix(browser-extension): some broken styles in firefox

Browse Source
This commit is contained in:
wanhose 2024-10-28 12:21:38 +01:00
parent fd19ba3242
commit 9293bd84ac
2 changed files with 16 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
packages/browser-extension/src/popup.html
View File

@ -178,7 +178,7 @@
</popup-button> </popup-button>
<popup-data-container> <popup-data-container>
<popup-data> <popup-data>
<strong data-i18n="popup_databaseVersion"></strong> <b data-i18n="popup_databaseVersion"></b>
<span id="database-version"></span> <span id="database-version"></span>
<popup-data-button <popup-data-button
data-animation="flip" data-animation="flip"
@ -221,7 +221,7 @@
</popup-data-button> </popup-data-button>
</popup-data> </popup-data>
<popup-data> <popup-data>
<strong data-i18n="popup_extensionVersion"></strong> <b data-i18n="popup_extensionVersion"></b>
<span id="extension-version"></span> <span id="extension-version"></span>
</popup-data> </popup-data>
</popup-data-container> </popup-data-container>

31
packages/browser-extension/src/styles/popup.css
View File

@ -23,6 +23,7 @@ body {
body * { body * {
box-sizing: border-box; box-sizing: border-box;
font-family: Inter, Arial, Helvetica, sans-serif;
} }
button { button {
@ -89,6 +90,8 @@ header {
} }
main > .banner { main > .banner {
font-size: 14px;
line-height: 18px;
margin: 0px; margin: 0px;
padding: 16px; padding: 16px;
@ -126,6 +129,7 @@ popup-button {
cursor: pointer; cursor: pointer;
display: grid; display: grid;
font-size: 14px; font-size: 14px;
line-height: 18px;
gap: 16px; gap: 16px;
grid-template-rows: repeat(2, 1fr); grid-template-rows: repeat(2, 1fr);
height: 136px; height: 136px;
@ -167,6 +171,7 @@ popup-data:not(:first-child) {
popup-data-button { popup-data-button {
cursor: pointer; cursor: pointer;
line-height: 0;
outline: none; outline: none;
transition: 0.4s; transition: 0.4s;
} }
@ -194,13 +199,13 @@ popup-data-container {
font-size: 12px; font-size: 12px;
grid-column: 1 / -1; grid-column: 1 / -1;
justify-self: center; justify-self: center;
line-height: 16px;
text-align: center; text-align: center;
} }
.report { .report {
font-family: inherit;
font-size: 14px; font-size: 14px;
line-height: 1.2; line-height: 18px;
padding: 16px; padding: 16px;
& .report-buttons { & .report-buttons {
@ -228,7 +233,6 @@ popup-data-container {
border-radius: 4px; border-radius: 4px;
color: var(--color-secondary); color: var(--color-secondary);
cursor: text; cursor: text;
font-family: Inter, Arial, Helvetica, sans-serif;
font-size: 14px; font-size: 14px;
line-height: 1; line-height: 1;
outline: none; outline: none;
@ -279,9 +283,8 @@ popup-data-container {
& .report-input-error { & .report-input-error {
color: var(--color-error); color: var(--color-error);
display: none; display: none;
font-family: Inter, Arial, Helvetica, sans-serif;
font-size: 10px; font-size: 10px;
line-height: 1.2; line-height: 14px;
} }
& .report-input-group { & .report-input-group {
@ -291,9 +294,8 @@ popup-data-container {
& .report-input-label { & .report-input-label {
color: var(--color-secondary); color: var(--color-secondary);
font-family: Inter, Arial, Helvetica, sans-serif;
font-size: 12px; font-size: 12px;
line-height: 1.2; line-height: 16px;
} }
& .report-input-label-required { & .report-input-label-required {
@ -306,10 +308,9 @@ popup-data-container {
color: var(--color-secondary); color: var(--color-secondary);
cursor: pointer; cursor: pointer;
display: flex; display: flex;
font-family: Inter, Arial, Helvetica, sans-serif;
font-size: 14px; font-size: 14px;
justify-content: center; justify-content: center;
line-height: 1.2; line-height: 18px;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
margin-top: 16px; margin-top: 16px;
@ -332,11 +333,10 @@ popup-data-container {
color: var(--color-white); color: var(--color-white);
cursor: pointer; cursor: pointer;
display: flex; display: flex;
font-family: Inter, Arial, Helvetica, sans-serif;
font-size: 14px; font-size: 14px;
height: 42px; height: 42px;
justify-content: center; justify-content: center;
line-height: 1.2; line-height: 18px;
margin-top: 8px; margin-top: 8px;
outline: none; outline: none;
padding: 8px 16px; padding: 8px 16px;
@ -367,17 +367,15 @@ popup-data-container {
} }
& .report-submit-extra-text { & .report-submit-extra-text {
font-family: inherit;
font-size: 14px; font-size: 14px;
line-height: 1.2; line-height: 18px;
margin: 0px; margin: 0px;
text-align: justify; text-align: justify;
} }
& .report-submit-text { & .report-submit-text {
font-family: inherit;
font-size: 18px; font-size: 18px;
line-height: 1.2; line-height: 22px;
margin: 0px; margin: 0px;
text-align: center; text-align: center;
} }
@ -387,7 +385,6 @@ popup-data-container {
align-items: center; align-items: center;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
font-family: Inter, Arial, Helvetica, sans-serif;
gap: 24px; gap: 24px;
justify-content: center; justify-content: center;
margin-top: 16px; margin-top: 16px;
@ -399,7 +396,7 @@ popup-data-container {
} }
} }
strong { b {
font-weight: bold; font-weight: bold;
} }