|
/* ======================================================= */
/* 3. AI ASSISTANT -(AXA BRAIN) CUSTOMIZATION MOBILE LAYOUT REFACTOR (Teleport Fix) */
/* ======================================================= */
/* 1. GLOBAL LAYER (All Devices) */
/* We ONLY force the layer order here, not the position. */
/* This ensures it sits on top of your floating buttons (z-index: 1002). */
.ext-aiassistant-panel { ▼ z-index: 29992000 !important; ▼}
/* 2. MOBILE ONLY: FULL SCREEN MODE */
/* We only force 'fixed' position on mobile to lock it to the screen. */
@media screen and (max-width: 768px) {
.ext-aiassistant- inputpanel { ▼
/* 1.Force HIDEFixed THEso BUGGYit TOPcovers HEADERthe (Cleanscreen upregardless theof top)scroll */
position: fixed !important; ▼ .ext-aiassistant-header {
background: transparent !important;
border: none !important; ▼ min-height: 0 !important;
padding: 0 !important;
pointer-events: none !important; /* Let clicks pass through empty space */
overflow: visible !important; /* Allow button to "escape" the box */
}
/* Hide the Title and extra buttons (Previous/Settings) */
▲ .ext-aiassistant-title,
.ext-aiassistant-header-actions button:not(:last-child) {
display: none !important;
}
/* 2. TELEPORT THE 'CLOSE/MINIMIZE' BUTTON TO BOTTOM LEFT */
/* We target the last button in the header actions */
.ext-aiassistant-header-actions button:last-child {
display: flex !important;
align-items: center !important;
justify-content: center !important;
/* BREAKOverride ITinline OUTstyles OFto THEforce HEADERfull width/height */
positionwidth: fixed100% !important;
z-indexheight: 3000100% !important;
pointermax-eventswidth: autonone !important;
▲ bordermax-height: none !important;
/* PINPin TOto BOTTOMall LEFT (Next to4 Keyboard)corners */
bottomtop: 12px0 !important;
left: 10px !important;
top: auto !important; /* Reset top positioning */
/* Visual Styling */
width: 36px !important;
height: 36px !important;
background: rgba(0,0,0,0.05) !important; /* Subtle contrast */
border-radius: 50% !important;
backdrop-filter: blur(10px);
}
/* 3. SHIFT TEXT BOX TO THE RIGHT */
/* Make space for the new button position */
▲ .ext-aiassistant-input {
margin-left: 45px !important;
width: calc(100% - 90px) !important; /* Adjust width to fit both buttons */
}
/* 4. ENSURE FOOTER IS STABLE */
.ext-aiassistant-footer {
position: fixed !important; /* Anchor footer to screen bottom */
bottom: 0 !important;
left: 0 !important;
right: 0 !important;
padding-bottom: env(safe-area-inset-bottom)0 !important;
background: #ffffff !important;
▲ z-index: 2999 !important;
}
/* 5. RESET PANEL TO/* Reset FULLstyles SCREENfor (Noa complexflat heightapp-like calc)look */
▲ heightborder-radius: 0 !important;
▲ .ext-aiassistant-panel {
▲ position: fixed !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
margin: 0 !important;
border: none !important;
}
/* 6.Ensure PADDINGthe FORinternal CHATchat MESSAGESbody expands to fill the space */
/* Ensure messages don't get hidden behind the fixed footer */
.ext-aiassistant-body {
padding-bottomheight: 70pxauto !important;
paddingflex-topgrow: 20px1 !important; /* Since header is gone */
}
}
|