diff --git a/app/assets/stylesheets/application.css b/app/assets/stylesheets/application.css index 918957ffb..0445293db 100644 --- a/app/assets/stylesheets/application.css +++ b/app/assets/stylesheets/application.css @@ -1206,6 +1206,15 @@ table.transitions td.enabled {background: var(--oc-green-2);} #workflow_form table select {font-size: 90%; max-inline-size: 100px;} table.fields_permissions td.readonly {background:var(--oc-gray-4);} table.fields_permissions td.required {background:var(--oc-red-4);} +/* Keep the headers and the first column of workflow tables visible when scrolling */ +#workflow_form .autoscroll {max-block-size: 90vh;} +/* Sticky positioning does not work on `overflow: hidden` tables and collapsed borders would not move with the stuck cells */ +table.list.workflows {overflow: visible; border-collapse: separate; border-spacing: 0;} +table.workflows thead {position: sticky; inset-block-start: 0; z-index: 3; background-color: var(--oc-white);} +table.workflows thead tr:last-child > td {border-block-start: none; border-block-end: 1px solid var(--oc-gray-4);} +table.workflows thead tr > :first-child {position: sticky; inset-inline-start: 0; z-index: 1;} +table.workflows thead tr:last-child > td:first-child {background-color: var(--oc-white);} +table.workflows tbody td.name {position: sticky; inset-inline-start: 0; z-index: 2; background-color: inherit; min-inline-size: 150px;} select.expandable {vertical-align:top;} @@ -2591,6 +2600,7 @@ div.news .reaction { #wiki_add_attachment { display:none; } .hide-when-print, .pagination ul.pages, .pagination .per-page { display: none !important; } .autoscroll {overflow-x: visible;} + #workflow_form .autoscroll {max-block-size: none;} table.list {margin-block-start: 0.5em;} table.list th, table.list td {border: 1px solid var(--oc-gray-5);} }