跳转至主要内容

通过 CSS 优化 Gemini Deep Research 报告的阅读效果

ghostart

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

使用前

before-style-applied

用法示例

通过 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;
}
stylus-example

使用后

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