@media (max-width: 960px) {
:root {
--ait-admin-mobile-topbar-height: 76px;
--ait-admin-mobile-sticky-table-top: calc(var(--ait-admin-mobile-topbar-height) + 4px);
--ait-admin-mobile-table-header-z: 42;
}
body.page-admin.shell-admin:not(.sidebar-open):not(.confirm-modal-open):not(.admin-mail-modal-open) .main,
body.page-admin.shell-admin:not(.sidebar-open):not(.confirm-modal-open):not(.admin-mail-modal-open) .main-admin-v15 {
padding-top:var(--ait-admin-mobile-topbar-height);
}
body.page-admin.shell-admin .topbar {
position: fixed ;
top: 0 ;
left: 0 ;
right: 0 ;
z-index: 900 ;
min-height: var(--ait-admin-mobile-topbar-height);
width: 100%;
max-width: 100vw;
box-sizing: border-box;
transform: translateZ(0) ;
backface-visibility: hidden;
}
body.page-admin.shell-admin.sidebar-open .topbar {
z-index: 920 ;
}
body.page-admin.shell-admin .admin-content-area,
body.page-admin.shell-admin .admin-content-area-v15,
body.page-admin.shell-admin .content-area {
scroll-padding-top: var(--ait-admin-mobile-sticky-table-top);
}
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 {
overflow-x: auto ;
overflow-y: visible ;
isolation: isolate;
contain: layout style;
scroll-padding-top: var(--ait-admin-mobile-sticky-table-top);
}
body.page-admin.shell-admin .admin-user-actions,
body.page-admin.shell-admin .admin-action-stack,
body.page-admin.shell-admin .admin-v2-action-stack,
body.page-admin.shell-admin .version-entry-admin-actions {
display: inline-flex ;
align-items:center;
justify-content:flex-start;
flex-wrap: nowrap;
gap:8px;
width: max-content;
max-width: none;
white-space: nowrap ;
}
body.page-admin.shell-admin .admin-user-actions form,
body.page-admin.shell-admin .admin-action-stack form,
body.page-admin.shell-admin .admin-v2-action-stack form,
body.page-admin.shell-admin .version-entry-admin-actions form,
body.page-admin.shell-admin .admin-status-form {
display: inline-flex ;
flex: 0 0 auto;
margin:0;
white-space: nowrap ;
}
body.page-admin.shell-admin .admin-user-actions .button,
body.page-admin.shell-admin .admin-action-stack .button,
body.page-admin.shell-admin .admin-v2-action-stack .button,
body.page-admin.shell-admin .version-entry-admin-actions .button {
flex: 0 0 auto;
min-height: 38px;
padding:0 12px;
white-space: nowrap ;
line-height:1.05;
}
body.page-admin.shell-admin .admin-table td:last-child,
body.page-admin.shell-admin .admin-v2-table td:last-child,
body.page-admin.shell-admin .users-table td:last-child {
min-width: max-content;
white-space: nowrap ;
}
}
@media (max-width: 430px) {
:root {
--ait-admin-mobile-topbar-height: 70px;
--ait-admin-mobile-sticky-table-top: calc(var(--ait-admin-mobile-topbar-height) + 4px);
}
body.page-admin.shell-admin .admin-user-actions .button,
body.page-admin.shell-admin .admin-action-stack .button,
body.page-admin.shell-admin .admin-v2-action-stack .button,
body.page-admin.shell-admin .version-entry-admin-actions .button {
min-height: 36px;
padding:0 10px;
font-size:0.9rem;
}
}
@media (max-width: 960px) {
body.page-admin.shell-admin .admin-table thead,
body.page-admin.shell-admin .admin-v2-table thead,
body.page-admin.shell-admin .users-table thead,
body.page-admin.shell-admin table.admin-table thead {
position: static ;
top: auto ;
z-index: auto ;
transform: none ;
}
body.page-admin.shell-admin .admin-table thead th,
body.page-admin.shell-admin .admin-v2-table thead th,
body.page-admin.shell-admin .users-table thead th,
body.page-admin.shell-admin table.admin-table thead th {
position: static ;
top: auto ;
z-index: auto ;
transform: none ;
box-shadow:inset 0 -1px 0 rgba(120, 145, 190, 0.22);
backdrop-filter:none;
-webkit-backdrop-filter:none;
}
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 {
overflow-x: auto;
overflow-y: hidden ;
-webkit-overflow-scrolling: touch ;
overscroll-behavior-x: contain ;
touch-action: pan-x pan-y pinch-zoom ;
}
body.page-admin.shell-admin .admin-user-actions,
body.page-admin.shell-admin .admin-action-stack,
body.page-admin.shell-admin .admin-v2-action-stack,
body.page-admin.shell-admin .version-entry-admin-actions {
flex-wrap: nowrap;
width: max-content;
max-width: none;
white-space: nowrap ;
}
}