diff --git a/assets/css/base.css b/assets/css/base.css index 1ef7f26..27a7839 100644 --- a/assets/css/base.css +++ b/assets/css/base.css @@ -256,12 +256,24 @@ footer { justify-content: space-between; gap: 8px; } + @media (max-width: 768px) { .pagination-stats { flex-direction: column; } } +.table-bordered.table-edit > tbody > tr > th { + width: 1%; + white-space: nowrap; + text-align: center; + vertical-align: middle; +} + +.table-bordered.table-edit img { + max-width: 100%; +} + @media(prefers-color-scheme: dark) { :root { --base-color-text: hsla(200, 00%, 100%, 0.85); @@ -477,22 +489,37 @@ footer { .asset-footer { border-color: var(--primary-background-color) } - + .table-bordered { border: 2px solid var(--secondary-background-color); } .table-bordered > thead > tr > th, - .table-bordered > tbody > tr > td, - .table-bordered > tbody > tr > th { + .table-bordered:not(.table-edit) > tbody > tr > td, + .table-bordered:not(.table-edit) > tbody > tr > th { border: none; } - .table-bordered thead { + .table-bordered thead > tr > th { + border: none; border-bottom: 2px solid var(--default-background-color); } .table-striped > tbody > tr:nth-of-type(2n+1) { background-color: var(--secondary-background-color); } + + .table-bordered.table-edit > tbody > tr > td, + .table-bordered.table-edit > tbody > tr > th { + border-color: var(--secondary-background-color); + } + + .table-bordered.table-edit > thead > tr > th:first-child { + border-bottom: 1px solid var(--secondary-background-color); + } + + .table-bordered.table-edit > tbody > tr > th { + background-color: var(--primary-background-color); + border-right: 2px solid var(--default-background-color); + } } diff --git a/templates/_header.phtml b/templates/_header.phtml index 46315e1..0e470ca 100644 --- a/templates/_header.phtml +++ b/templates/_header.phtml @@ -25,7 +25,7 @@ - + diff --git a/templates/asset_edit.phtml b/templates/asset_edit.phtml index d0f87ce..b395624 100644 --- a/templates/asset_edit.phtml +++ b/templates/asset_edit.phtml @@ -90,23 +90,25 @@ $preview_field_names = [ - - +
+ - + + + $name) { ?> - - @@ -126,18 +128,25 @@ $preview_field_names = [ - $preview) if(isset($preview['edit_preview_id'])) { ?> + +
Property Old/Current New/Edit
+ - + +
+ $preview) if(isset($preview['edit_preview_id'])) { ?> + + - + + + $name) { ?> - - - -
+ Preview
+ - + @@ -169,9 +178,9 @@ $preview_field_names = [
+ + + = $constants['user_type']['moderator']) { ?> @@ -191,7 +200,7 @@ $preview_field_names = [ - +