diff --git a/app/assets/stylesheets/common/admin/admin_report.scss b/app/assets/stylesheets/common/admin/admin_report.scss index 7ca934f8b40..520bc2a348f 100644 --- a/app/assets/stylesheets/common/admin/admin_report.scss +++ b/app/assets/stylesheets/common/admin/admin_report.scss @@ -125,3 +125,77 @@ } } } + +.admin-report.activity-metrics { + table { + table-layout: auto; + } +} + +.admin-report.users-by-type { + margin-top: 1em; +} + +.admin-report.users-by-type, +.admin-report.users-by-trust-level { + margin-bottom: 1em; + flex: 1; + .report-header { + border-bottom: 1px solid $primary-medium; + padding-bottom: 0.5em; + border-bottom: 1px solid #e9e9e9; + } +} + +.admin-report.moderators-activity { + tbody tr td.username, + thead tr th.username { + text-align: left; + } +} + +.admin-report.trending-search { + tbody tr td.term, + thead tr th.term { + text-align: left; + } +} + +.admin-report.top-traffic-sources { + tbody tr td.domain, + thead tr th.domain { + text-align: left; + } +} + +.admin-report.post-edits { + .admin-report-table { + table-layout: auto; + + tbody tr td, + thead tr th { + text-align: left; + } + + thead tr th.edit_reason, + tbody tr td.edit_reason { + width: 60%; + } + } +} + +.admin-report.flags-status { + .admin-report-table { + table-layout: auto; + + tbody tr td, + thead tr th { + text-align: left; + } + + tbody tr td.response_time, + thead tr th.response_time { + text-align: center; + } + } +} diff --git a/app/assets/stylesheets/common/admin/dashboard_next.scss b/app/assets/stylesheets/common/admin/dashboard_next.scss index 5c5e91817d3..c30159ef3f8 100644 --- a/app/assets/stylesheets/common/admin/dashboard_next.scss +++ b/app/assets/stylesheets/common/admin/dashboard_next.scss @@ -452,80 +452,6 @@ margin-bottom: 1em; } -.admin-report.activity-metrics { - table { - table-layout: auto; - } -} - -.admin-report.users-by-type { - margin-top: 1em; -} - -.admin-report.users-by-type, -.admin-report.users-by-trust-level { - margin-bottom: 1em; - flex: 1; - .report-header { - border-bottom: 1px solid $primary-medium; - padding-bottom: 0.5em; - border-bottom: 1px solid #e9e9e9; - } -} - -.admin-report.moderators-activity { - tbody tr td.username, - thead tr th.username { - text-align: left; - } -} - -.admin-report.trending-search { - tbody tr td.term, - thead tr th.term { - text-align: left; - } -} - -.admin-report.top-traffic-sources { - tbody tr td.domain, - thead tr th.domain { - text-align: left; - } -} - -.admin-report.post-edits { - .admin-report-table { - table-layout: auto; - - tbody tr td, - thead tr th { - text-align: left; - } - - thead tr th.edit_reason, - tbody tr td.edit_reason { - width: 60%; - } - } -} - -.admin-report.flags-status { - .admin-report-table { - table-layout: auto; - - tbody tr td, - thead tr th { - text-align: left; - } - - tbody tr td.response_time, - thead tr th.response_time { - text-align: center; - } - } -} - .dashboard-next.moderation { .admin-dashboard-moderation-top { display: grid; diff --git a/app/assets/stylesheets/mobile.scss b/app/assets/stylesheets/mobile.scss index 05efaa21900..9d3312c99a3 100644 --- a/app/assets/stylesheets/mobile.scss +++ b/app/assets/stylesheets/mobile.scss @@ -22,6 +22,8 @@ @import "mobile/ring"; @import "mobile/group"; @import "mobile/groups"; +@import "mobile/admin_report"; +@import "mobile/admin_report_table"; // Import all component-specific files @import "mobile/components/*"; diff --git a/app/assets/stylesheets/mobile/admin_report.scss b/app/assets/stylesheets/mobile/admin_report.scss new file mode 100644 index 00000000000..29656b35603 --- /dev/null +++ b/app/assets/stylesheets/mobile/admin_report.scss @@ -0,0 +1,10 @@ +.admin-report.post-edits { + .admin-report-table { + .report-table { + thead tr th.edit_reason, + tbody tr td.edit_reason { + width: auto; + } + } + } +} diff --git a/app/assets/stylesheets/mobile/admin_report_table.scss b/app/assets/stylesheets/mobile/admin_report_table.scss new file mode 100644 index 00000000000..a0779794950 --- /dev/null +++ b/app/assets/stylesheets/mobile/admin_report_table.scss @@ -0,0 +1,14 @@ +.admin-report-table { + .report-table { + table-layout: fixed; + + thead tr th { + font-weight: normal; + font-size: $font-down-2; + white-space: unset; + .sort-button { + display: none; + } + } + } +}