@media (max-width: 960px) {
:root {
--ait-mobile-page-x: 12px;
--ait-mobile-card-radius: 22px;
--ait-mobile-table-min: 100%;
}
html,
body {
width: 100%;
max-width: 100%;
overflow-x: hidden ;
}
body:not(.sidebar-open):not(.confirm-modal-open):not(.admin-mail-modal-open) {
overflow-y: auto ;
overscroll-behavior-y: auto ;
touch-action: pan-y pinch-zoom ;
}
body.page-admin.shell-admin:not(.sidebar-open) .sidebar:not(.open):not(.mobile-open),
body:not(.sidebar-open) .sidebar:not(.open):not(.mobile-open) {
pointer-events: none ;
visibility: hidden ;
}
body.page-admin.shell-admin.sidebar-open .sidebar,
body.sidebar-open .sidebar.open,
body.sidebar-open .sidebar.mobile-open {
visibility: visible ;
pointer-events: auto ;
overflow-y: auto ;
overscroll-behavior-y: contain ;
-webkit-overflow-scrolling: touch ;
touch-action: pan-y pinch-zoom ;
}
body:not(.sidebar-open)::before {
pointer-events: none ;
opacity: 0;
}
.account-menu[hidden] {
display: none ;
pointer-events: none ;
}
.account-menu:not([hidden]) {
max-width: min(92vw, 340px);
overflow-wrap: anywhere;
word-break: normal;
touch-action: pan-y pinch-zoom ;
}
body.page-profile .settings-page,
body.page-settings .settings-page,
body.page-help .settings-page,
body.page-admin.shell-admin .admin-page,
body.page-admin.shell-admin .admin-page-v3,
body.page-admin.shell-admin .admin-v3-body,
body.page-admin.shell-admin .admin-v2-panel,
body.page-admin.shell-admin .admin-v3-surface,
body.page-admin.shell-admin .settings-card,
body.page-admin.shell-admin .stat-card {
min-width: 0;
max-width: 100%;
box-sizing: border-box;
overflow-wrap: anywhere;
}
body.page-admin.shell-admin .content-area,
body.page-admin.shell-admin .admin-content-area,
body.page-profile .content-area,
body.page-settings .content-area,
body.page-help .content-area {
max-width: 100vw;
overflow-x: hidden ;
}
body.page-admin.shell-admin .admin-table-shell,
body.page-admin.shell-admin .admin-v2-table-shell,
body.page-admin.shell-admin .admin-modes-table-shell,
body.page-admin.shell-admin .admin-logs-table-shell,
body.page-admin.shell-admin .admin-roles-table-shell,
body.page-admin.shell-admin .admin-routing-preview-table-shell,
body.page-admin.shell-admin .admin-execution-profiles-table-shell,
body.page-admin.shell-admin .admin-intelligence-table-shell,
body.page-admin.shell-admin .admin-users-table-wrap,
body.page-admin.shell-admin .table-responsive {
width: 100%;
max-width: 100%;
min-width: 0;
display: block ;
overflow-x: auto ;
overflow-y: hidden ;
overscroll-behavior-x: contain ;
overscroll-behavior-y: auto ;
-webkit-overflow-scrolling: touch ;
touch-action: pan-x pan-y pinch-zoom ;
scrollbar-gutter: auto;
border-radius: var(--ait-mobile-card-radius);
}
body.page-admin.shell-admin .admin-table,
body.page-admin.shell-admin .admin-v2-table,
body.page-admin.shell-admin .users-table,
body.page-admin.shell-admin table.admin-table {
width: max-content;
min-width: var(--ait-mobile-table-min);
max-width: none;
}
body.page-admin.shell-admin .admin-table th,
body.page-admin.shell-admin .admin-table td,
body.page-admin.shell-admin .admin-v2-table th,
body.page-admin.shell-admin .admin-v2-table td,
body.page-admin.shell-admin .users-table th,
body.page-admin.shell-admin .users-table td {
max-width: min(72vw, 430px);
overflow-wrap: anywhere;
white-space: normal ;
vertical-align: top;
}
body.page-admin.shell-admin .admin-table .actions,
body.page-admin.shell-admin .admin-v2-table .actions,
body.page-admin.shell-admin .users-table .actions,
body.page-admin.shell-admin td:last-child {
white-space: nowrap ;
}
}
@media (max-width: 700px) {
body.page-admin.shell-admin .content-area,
body.page-admin.shell-admin .admin-content-area {
padding-left: var(--ait-mobile-page-x);
padding-right: var(--ait-mobile-page-x);
}
body.page-admin.shell-admin .admin-v3-hero,
body.page-admin.shell-admin .admin-v2-panel,
body.page-admin.shell-admin .admin-v3-surface,
body.page-admin.shell-admin .settings-card,
body.page-profile .profile-card,
body.page-settings .settings-main-card,
body.page-help .help-content-card,
body.page-help .help-sidebar-card {
border-radius: var(--ait-mobile-card-radius);
}
body.page-admin.shell-admin .admin-v2-inline-filter,
body.page-admin.shell-admin .admin-v2-inline-filter-actions,
body.page-admin.shell-admin .admin-v2-toolbar,
body.page-admin.shell-admin .admin-v3-actions,
body.page-admin.shell-admin .admin-actions-row {
min-width: 0;
max-width: 100%;
flex-wrap: wrap;
}
body.page-admin.shell-admin .admin-v11-filter-input,
body.page-admin.shell-admin .admin-v11-role-select,
body.page-admin.shell-admin .table-select,
body.page-admin.shell-admin select,
body.page-admin.shell-admin input,
body.page-admin.shell-admin textarea {
max-width: 100%;
}
}