From 7fc908b3c4e9c6f314baaab1084f05e845e5a741 Mon Sep 17 00:00:00 2001 From: Brian Hanson Date: Tue, 6 Feb 2024 21:45:25 -0600 Subject: [PATCH] Fix table scroll --- src/web/assets/cp/src/css/_cp.scss | 28 +++++++--------------------- 1 file changed, 7 insertions(+), 21 deletions(-) diff --git a/src/web/assets/cp/src/css/_cp.scss b/src/web/assets/cp/src/css/_cp.scss index 84189542e5d..837fcefbdfd 100644 --- a/src/web/assets/cp/src/css/_cp.scss +++ b/src/web/assets/cp/src/css/_cp.scss @@ -1016,27 +1016,13 @@ li.breadcrumb-toggle-wrapper { } #content-container { - flex: 1; - - #main-content:not(.has-sidebar):not(.has-details) & { - width: 100%; - max-width: 100%; - } - - #main-content.has-sidebar & { - width: calc(100% - #{$sidebarWidth - 24}); - max-width: calc(100% - #{$sidebarWidth - 24}); - } - - #main-content.has-details & { - width: calc(100% - #{$detailsWidth} - var(--m)); - max-width: calc(100% - #{$detailsWidth} - var(--m)); - } - - #main-content.has-sidebar.has-details { - width: calc(100% - #{$sidebarWidth} - #{$detailsWidth} - 38px); - max-width: calc(100% - #{$sidebarWidth} - #{$detailsWidth} - 38px); - } + flex: 1 1 auto; + /* + Admittedly I'm not totally sure why this is necessary, but it seems to be. + We have to give #content-container some kind of "hard" width for it to properly + clip the content when table cells are long. + */ + width: 400px; } #content-heading {