Discontinued because I'm not interested in maintaining it anymore.
More compact UI and a couple of handy QoL improvements for Google Bard user interface.
Author1280px
LicenseCC BY-NC 4.0
Categorybard.google
Created
Updated
Size2.6 kB
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
More compact UI and a couple of handy QoL improvements for Google Bard user interface.
v1.3
== Compact sidebar improvements (doesn't hide icon if it is not default)
v1.2
++ Bigger images in image viewer (up to 95% of screen)
--- Removed wider input area option (now always enabled)
v1.1 -- Now available on UsW
++ Anonymous mode (hides sensitive data; can be toggled, OFF by default)
++ Wider input area (can be toggled, ON by default)
v1.0
++ Hover-to-expand input area
++ Scrollable hover-to-expand response previews
++ Compact sidebar (no useless icons, smaller width)
/* ==UserStyle==
@name bard but better
@version 1.3.0
@namespace userstyles.world/user/1280px
@description More compact UI and a couple of handy QoL improvements for Google Bard user interface.
@author 1280px
@license CC BY-NC 4.0
@preprocessor stylus
@var checkbox anonymous-mode "Hide my location and profile picture (for screenshots)" 0
==/UserStyle== */
@-moz-document url-prefix("https://bard.google.com") {
/* anonymous mode */
if (anonymous-mode) {
.location-footer-name {
padding-top: 0 !important;
background: #808080; color: #0000;
}
.user-icon {
filter: contrast(0);
}
.gb_d:has(img)::after {
content: '';
top: 2px; left: 2px;
width: 36px; height: 36px;
background-color: #808080;
border-radius: 50%;
}
}
/* bigger images in image viewer */
.cdk-overlay-container img.image-container,
.cdk-overlay-container mat-dialog-content {
max-width: calc(100vw - 32px) !important; max-height: calc(100vh - 32px) !important;
opacity: 1 !important;
border-radius: 0 !important;
}
.cdk-overlay-container .arrow-back-container .image-title,
.cdk-overlay-container .arrow-back-container .lens-text {
display: none !important;
}
/* compact conversations sidebar */
.sidenav-with-history-container {
max-width: 256px !important;
}
conversations-list .title {
color: var(--mdc-filled-text-field-label-text-color);
}
.conversations-container .conversation {
gap: 0 !important;
}
/* only show conversation icon if it is not default */
.conversations-container .icon-container {
width: min-content !important; height: min-content !important;
background-color: transparent !important;
}
.conversations-container .icon-container > mat-icon {
display: none !important;
}
.conversations-container .icon-container > img {
margin-right: 7px;
}
/* expand resporse previews on hover and allow scrolling */
.model-response-preview-button .mdc-button__label {
display: block;
height: 100%;
overflow: scroll;
}
.model-response-preview-button {
max-height: 100% !important;
transition: 280ms cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.model-response-preview-container:hover .model-response-preview-button {
height: 400px !important;
}
/* wider input area */
.input-area {
padding: 8px 16px 0 !important;
}
.capabilities-disclaimer > .gmat-caption {
margin: 6px 0 !important;
}
/* expand input area on hover */
.input-area-container #mat-input-0 {
max-height: 120px !important;
}
.input-area-container #mat-input-0:hover {
max-height: 60vh !important;
}
}