/** * Floating admin-tab region. * * Vertical strip of local-task tabs (Edit / Delete / Revisions / etc.) * stuck to the left edge of the viewport, centered vertically. Position * is `fixed` so the tabs never push site content down or shift layout. * Empty for anonymous users (no local tasks to show) - so this CSS is * a no-op in that case. Hidden entirely on mobile per the * "Drupal admin isn't made for mobile" stance. */ .region-admin-tab { position: fixed; /* Position the TOP EDGE (no translateY trick here). max() takes the * larger of two candidates: * - Floor: 91px + Drupal's displaced top offset (the admin toolbar * sets --drupal-displace-offset-top on when active). This * guarantees the strip never covers the header / toolbar. * - Centered: 50vh minus an estimate of half the strip's height * (--admin-tab-half-height, default 200px ~= half of a 5-tab * strip of rotated text). When the viewport is tall enough this * wins and the strip appears roughly centered. * If the strip grows beyond ~10 tabs the centering will drift but the * floor still holds. Bump --admin-tab-half-height per project if needed. */ top: max( calc(91px + var(--drupal-displace-offset-top, 0px)), calc(50vh - var(--admin-tab-half-height, 200px)) ); left: 0; z-index: 1020; padding: 0; /* flush to screen edge - tab text starts at x=0 */ background: #fff; border-radius: 0 0.375rem 0.375rem 0; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12); } /* Bootstrap5 base theme rewrites the markup as: *