m365.cloud.microsoft/chat by myfonj

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

/*
Changelog
- 2.3.0 (2025-01-03) [Mail] Collapsed header for outlook.office.com/mail/
- 2.2.0 (2025-01-03) [Teams] Collapsed header for teams.microsoft.com (v2) (not applied reliably, gotta look into it)
- 2.1.1 (2024-12-20) [SHP] Collapsed header for sharepoint.com.
- 2.0.1 (2024-12-17) [Chat] Fix hiding unfocussed suggestions (now button).
- 2.0.0 (2024-12-03) [Chat] Clean message area, taller by about 200 px, so on laptop more than twice.
*/


@-moz-document domain("teams.microsoft.com") {
/*
 Categorisation
*/
}
@-moz-document url-prefix("https://teams.microsoft.com/v2/") {
 :root:not(#a#b#c) {
  --header-height: 4.8rem;
  --sidebar-width: 6.8rem;
  [data-tid="app-layout-area--title-bar"] {
   position: fixed;
   z-index: 10000;
   &:not(:hover,:focus-within) {
    width: var(--sidebar-width);
    overflow: hidden;
   }
  }
  [data-tid="app-layout-area--nav"] {
   padding-top: var(--header-height);
  }
  [data-tid="app-layout-area--header"],
  [data-tid="default-rail-header"] {
   &,
   & * {
    min-height: 0 !important;
    height: 3rem !important;
    line-height: 1.15 !important;
    & button div {
     margin-block: 0;
    }
   }
  }
 }
}

@-moz-document domain("m365.cloud.microsoft") {
/*
 Categorisation
*/
}
@-moz-document url-prefix("https://m365.cloud.microsoft/chat") {
 /*
 § brute-force approach
 * off /
 iframe {
  outline: #0FF6 solid; outline-offset: -2px;
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
 }
 /*
 § 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://[^/]+\.sharepoint.com\/.*") {
 #SuiteNavWrapper {
  #appRoot [data-automationid] > *:has(&){
   position: fixed;
   z-index: 1000;
   &:not(:hover, :focus-within) {
    width: 2em;
    overflow: hidden;
   }
  }
  *:has(> &) {
  }
 }
 [data-automationid="appCommandBar"],
 .app-container {
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
 }
 [data-automationid="appHeader"]:not(#a#b) {
  --height: 2em;
  grid-template-rows: var(--height) !important;
  height: var(--height);
  & * {
   padding: 0;
   margin: 0;
  }
 }
}
@-moz-document domain("sharepoint.com") {
 /*
 Categorisation
 */
}
@-moz-document url-prefix("https://outlook.office.com/mail/"){
 #OwaTitleBar {
   position: fixed;
   z-index: 1000;
   &:not(:hover, :focus-within) {
    width: 3rem;
    overflow: hidden;
   }
  }
 #LeftRail {
  padding-top: 3rem;
 }
}

@-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
 */
 :is(
  #llm-web-ui-chat-suggestions-container,
  [class^="messageBar"]
 ):not(:hover, :focus-within) {
  xopacity: 0;
  xposition: fixed;
  & > * {
   position: absolute;
   opacity: 0;
  }
 }
 
 /*
 */
}