Skip to content

Akkoma Full Width by rat

Screenshot of Akkoma Full Width

Details

Authorrat

LicenseCC0

CategoryAkkoma

Created

Updated

Size1.2 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Makes Akkoma's main column use the full width of the window.

Notes

add your instance to the custom included sites
disable the third column in akkoma's advanced settings

Source code

/* ==UserStyle==
@name        Akkoma Full Width
@namespace   AkkomaFullWidth
@author      rat
@license     CC0
@description Makes akkoma use full width. Disable the 3rd column in Akkoma's advanced settings.
@version     1.0.2
@homepageURL https://codeberg.org/ratmaxxing/akkoma-userstyles
==/UserStyle== */
@-moz-document domain("brain.worm.pink"){
.app-layout{--maxiColumn:minmax(var(--miniColumn),99vw)}/*use max width for main column*/
.DesktopNav .inner-nav{max-width:unset}/*topbar icons float to edges*/
.thread-body .StatusContent .gallery-row{padding-bottom:256px !important}/*make attachments use less space*/
.thread-body .StatusContent .gallery-item{max-width:512px;margin:auto !important}/*constrain attachments for closer alt text button and description*/
.thread-body .StatusContent .attachment-wrapper{max-width:512px;width:100%;margin:auto}/*constrain attachments for closer alt text button and description*/
.Status .status-actions > *{flex:unset;width:5%;font-size:125%}/*make post actions such as reply bigger*/
.Status .status-actions > .ExtraButtons{margin-left:auto;width:unset}/*make extra actions button float right*/
}

Reviews

No reviews yet.