m365.cloud.microsoft/chat by myfonj

/* ==UserStyle==
@name           m365.cloud.microsoft/chat
@namespace      github.com/openstyles/stylus
@version        2.0.0
@description    Compact; sweep unhovered headers to the sides, hide unfocussed suggestions (use shfit+tab, arrows).
@author         myf
==/UserStyle== */

/*
Changelog
- 2.0.0 (2024-12-03) Clean message area, taller by about 200 px, so on laptop more than twice.
*/
@-moz-document url-prefix("https://m365.cloud.microsoft/chat") {
 /*
 § no white borders around content
 */
 * {
  --spacingVerticalXS: 0;
 }
 /*
 § page header: collapsed into button in left sidebar
 */
 :has(> [id="ReactShellHeader"]) {
  position: fixed;
  left: 0;
  &:not(:hover, :focus-within) {
   width: 5em;
   overflow: hidden;
   opacity: 0;
  }
  z-index:2;
  & + * {
   z-index:1;
   top: 0;
  }
 }
}

@-moz-document regexp("https://outlook\.office\.com/hosted/semanticoverview/Users\('OID:[^']+?'\)\?culture=..-..&hostName=Office&hostClientType=web&referrer=mcmcopilot&navigationType=direct&sessionId=[^&]+?&hostApp=hub&isanonymous=true&worktab=0&webtab=1&fromcode=cmc&redirectid=[^&]+$"){
 /*
 § chat header: collapsed to right sidebar
 */
 *:has(> * > * > [aria-label="New chat"]) {
  position: fixed;
  right: 0 !important;
  left: auto;
  width: auto !important;
  min-width: 290px !important;
  overflow: hidden;
  z-index: 13;
  display: block;
  & * {
   width: auto !important;
   min-width: none !important;
  }
  padding: .0em;
  border-bottom: none;
 }
 .fui-DrawerHeader { 
  height: 70px
 }
 /*
 § suggestions hidden 
 */
 #llm-web-ui-chat-suggestions-container:not(:hover, :focus-within) {
  xopacity: 0;
  xposition: fixed;
  & > * {
   position: absolute;
   opacity: 0;
  }
 }
}