|
|
|
|
|
CSS_TABLES_WRAPPERS = """ |
|
|
/* Avoid scrollbar gutter desync */ |
|
|
.result-table .gradio-dataframe, .result-table .wrap, .history-table .gradio-dataframe, .history-table .wrap{ |
|
|
overflow-y:hidden!important; scrollbar-gutter:stable both-edges; |
|
|
} |
|
|
/* Result tables shared */ |
|
|
.result-table th, .result-table td{ text-align:left!important; } |
|
|
.result-table{ width:100%!important; margin-top:0!important; } |
|
|
/* Index narrow */ |
|
|
.result-table thead th:first-child, .result-table tbody td:first-child{ width:4ch!important; padding-left:6px!important; padding-right:6px!important; } |
|
|
/* History table fixed layout */ |
|
|
.history-table .gradio-dataframe table{ |
|
|
table-layout:fixed!important; width:100%!important; border-collapse:separate!important; border-spacing:0!important; |
|
|
} |
|
|
.history-table .gradio-dataframe th, .history-table .gradio-dataframe td{ padding:8px 10px!important; box-sizing:border-box!important; } |
|
|
|
|
|
/* Jobs list (DataFrame版のスタイル) */ |
|
|
.jobs-list, |
|
|
.jobs-list .gradio-dataframe, |
|
|
.jobs-list .dataframe, |
|
|
.jobs-list [data-testid="dataframe"], |
|
|
.jobs-list [data-testid="dataframe"] > div, |
|
|
.jobs-list .wrap{ |
|
|
max-height:none!important; height:auto!important; overflow:visible!important; display:block!important; |
|
|
border:1px solid rgba(255,255,255,.08); border-radius:10px; padding:2px; box-shadow:var(--shadow); |
|
|
} |
|
|
|
|
|
/* Jobs list (HTMLテーブル版) - no internal scroll; match site look */ |
|
|
.jobs-html{ width:100%!important; overflow:visible!important; } |
|
|
.jobs-html table{ |
|
|
table-layout:fixed!important; width:100%!important; border-collapse:separate!important; border-spacing:0!important; |
|
|
background:var(--bg)!important; |
|
|
} |
|
|
.jobs-html thead th, .jobs-html tbody td{ |
|
|
padding:8px 10px!important; box-sizing:border-box!important; border:1px solid var(--line)!important; |
|
|
background:var(--bg)!important; color:var(--text)!important; |
|
|
white-space:normal!important; overflow-wrap:anywhere!important; word-break:break-word!important; line-height:1.5!important; |
|
|
} |
|
|
.jobs-html thead th{ |
|
|
font-weight:800!important; |
|
|
} |
|
|
.jobs-html tbody tr:nth-child(even) td{ |
|
|
background:var(--bg)!important; /* ダーク固定のためゼブラは同色で統一 */ |
|
|
} |
|
|
""" |
|
|
|
