Skip to content

fishtank.live Better Vertical Layout by Edwin-Zarco

Screenshot of fishtank.live Better Vertical Layout

Details

AuthorEdwin-Zarco

LicenseAGPLv3

Categorywww.fishtank.live

Created

Updated

Size851 B

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

A crude attempt to make better use of a vertical monitor on fishtank.live

Notes

Tested on a 1080p monitor. Hides most of the right buttons but they're still able to be clicked. May break other elements and doesn't adapt when in landscape, so I recommend disabling when not needed.

Consider contributing on GitHub

Source code

/* ==UserStyle==
@name           fishtank.live Better Vertical Layout
@namespace      github.com/Edwin-Zarco/userstyles
@version        1.0.1
@description    Attempts to make better use of a vertical monitor
@author         Edwin Zarco
@license	AGPLv3
==/UserStyle== */
@-moz-document domain("fishtank.live") {
	/* Shrink chat box */
	.Chat_chat__Bdojy {
		width: 55%;
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
	}

	/* Shrink additional items */
	button.Button_small__1CiMC.Button_button__WqJhY,
	.AdditionalLinksPanel_additional-links-panel__Rz5nY,
	.LiveStreamsList_live-streams-list___Dfsg,
	.UserPanel_user-panel__ZKfKU,
	.Logo_logo___yD0t {
		width: 55%;
	}

	/* Expand player */
	.MainPanel_main-panel__imCh9 {
		width: 260%;
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
	}
}

Reviews

No reviews yet.