通过 CSS 优化 Gemini Deep Research 报告的阅读效果
— ghostart
我在使用 Gemini 的 Deep Research 时,在生成结果之后,常感觉左侧边栏不能折叠导致阅读起来不够舒服,信息杂乱而无法专注,因此通过 CSS 对其进行了优化。
使用前

用法示例
通过 Chrome 插件 Stylus 将以下代码添加在 gemini.google.com 点击 Save 保存即可生效:
.chat-container.ng-trigger.ng-trigger-chatHistoryImmersiveTransitions {
display: none;
}
chat-window.ng-star-inserted.immersives-mode {
grid-template-columns: minmax(1560px,1fr) minmax(0,2fr) !important;
margin: 0 130px !important;
}
.overflow-container {
background: #fff;
}
infinite-scroller.disable-scroll {
--bottom-gradient-color: unset !important;
}
.toolbar.has-title {
display: none;
}
bard-sidenav.ng-trigger.ng-trigger-widthTransition.mystuff-side-nav-update.disable-onload-animations.ng-star-inserted {
display: none;
}
使用后

💡
提示:添加并保存之后,如果不需要启用可以点击插件图标关闭,后续需要再一键开启。