Expands M365 Copilot Chat and the main Microsoft Loop notes canvas.
// ==UserScript==
// @name M365 Copilot + Loop Full Width
// @namespace http://tampermonkey.net/
// @version 4.2
// @description Expands M365 Copilot Chat and the main Microsoft Loop notes canvas.
// @match https://m365.cloud.microsoft/*
// @match https://*.m365.cloud.microsoft/*
// @match https://microsoft365.com/*
// @match https://www.microsoft365.com/*
// @match https://loop.cloud.microsoft/*
// @match https://*.loop.cloud.microsoft/*
// @match https://loop.microsoft.com/*
// @match https://*.loop.microsoft.com/*
// @grant GM_addStyle
// @run-at document-start
// @license MIT
// ==/UserScript==
(() => {
'use strict';
GM_addStyle(`
/* M365 Copilot */
#m365-copilot-app-layout-content {
width: 100% !important;
max-width: none !important;
padding-inline: clamp(12px, 1.5vw, 24px) !important;
box-sizing: border-box !important;
}
#m365-copilot-app-layout-content :has(#m365-chat-input-shared-container) {
width: 100% !important;
max-width: none !important;
margin-inline: 0 !important;
box-sizing: border-box !important;
}
#m365-copilot-app-layout-content div {
max-width: none !important;
}
#m365-chat-input-shared-container,
[data-test-id="chat-input-wrapper"] {
width: 100% !important;
max-width: none !important;
}
/* Loop: target only the main notes editor, not Title or table cells. */
.scriptor-pageContainer[role="textbox"][aria-label="Canvas"] {
width: 100% !important;
max-width: none !important;
box-sizing: border-box !important;
}
.scriptor-pageContainer[role="textbox"][aria-label="Canvas"]
> .scriptor-pageFrame {
width: 100% !important;
max-width: none !important;
margin-inline: 0 !important;
box-sizing: border-box !important;
}
@media (max-width: 700px) {
#m365-copilot-app-layout-content {
padding-inline: 10px !important;
}
.scriptor-pageContainer[role="textbox"][aria-label="Canvas"] {
padding-inline: 10px !important;
}
}
`);
})();