Enhanced UI experience for EBM WebRIS
EBM WebRIS Enhanced Style by tsaiid
Imported and mirrored from https://github.com/tsaiid/ahk-htch/raw/master/others/ebm-webris.user.styl
Details
Authortsaiid
LicenseMIT
Categoryunset
Created
Updated
Size22 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name EBM WebRIS Enhanced Style
@version 20241127.1
@namespace ebm-webris-htch
@description Enhanced UI experience for EBM WebRIS
@author I-Ta Tsai
@preprocessor stylus
@license MIT
==/UserStyle== */
@-moz-document url-prefix("https://hlwris.tzuchi.com.tw/webris/"),
url-prefix("http://10.2.2.160:8080/") {
/* For 1280x1024 screen */
@media (max-height: 1000px) {
/* main 下面的 div */
div[style*="height: 930px;"] {
height: 860px !important;
}
/* 報告區的最外框 */
div[style*="height: 630px; width: 58.3333%; left: 41.6667%; top: 300px;"] {
height: 545px !important;
}
/* 報告區的內框 非 CT 用 */
div[style*="height: 630px; width: 58.3333%; left: 41.6667%; top: 300px;"] div[style*="height: 565px;"] {
height: 496px !important;
}
/* 報告區的內框 CT 用 */
div[style*="height: 630px; width: 58.3333%; left: 41.6667%; top: 300px;"] div[style*="height: 540px;"] {
height: 475px !important;
}
}
/* For 21:9 screen */
@media (min-height:1001px) and (max-height: 1070px) {
/* 報告區的最外框 */
div[style*="height: 630px; width: 58.3333%; left: 41.6667%; top: 300px;"] {
height: 600px !important;
}
/* 報告區的內框 非 CT 用 */
div[style*="height: 630px; width: 58.3333%; left: 41.6667%; top: 300px;"] div[style*="height: 565px;"] {
height: 551px !important;
}
/* 報告區的內框 CT 用 */
div[style*="height: 630px; width: 58.3333%; left: 41.6667%; top: 300px;"] div[style*="height: 540px;"] {
height: 530px !important;
}
}
/* For 4K 16:9 screen */
@media (min-height:1201px) {
/* main 下面的 div */
div[style*="height: 930px;"] {
height: 1218px !important;
}
/* 報告區的最外框 */
div[style*="height: 630px; width: 58.3333%; left: 41.6667%; top: 300px;"] {
height: 918px !important;
}
/* 報告區的內框 非 CT 用 */
div[style*="height: 630px; width: 58.3333%; left: 41.6667%; top: 300px;"] div[style*="height: 565px;"] {
height: 850px !important;
}
/* 報告區的內框 CT 用 */
div[style*="height: 630px; width: 58.3333%; left: 41.6667%; top: 300px;"] div[style*="height: 540px;"] {
height: 827px !important;
}
}
/* For 16:10 screen */
@media (min-height:1071px) and (max-height:1200px) {
/* main 下面的 div */
div[style*="height: 930px;"] {
height: 968px !important;
}
/* 報告區的最外框 */
div[style*="height: 630px; width: 58.3333%; left: 41.6667%; top: 300px;"] {
height: 663px !important;
}
/* 報告區的內框 非 CT 用 */
div[style*="height: 630px; width: 58.3333%; left: 41.6667%; top: 300px;"] div[style*="height: 565px;"] {
height: 620px !important;
}
/* 報告區的內框 CT 用 */
div[style*="height: 630px; width: 58.3333%; left: 41.6667%; top: 300px;"] div[style*="height: 540px;"] {
height: 599px !important;
}
}
#app > main > main > div > div.flex-auto > main > div > div.main > div > div > div:nth-child(6) > div.textarea-heightpercent84 {
height: 90.5% !important;
}
#app > main > main > div > div.flex-auto > main > div > div.main > div > div > div:nth-child(6) > div.textarea-heightpercent92 {
height: 94% !important;
}
#app > main > main > div > div.flex-auto > div.h-10 {
/* height: 35px !important; */
height: unset !important;
}
/***************/
/* 歷史報告 */
/***************/
/* For 1280x1024 screen */
@media (max-height:1000px) {
/* 歷史報告區最外的 div */
div[style*="height: 870px; width: 41.6667%; left: 0%; top: 60px;"] {
height: 785px !important;
}
/* 歷史報告的外框 */
div[style*="height: 870px; width: 41.6667%; left: 0%; top: 60px;"] textarea[style*="height: 525px;"] {
height: 451px !important;
}
/* hide Modality and ReportDr */
#frameHistory > table tr > td:nth-child(3),
#frameHistory > table tr > td:nth-child(4) {
display: none;
}
/* 報告醫師的寬度 */
#frameHistory tbody tr td:nth-child(4) {
width: 3em !important;
}
/* 檢查日期的寬度 */
#frameHistory tbody tr td:nth-child(1) {
width: 7em !important;
}
/* 檢查時間的寬度 */
#frameHistory tbody tr td:nth-child(2) {
width: 5em !important;
}
}
/* For 21:9 screen */
@media (min-height:1001px) and (max-height:1070px) {
/* 歷史報告區最外的 div */
div[style*="height: 870px; width: 41.6667%; left: 0%; top: 60px;"] {
height: 840px !important;
}
/* 歷史報告的外框 */
div[style*="height: 870px; width: 41.6667%; left: 0%; top: 60px;"] textarea[style*="height: 525px;"] {
height: 507px !important;
}
}
/* For 16:10 screen */
@media (min-height:1071px) and (max-height:1200px) {
/* 歷史報告區最外的 div */
div[style*="height: 870px; width: 41.6667%; left: 0%; top: 60px;"] {
height: 908px !important;
}
/* 歷史報告的外框 */
div[style*="height: 870px; width: 41.6667%; left: 0%; top: 60px;"] textarea[style*="height: 525px;"] {
height: 557px !important;
}
}
/* For 4K 16:9 screen */
@media (min-height:1201px) {
/* 歷史報告區最外的 div */
div[style*="height: 870px; width: 41.6667%; left: 0%; top: 60px;"] {
height: 1158px !important;
}
/* 歷史報告的外框 */
div[style*="height: 870px; width: 41.6667%; left: 0%; top: 60px;"] textarea[style*="height: 525px;"] {
height: 745px !important;
}
}
/* 要設 min-height，不然當歷史報告 list 少時會太矮 */
#frameHistory {
min-height: 240px;
}
/* 歷史報告 儀器 checkbox 跑版 */
#app > main > main > div > div.flex-auto > main > div > div.main > div > div > div:nth-child(5) > div > div:nth-child(3) > div.flex.items-center > div.flex.items-center.justify-end.text-12.ml-auto > label {
min-width: 4em;
}
/* 歷史報告查無資料時太大格 */
#frameHistory > table > tbody > tr > td[colspan="99"] {
height: 13rem !important;
}
/* 因為日期時間加上分隔符號，要設最小寬度 */
#frameHistory tbody tr td:nth-child(1) {
width: 8.5em;
min-width: 8em;
max-width: 9em;
text-align: left;
padding-left: 1em;
}
/* 檢查時間的寬度 */
#frameHistory tbody tr td:nth-child(2) {
width: 6.5em;
min-width: 6em;
max-width: 7em;
}
/* 報告醫師的寬度 */
#frameHistory tbody tr td:nth-child(4) {
width: 6em;
min-width: 5.5em;
max-width: 6.5em;
}
/* Highlight 相同檢查名稱 */
.hl-sim-report {
color: rgb(250 219 43) !important;
}
.hl-same-report {
color: #EF8089 !important;
}
/* 儀器左右 padding */
#frameHistory table > tbody > tr > td:nth-child(3) {
padding-left: 0.5em;
padding-right: 0.5em;
width: 4em;
}
/* 隱藏危急通報欄位 */
#frameHistory table tr > td:nth-child(6) {
display: none;
}
/* 隱藏影像欄位 */
#frameHistory table tr > td:nth-child(7) {
display: none;
}
/* 改歷史報告清單字體 */
#frameHistory tbody {
font-family: "Source Code Pro";
font-size: 15px !important;
font-weight: 500;
}
#frameHistory tbody tr.text-secondary {
font-weight: 900;
}
#frameHistory tbody tr td:nth-child(5) {
font-size: 15px !important;
padding-left: 0.7em;
}
/* 把 檢查項目改成 align left */
#app table > tbody > tr > td:nth-child(11) {
text-align: left !important;
padding-left: 1em;
}
/* 改 Quill Editor 字體 */
#quill2Container,
#quill2Container p span {
font-family: "Source Han Code JP";
font-size: 16px !important;
font-weight: 100;
height: 100%;
}
.ql-editor > * {
font-size: 16px !important;
}
/* Highlight 共幾筆報告的數字 */
div.page-button-next.mr-10 ~ div > span:nth-child(6) {
color: #ffa500;
}
/* CT 報告的 4 個 radio button */
#app > main > main > div > div.flex-auto > main > div > div.main > div > div > div:nth-child(6) > div > div.flex.items-center.flex-wrap.text-16 {
/*top: 96%;
position: absolute;
height: 24px; */
padding-left: 3px;
}
/* 整個畫面，不含 footer */
/*
#app > main > main > div > div.flex-auto > main > div > div.main > div > div {
height: 977px !important;
}
*/
/* 改報告清單字體 */
/*
#app > main > main > div > div.flex-auto > div.px-5 > div.overflow-auto > table > tbody {
font-family: "Source Han Code JP";
font-weight: 300;
}
#app > main > main > div > div.flex-auto > div.px-5 > div.overflow-auto > table > tbody > tr > td:nth-child(6) {
min-width: 8em;
}
*/
/* 改 SOAP, 歷史報告字體 */
textarea.textarea.text-16 {
font-family: "Source Han Code JP";
font-size: 15px !important;
font-weight: 100;
overflow: auto !important;
}
/**************/
/* 病理報告 */
/**************/
/* 改病理報告清單字體 */
div[style='height: 870px; width: 41.6667%; left: 0%; top: 60px;'] table > tbody {
font-family: "Source Code Pro";
font-size: 15px !important;
font-weight: 500;
}
div[style='height: 870px; width: 41.6667%; left: 0%; top: 60px;'] table > tbody > tr > td:nth-child(1),
div[style='height: 870px; width: 41.6667%; left: 0%; top: 60px;'] table > tbody > tr > td:nth-child(2) {
text-align: center;
}
div[style='height: 870px; width: 41.6667%; left: 0%; top: 60px;'] table > tbody > tr > td:nth-child(3),
div[style='height: 870px; width: 41.6667%; left: 0%; top: 60px;'] table > tbody > tr > td:nth-child(5) {
padding-left: 0.7em;
}
...