diff --git a/webapp/channels/src/components/admin_console/feature_flags.tsx b/webapp/channels/src/components/admin_console/feature_flags.tsx index 6e30c61c12b..9c368b5e645 100644 --- a/webapp/channels/src/components/admin_console/feature_flags.tsx +++ b/webapp/channels/src/components/admin_console/feature_flags.tsx @@ -30,12 +30,12 @@ const FeatureFlags: React.FC = (props: Props) => { } return ( -
+
-
+
= (props: Props) => {
-
+
diff --git a/webapp/channels/src/components/admin_console/server_logs/__snapshots__/logs.test.tsx.snap b/webapp/channels/src/components/admin_console/server_logs/__snapshots__/logs.test.tsx.snap index 97d39f17e04..ee8e1bf7407 100644 --- a/webapp/channels/src/components/admin_console/server_logs/__snapshots__/logs.test.tsx.snap +++ b/webapp/channels/src/components/admin_console/server_logs/__snapshots__/logs.test.tsx.snap @@ -3,7 +3,7 @@ exports[`components/admin_console/server_logs/Logs should display the logs correctly after loading 1`] = `
{ } return ( -
+
diff --git a/webapp/channels/src/components/admin_console/server_logs/plain_log_list.tsx b/webapp/channels/src/components/admin_console/server_logs/plain_log_list.tsx index 7e8da498d21..14a8ccc070c 100644 --- a/webapp/channels/src/components/admin_console/server_logs/plain_log_list.tsx +++ b/webapp/channels/src/components/admin_console/server_logs/plain_log_list.tsx @@ -138,7 +138,7 @@ class PlainLogList extends React.PureComponent { ); } return ( -
+
.wrapper--admin { - display: flex; - overflow: auto; - height: 100%; - flex-direction: column; - } - .admin-console__filters-rows { display: flex; flex-wrap: wrap; @@ -196,7 +189,8 @@ .log__panel { overflow: scroll; width: 100%; - height: calc(100vh - 280px); + min-height: 0; + flex: 1; padding: 10px; border: variables.$border-gray; margin-top: 14px; @@ -610,6 +604,10 @@ border: variables.$border-gray; margin: 20px 0 10px; background-color: variables.$white; + + &--full-height { + max-height: none; + } } .admin-console__disabled-text { @@ -1112,6 +1110,7 @@ .admin-console .admin-console__content.admin-logs-content { display: flex; + overflow: hidden; max-width: none; height: 100%; flex-direction: column; @@ -1148,7 +1147,8 @@ } .LogTable { - height: 100%; + min-height: 0; + flex: 1; .DataGrid { display: flex; @@ -1157,11 +1157,18 @@ .DataGrid_rows { overflow: auto; - height: 100%; - min-height: 100% !important; + min-height: 0 !important; + flex: 1; } } } + + .plain-log-list { + display: flex; + min-height: 0; + flex: 1; + flex-direction: column; + } } div[disabled] {