|
white-space: normal !important;
word-wrap: break-word !important;
}
/* ======================================================= */
/* MOBILE: SYMMETRIC FOOTER — [Close] [Input] [Send] */
/* ======================================================= */
@media screen and (max-width: 768px) {
/* 1. Make footer a flex row with centered alignment */
.ext-aiassistant-footer {
display: flex !important;
align-items: center !important;
gap: 4px !important;
padding: 6px 8px !important;
}
/* 2. Pull minimize button into footer position */
.ext-aiassistant-header-actions > button:last-child {
/* Break out of header and pin into footer */
position: fixed !important;
bottom: 6px !important;
left: 8px !important;
z-index: 2002 !important;
/* Match Send button: 36px circle */
width: 36px !important;
height: 36px !important;
min-width: 36px !important;
max-width: 36px !important;
border-radius: 50% !important;
padding: 0 !important;
margin: 0 !important;
/* Gray background, white icon — mirrors Send */
background-color: #CCCCCC !important;
border: none !important;
box-shadow: none !important;
/* Center icon */
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
/* 3. Make the minus icon white */
.ext-aiassistant-header-actions > button:last-child .cdx-icon,
.ext-aiassistant-header-actions > button:last-child svg {
color: #ffffff !important;
fill: #ffffff !important;
}
/* 4. Add left padding so text area clears the close button */
.ext-aiassistant-footer {
padding-left: 48px !important;
}
}
|