Makes Akkoma's main column use the full width of the window.
Akkoma Full Width by rat
Details
Authorrat
LicenseCC0
CategoryAkkoma
Created
Updated
Size1.2 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
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*/
}