Skip to content

[DISCONTINUED] bard but better by 1280px

Screenshot of [DISCONTINUED] bard but better

Details

Author1280px

LicenseCC BY-NC 4.0

Categorybard.google

Created

Updated

Size2.6 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

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.

Notes

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)

Source code

/* ==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;
}

}

Reviews

No reviews yet.