mirror/webgui
1
0
Fork 0
mirror of https://github.com/unraid/webgui.git synced 2026-04-28 05:49:35 -05:00
Code Issues Packages Projects Releases Wiki Activity

Styling enhancements to improve consistency

Browse Source
This commit is contained in:
bergware
2023-12-11 20:11:21 +01:00
parent 45fe443294
commit 09e8740c04
23 changed files with 128 additions and 138 deletions
Download Patch File Download Diff File Expand all files Collapse all files
emhttp/plugins/dynamix/styles/default-gray.css
+22 -24
View File
@@ -114,36 +114,34 @@ div.title.shift{margin-top:-12px}
.redbar{background:-webkit-radial-gradient(#941c00,#de1100);background:linear-gradient(#941c00,#de1100)}
.graybar{background:-webkit-radial-gradient(#949494,#d9d9d9);background:linear-gradient(#949494,#d9d9d9)}
table{border-collapse:collapse;border-spacing:0;border-style:hidden;margin:0;width:100%}
table thead tr:first-child>td{font-size:1.2rem;text-transform:uppercase;letter-spacing:1px;color:#82857e;border-bottom:1px solid #606e7f}
table thead td{line-height:3rem;height:3rem;white-space:nowrap}
table tbody td{line-height:3rem;height:3rem;white-space:nowrap}
table tbody tr.tr_last{border-bottom:1px solid #606e7f}
table.disk_status thead tr:first-child>td{text-transform:uppercase;color:#82857e;border-bottom:1px solid #606e7f}
table.disk_status tr>td:nth-child(1){min-width:170px;max-width:170px;width:170px;overflow:hidden;text-overflow:ellipsis;padding-left:8px}
table.disk_status tr>td:nth-child(2){min-width:390px;max-width:390px;overflow:hidden;text-overflow:ellipsis}
table.disk_status tr.offline>td:nth-child(2){min-width:490px;max-width:490px;overflow:hidden;text-overflow:ellipsis}
table.disk_status tr>td:nth-child(3){text-align:center}
table.disk_status tr>td:nth-child(n+1):hover{overflow:visible}
table.disk_status tr>td:nth-child(n+3){min-width:7.5%;max-width:7.5%;width:7.5%}
table.disk_status tr>td:nth-child(n+4){text-align:right;padding-right:8px}
table.unraid tbody tr:not(.tr_last):hover>td{background-color:rgba(255,255,255,0.05)}
table.unraid tr>td{overflow:hidden;text-overflow:ellipsis}
table.unraid tr>td:hover{overflow:visible}
table.disk_status{table-layout:fixed}
table.disk_status tr>td{padding-right:8px}
table.disk_status tr>td:nth-child(n+4){width:7%;text-align:right}
table.disk_status tr>td:nth-child(1){width:13%;padding-left:8px}
table.disk_status tr>td:nth-child(2){width:30%}
table.disk_status tr>td:nth-child(3){width:8%;text-align:center}
table.disk_status tr.offline>td:nth-child(2){width:auto}
table.disk_status tr.offline>td:nth-child(n+3){width:5.5%}
table.disk_status tbody tr{border-bottom:1px solid #0c0f0b}
table.disk_status tbody tr:not(.tr_last):hover>td{background-color:rgba(255,255,255,0.05)}
table.array_status tr>td:nth-child(1){width:30%;padding-left:8px}
table.array_status{table-layout:fixed}
table.array_status tr>td{padding-left:8px}
table.array_status tr>td:nth-child(1){width:30%}
table.array_status tr>td:nth-child(2){width:20%}
table.array_status.noshift{margin-top:0}
table.array_status td.line{border-top:1px solid #0c0f0b}
table.share_status{margin-top:12px}
table.share_status thead tr:first-child>td{font-size:1.2rem;letter-spacing:1px;text-transform:uppercase;color:#82857e;border-bottom:1px solid #606e7f}
table.share_status tr>td:nth-child(1){min-width:200px;max-width:200px;overflow:hidden;text-overflow:ellipsis;padding-left:8px}
table.share_status tr>td:nth-child(2){min-width:400px;max-width:400px;overflow:hidden;text-overflow:ellipsis}
table.share_status tr>td:nth-child(5){min-width:100px;max-width:100px;overflow:hidden;text-overflow:ellipsis}
table.share_status tr>td:nth-child(n+1):hover{overflow:visible}
table.share_status tbody tr{border-bottom:1px solid #0c0f0b}
table.share_status tbody tr:hover>td{background-color:rgba(255,255,255,0.05)}
table.share_status tbody tr:last-child>td{border-bottom:1px solid #606e7f}
table.share_status tbody tr.alert{color:#f0000c}
table.share_status tbody tr.warn{color:#e68a00}
table.share_status.fixed tr>td:nth-child(n+2){min-width:39px;font-size:1.1rem;text-align:center;padding:0}
table.share_status.table{margin-top:36px}
table.share_status.table tr>td{width:50%}
table.share_status{table-layout:fixed;margin-top:12px}
table.share_status tr>td{padding-left:8px}
table.share_status tr>td:nth-child(1){width:15%}
table.share_status tr>td:nth-child(2){width:30%}
table.share_status tr>td:nth-child(n+3){width:10%}
table.share_status tr>td:nth-child(5){width:15%}
table.dashboard{margin:0;border:none;background-color:#212f3d}
table.dashboard tbody{border:1px solid #566573}
table.dashboard tr:first-child>td{height:3.6rem;padding-top:12px;font-size:1.6rem;font-weight:bold;letter-spacing:1.8px;text-transform:none;vertical-align:top}