Support icon buttons elsewhere in the UI (e.g. in the messagebox).

This commit is contained in:
hackademix 2022-02-25 11:47:47 +01:00
parent 86fd2414ff
commit eb0d06b302
1 changed files with 36 additions and 27 deletions

View File

@ -20,11 +20,21 @@ body {
user-select: none;
}
#top .icon {
.icon {
appearance: none !important;
-webkit-appearance: none !important;
-moz-appearance: none !important;
cursor: pointer;
color: #048;
background: transparent no-repeat left;
padding-left: 1.6em;
border: none;
font-size: 1.2em;
background-size: contain;
margin: 0 1.2em 0 1.2em;
}
#top .icon {
width: 2em;
height: 2em;
margin: 0.25em;
@ -32,9 +42,7 @@ body {
font-size: 1em;
font-family: sans-serif;
font-weight: bold;
color: black;
background: transparent no-repeat center;
background-size: 100%;
background-position: center;
transform: unset;
transition: transform 0.3s;
border: none;
@ -55,7 +63,7 @@ body {
left: 0;
}
#top .icon:after {
.icon:after {
content: attr(title);
}
@ -73,8 +81,6 @@ body {
cursor: pointer;
}
#top > .hider.open ~ .spacer {
display: none;
}
@ -187,36 +193,36 @@ body {
}
#top #revoke-temp {
background-image: url(/img/ui-revoke-temp64.png);
#revoke-temp {
background-image: url(/img/ui-revoke-temp64.png) !important;
}
#top #temp-trust-page {
background-image: url(/img/ui-temp-all64.png);
#temp-trust-page {
background-image: url(/img/ui-temp-all64.png) !important;
}
#top #enforce-tab {
background-image: url(/img/ui-tab-no64.png);
#enforce-tab {
background-image: url(/img/ui-tab-no64.png) !important;
}
#top #enforce-tab[aria-pressed="true"] {
background-image: url(/img/ui-tab64.png);
#enforce-tab[aria-pressed="true"] {
background-image: url(/img/ui-tab64.png) !important;;
}
#top #enforce {
background-image: url(/img/ui-global-no64.png);
#enforce {
background-image: url(/img/ui-global-no64.png) !important;
}
#top #enforce[aria-pressed="true"] {
background-image: url(/img/ui-global64.png);
#enforce[aria-pressed="true"] {
background-image: url(/img/ui-global64.png) !important;
}
#top #options {
background-image: url(/img/noscript-options.png);
#options {
background-image: url(/img/noscript-options.png) !important;
}
#top #close {
background-image: url(/img/ui-close64.png);
#close {
background-image: url(/img/ui-close64.png) !important;
}
#top #reload {
background-image: url(/img/ui-reload64.png);
#reload {
background-image: url(/img/ui-reload64.png) !important;;
}
#sites {
@ -247,12 +253,15 @@ body {
height: auto;
margin: .5em;
padding: .8em 0 0 2.5em;
background-color: transparent;
background-size: 2em;
background-position: left top;
background-position: left center;
background-repeat: no-repeat;
min-height: 3em;
font-size: 1.2em;
vertical-align: middle;
white-space: normal;
max-width: 520px;
}
#message.hidden {
display: none;