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
Size15 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 20240517.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 21:9 screen */
@media (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 21:9 screen */
@media (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;
}
}
/* 歷史報告 儀器 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;
}
/* 隱藏危急通報欄位 */
#frameHistory table > thead > tr > td:nth-child(6),
#frameHistory table > tbody > tr > td:nth-child(6) {
display: none;
}
/* 隱藏影像欄位 */
#frameHistory table > thead > tr > td:nth-child(7),
#frameHistory table > tbody > 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;
}
/* For 21:9 screen */
@media (max-height:1070px) {
/* 病理報告的外框 */
div[style='height: 870px; width: 41.6667%; left: 0%; top: 60px;'] textarea[style*="height: 514px;"] {
height: 481px !important;
}
}
/* For 16:10 screen */
@media (min-height:1071px) and (max-height:1200px) {
/* 病理報告的外框 */
div[style='height: 870px; width: 41.6667%; left: 0%; top: 60px;'] textarea[style*="height: 514px;"] {
height: 531px !important;
}
}
/************/
/* Footer */
/************/
div.footer {
font-size: 14px;
padding-bottom: 3px;
padding-top: 3px;
}
/*************/
/* 報告清單 */
/*************/
/* For 21:9 screen */
@media (max-height:1070px) {
/* 讓報告清單可以在一頁顯示 20 列 */
#app > main > main > div > div.flex-auto > div.px-5 > div.overflow-auto > table tr {
height: 2.2em !important;
}
}
/* For 16:10 screen */
@media (min-height:1071px) and (max-height:1200px) {
/* 讓報告清單可以在一頁顯示 20 列 */
#app > main > main > div > div.flex-auto > div.px-5 > div.overflow-auto > table tr {
height: 2.5em !important;
}
}
/* For 4K 16:9 screen */
@media (min-height:1201px) {
/* 讓報告清單可以在一頁顯示 20 列 */
#app > main > main > div > div.flex-auto > div.px-5 > div.overflow-auto > table tr {
height: 2.8em !important;
}
}
/* 把已逾期改小字一點 */
tbody tr td button.btn-outline-danger {
font-size: 0.7em;
}
/* 改 "病患姓名" "檢查日期" "檢查項目" 的顏色 */
#app > main > main > div > div.flex-auto > main > div > div.main > di...