Mirrors
/
noscript
mirror of https://github.com/hackademix/noscript.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Improve buttons and tabs appearance.

This commit is contained in:
hackademix 2022-03-06 09:35:16 +01:00
parent 2238ba09e7
commit 3dfefdbc49
1 changed files with 15 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
src/ui/options.css
View File

@ -46,10 +46,13 @@ body {
flex-flow: row wrap; flex-flow: row wrap;
justify-content: flex-end; justify-content: flex-end;
width: 100%; width: 100%;
text-align: right;
margin: 0 0 2px 0; margin: 0 0 2px 0;
} }
.buttons button {
margin: .5em 0 .5em 1em;
}
#sect-general { #sect-general {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -172,18 +175,24 @@ button.add {
margin: 0 4px 0 0; margin: 0 4px 0 0;
background: #ccc; background: #ccc;
outline-width: 0 !important; outline-width: 0 !important;
border-radius: 1em 1em 0 0;
padding: .4em .8em;
} }
@media (max-width: 100mm) {
.flextabs__toggle {
border-radius: 1em;
}
.flextabs__toggle[aria-expanded="true"] {
font-weight: bold;
box-shadow: 1px 1px 1px inset;
}
}
.flextabs__content { .flextabs__content {
padding: .5em; padding: .5em;
} }
.flextabs__toggle {
border-radius: 1em 1em 0 0;
padding: .2em .4em;
}
#xss-options { #xss-options {
display: none; display: none;