D/tghandbook
1
0
Fork 0
forked from hamcha/tghandbook
Code Issues Pull requests Releases Wiki Activity

Fix bar showing below tab bar, make chem highlight work

Browse source
This commit is contained in:
Hamcha 2020-06-18 19:12:14 +02:00
parent 7758bfc343
commit 677d34273e
Signed by untrusted user: hamcha
GPG key ID: 41467804B19A3315
3 changed files with 44 additions and 23 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/userscript.ts
View file

@ -214,7 +214,7 @@ export default function userscript(root: HTMLElement, docname: string): void {
el, el,
name.map((e, i) => ({ id: i, str: e })) name.map((e, i) => ({ id: i, str: e }))
); );
root.appendChild(box); document.body.appendChild(box);
// Remove "Removed medicines" section // Remove "Removed medicines" section
const remTable = root.querySelector( const remTable = root.querySelector(

42
style/bgus.scss
View file

@ -8,23 +8,36 @@
} }
#bgus_fz_searchbox { #bgus_fz_searchbox {
position: fixed; position: fixed;
top: 20px; top: 50px;
left: 30%; left: 20%;
right: 30%; right: 20%;
background: rgba(10, 10, 10, 0.8); background: rgba(10, 10, 10, 0.8);
display: flex; display: flex;
flex-direction: column; flex-direction: column;
z-index: 9999; z-index: 999;
color: #fff; color: #fff;
border-radius: 2px;
} }
@media (min-width: 600px) {
#bgus_fz_searchbox {
left: 30%;
right: 30%;
}
}
#bgus_fz_searchbox input { #bgus_fz_searchbox input {
font-size: 14pt; font-size: 10pt;
padding: 5pt 8pt; padding: 5pt 8pt;
border: 1px solid #555; border: 1px solid #555;
margin: 5px; margin: 5px;
margin-bottom: 0; margin-bottom: 0;
background-color: #111; background-color: #111;
color: #fff; color: #fff;
outline: none;
&:focus {
border-color: #aaa;
}
} }
#bgus_fz_searchbox ul { #bgus_fz_searchbox ul {
list-style: none; list-style: none;
@ -88,8 +101,20 @@ span.bgus_nested_element:not(.bgus_collapsed) + div.tooltiptext {
background-color: darken($nanotrasen, 5%) !important; background-color: darken($nanotrasen, 5%) !important;
} }
} }
.bgus_fz_selected { div.bchem .bgus_fz_selected {
border: 3px solid yellow; background: $nanotrasen !important;
th,
td {
border-top: 2px solid lighten($nanotrasen, 20%);
border-bottom: 2px solid lighten($nanotrasen, 15%);
}
th {
background: lighten($nanotrasen, 5%) !important;
}
div.tooltiptext {
border-color: lighten($nanotrasen, 20%);
background: darken($nanotrasen, 10%);
}
} }
body.bgus_cbox input[type="checkbox"] + span[data-src]:before { body.bgus_cbox input[type="checkbox"] + span[data-src]:before {
display: inline-block; display: inline-block;
@ -121,6 +146,9 @@ body.bgus_cbox input[type="checkbox"]:checked + span[data-src] {
text-align: left; text-align: left;
padding: 10pt; padding: 10pt;
padding-bottom: 0; padding-bottom: 0;
span:last-child {
margin-left: 0.5em;
}
} }
p { p {
font-size: 8pt; font-size: 8pt;

23
style/main.scss
View file

@ -23,21 +23,19 @@ body {
} }
} }
#app, body {
noscript { background: linear-gradient(to bottom, darken($nanotrasen, 20%), darken($nanotrasen, 10%));
height: 100%;
display: grid;
background: linear-gradient(
to bottom,
darken($nanotrasen, 20%),
darken($nanotrasen, 10%)
);
background-size: 100% 100%; background-size: 100% 100%;
background-attachment: fixed; background-attachment: fixed;
color: #fff; color: #fff;
font-family: "Iosevka Aile Web", sans-serif; font-family: "Iosevka Aile Web", sans-serif;
font-size: 9pt; font-size: 9pt;
line-height: 1.6em; line-height: 1.6em;
}
#app {
height: 100%;
display: grid;
grid-template-rows: 40px 1fr; grid-template-rows: 40px 1fr;
} }
@ -46,12 +44,7 @@ noscript {
} }
::-webkit-scrollbar-track { ::-webkit-scrollbar-track {
background: linear-gradient( background: linear-gradient(to bottom, darken($nanotrasen, 0%), darken($nanotrasen, 10%), darken($nanotrasen, 0%));
to bottom,
darken($nanotrasen, 0%),
darken($nanotrasen, 10%),
darken($nanotrasen, 0%)
);
border: 1px solid lighten($nanotrasen, 10%); border: 1px solid lighten($nanotrasen, 10%);
} }