|
#ca-claude a:hover {
text-decoration: underline !important;
}
/* Improved layout adjustment - target root containers more precisely */
body.claude-sidebar-visible {
/* Don't apply margin to body directly to avoid conflicts */
}
/* Vector 2022 theme - comprehensive approach */
body.claude-sidebar-visible .mw-page-container {
margin-right: ${this.sidebarWidth} !important;
box-sizing: border-box !important;
}
/* Vector 2022 - main content wrapper */
body.claude-sidebar-visible .mw-page-container-inner {
margin-right: 0 !important;
padding-right: 0 !important;
max-width: none !important;
}
/* Vector 2022 - content area */
body.claude-sidebar-visible .mw-content-container {
max-width: none !important;
margin-right: 0 !important;
}
/* Vector 2022 - article content */
body.claude-sidebar-visible .mw-body {
margin-right: 0 !important;
max-width: none !important;
}
/* Vector 2022 - main content */
body.claude-sidebar-visible #content {
margin-right: 0 !important;
max-width: none !important;
}
/* Legacy Vector and other themes */
body.claude-sidebar-visible #globalWrapper {
margin-right: ${this.sidebarWidth} !important;
box-sizing: border-box;
}
/* Header adjustments for Vector theme */
body.claude-sidebar-visible .vector-header {
right: ${this.sidebarWidth} !important;
width: calc(100% - ${this.sidebarWidth}) !important;
box-sizing: border-box;
}
/* Sticky header */
body.claude-sidebar-visible .vector-sticky-header {
right: ${this.sidebarWidth} !important;
width: calc(100% - ${this.sidebarWidth}) !important;
box-sizing: border-box;
}
/* Legacy header */
body.claude-sidebar-visible #mw-head {
right: ${this.sidebarWidth} !important;
width: calc(100% - ${this.sidebarWidth}) !important;
box-sizing: border-box;
}
/* MonoBook and other legacy themes */
body.claude-sidebar-visible #content {
margin-right: 0 !important;
box-sizing: border-box;
}
/* Timeless theme */
body.claude-sidebar-visible .mw-body {
margin-right: 0 !important;
box-sizing: border-box;
}
body.claude-sidebar-hidden #ca-claude {
display: list-item !important;
}
/* ONLY apply layout changes when sidebar is visible, not just when it exists */
/* Reset all margins when sidebar is hidden OR not visible */
body:not(.claude-sidebar-visible) .mw-page-container,
body.claude-sidebar-hidden .mw-page-container {
margin-right: 0 !important;
}
body:not(.claude-sidebar-visible) .mw-page-container-inner,
body.claude-sidebar-hidden .mw-page-container-inner {
max-width: 960px !important;
}
body:not(.claude-sidebar-visible) .mw-content-container,
body.claude-sidebar-hidden .mw-content-container {
max-width: none !important;
}
body:not(.claude-sidebar-visible) #globalWrapper,
body.claude-sidebar-hidden #globalWrapper {
margin-right: 0 !important;
}
body:not(.claude-sidebar-visible) .vector-header,
body:not(.claude-sidebar-visible) .vector-sticky-header,
body:not(.claude-sidebar-visible) #mw-head,
body.claude-sidebar-hidden .vector-header,
body.claude-sidebar-hidden .vector-sticky-header,
body.claude-sidebar-hidden #mw-head {
right: 0 !important;
width: 100% !important;
}
body:not(.claude-sidebar-visible) #content,
body:not(.claude-sidebar-visible) .mw-body,
body.claude-sidebar-hidden #content,
body.claude-sidebar-hidden .mw-body {
margin-right: 0 !important;
}
`;
| 