Browse Source

Fix bar showing below tab bar, make chem highlight work

dev
Hamcha 1 year ago
parent
commit
677d34273e
Signed by untrusted user: Hamcha GPG Key ID: 41467804B19A3315
  1. 2
      src/userscript.ts
  2. 42
      style/bgus.scss
  3. 23
      style/main.scss

2
src/userscript.ts

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

42
style/bgus.scss

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

23
style/main.scss

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

Loading…
Cancel
Save