Skip to content

Rewards & Bits Menu by jeted

Screenshot of Rewards & Bits Menu

Details

Authorjeted

LicenseNo License

Categorytwitch.tv

Created

Updated

Size1.8 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Makes rewards and bits menu bigger, and removes unnecessary text and links.

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name           Rewards
@namespace      JeteD
@version        1.3.1
@homepageURL    https://userstyles.world/style/136/rewards-menu
@author         JeteD
@preprocessor   stylus

@var text otherChannels   'Colonnes sur les autres chaînes' '4'
@var text mainChannel     'Colonnes chez Encoore' '8'

==/UserStyle== */

@-moz-document regexp("^https://www.twitch.tv/[a-zA-Z0-9_-]+") {
	* {
		--columns: otherChannels;
	}

	/* REWARDS MENU */

	// Moves the menu
	[direction="top-left"] {
		inset: unset !important;
		bottom: 0 !important;
		margin-bottom: 0 !important;
		transform: translatex(calc(-100% - 20px)) !important;
	}

	// Resizes the menu
	.reward-center__content {
		height: 100% !important;
		max-height: calc(100vh - 20px) !important;
		max-width: calc(100vw - 362px) !important;
		width: calc(var(--columns) * 93px + (var(--columns) * 10px) + 10px) !important;
	}
	.reward-center-body {
		max-width: 100% !important;
		min-height: 0 !important;
	}

	// Resizes height to show all rewards
	[aria-labelledby="channel-points-reward-center-header"] {
		height: auto !important;
		max-height: 100vh !important;
	}

	// Removes unnecessary info and fixes padding
	.reward-center__content> :first-child {
		min-height: 5rem !important;
	}
	.rewards-list,
	#channel-points-reward-center-body {
		padding-bottom: unset !important;
	}
	.rewards-list> :last-child {
		display: none !important;
	}

	/* BITS MENU */

	// Moves bits menu
	.bits-card-wrapper {
		bottom: -45px !important;
		right: 345px !important;
	}

	// Resizes height to show all cheermotes
	.cheermote-prefix-selector {
		height: auto !important;
	}
}

@-moz-document url("https://www.twitch.tv/encoore") {
	* {
		--columns: mainChannel;
	}
}

Reviews

No reviews yet.