More visual tweaks.

This commit is contained in:
hackademix 2022-03-13 12:18:17 +01:00
parent c6bb5b20e0
commit 29fe044e7b
3 changed files with 16 additions and 15 deletions

View File

@ -199,7 +199,3 @@ button.add {
.mozwebext #xss-options { .mozwebext #xss-options {
display: block; display: block;
} }
#presets .sites > .site.customizing {
background: transparent !important;
}

View File

@ -47,11 +47,13 @@
#sites .presets input.preset { #sites .presets input.preset {
min-width: 0 !important; min-width: 0 !important;
background-color: none !important;
margin-top: 0; margin-top: 0;
font-weight: bold; font-weight: bold;
} }
#sites .site:not(.customizing) .presets input.preset {
background-color: transparent;
}
#sites .customizing input.preset:checked { #sites .customizing input.preset:checked {
margin-left: 0; margin-left: 0;
@ -182,13 +184,12 @@ input[type="checkbox"] {
vertical-align: middle; vertical-align: middle;
} }
html:not(.mobile) .sites > tr.site:is(:focus-within, :hover) { html:not(.mobile) .sites > tr.site:not(.customizing):is(:focus-within, :hover) {
/* box-shadow: 0 0 1px 1px var(--focus-color);*/
background: linear-gradient(to bottom, var(--form-color1) 0, var(--bg-color2) 41%, var(--bg-color1) 100%) no-repeat; background: linear-gradient(to bottom, var(--form-color1) 0, var(--bg-color2) 41%, var(--bg-color1) 100%) no-repeat;
border-color: transparent; border-color: transparent;
} }
.sites > tr.site { .sites > tr.site:not(.customizing) {
border-top: 2px dotted var(--form-color1); border-top: 2px dotted var(--form-color1);
} }
.sites > tr.site:first-of-type, tr.site:focus-within + tr, .sites > tr.customizing, .sites > tr.customizing + tr.site, .customizer, .customizer + tr.site { .sites > tr.site:first-of-type, tr.site:focus-within + tr, .sites > tr.customizing, .sites > tr.customizing + tr.site, .customizer, .customizer + tr.site {
@ -313,7 +314,7 @@ span.preset {
transform: none; transform: none;
min-width: 9.38em; min-width: 9.38em;
background-color: var(--bg-color1); background-color: var(--bg-color1);
background-position-x: .1em; background-position-x: .3em;
border-radius: .5em; border-radius: .5em;
} }
@ -412,7 +413,7 @@ input.preset:checked ~ input.temp {
} }
#presets input.preset:not(:checked) { #presets input.preset:not(:checked) {
background-color: var(--form-color1); background-color: var(--tab-color1);
} }
.customizing input.preset:checked, #presets input.preset:checked { .customizing input.preset:checked, #presets input.preset:checked {
@ -432,11 +433,11 @@ input.preset:checked ~ input.temp {
} }
.customizing input.preset:checked + label.preset { .customizing input.preset:checked + label.preset {
padding-left: 3em; padding-left: 3.2em;
} }
.sites .customizing, .customizer { .sites .customizing, .customizer {
background-color: var(--form-color1) !important; background-color: var(--tab-color2) !important;
} }
#presets legend select, #presets legend button { #presets legend select, #presets legend button {
@ -517,11 +518,15 @@ legend {
#xssChoices { #xssChoices {
padding: .5em; padding: .5em;
display: none; display: none;
flex-direction: column;
} }
#xssChoices.populated { #xssChoices.populated {
display: flex; display: block;
}
#xssChoices select {
display: block;
margin: 0 0 .5em 0;
} }
#xssChoices option { #xssChoices option {

View File

@ -53,7 +53,7 @@ var XSS = (() => {
if ("setBadgeText" in browserAction) { if ("setBadgeText" in browserAction) {
browserAction.setBadgeText({tabId, text: "XSS"}); browserAction.setBadgeText({tabId, text: "XSS"});
browserAction.setBadgeBackgroundColor({tabId, color: [0, 0, 128, 160]}); browserAction.setBadgeBackgroundColor({tabId, color: [128, 0, 0, 160]});
} }
let keys = blockedTabs.get(tabId); let keys = blockedTabs.get(tabId);
if (!keys) blockedTabs.set(tabId, keys = new Set()); if (!keys) blockedTabs.set(tabId, keys = new Set());