Skip to content

D&D Beyond - Large Screen Character View by mstvnz

Details

Authormstvnz

LicenseMIT

Categoryhttps://www.dndbeyond.com/characters/

Created

Updated

Size1.8 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Prevents the game log from floating over the top of the character sheet when there is space to do so. Extends the game log and central box to fit more data.

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name         D&D Beyond - Large Screen Character View
@version      20241116.04.11
@namespace    https://userstyles.world/user/mstvnz
@description  Prevents the game log from floating over the top of the character sheet when there is space to do so. Extends the game log and central box to fit more data.
@author       mstvnz
@license      MIT
==/UserStyle== */

@-moz-document url-prefix("https://www.dndbeyond.com/characters") {
html {
    --portrait-modifier: 0px;
    --title-modifier: 0px;
    --primary-box-space: calc(450px + var(--portrait-modifier) - var(--title-modifier));
}

@media (max-width: 1880px) {
    div.ct-character-sheet__inner {
        margin: 0 345px 0 auto;
    }
}

@media (max-width: 1540px) {
    div.ct-character-sheet__inner {
        margin: 0;
    }
}

.ct-actions,
.ct-spells,
.ct-equipment,
.ct-features,
.ct-description,
.ct-notes,
.ct-extras {
    min-height: 600px;
    height: calc(100vh - var(--primary-box-space) - 70px) !important;
}

.ddbc-tab-options__content {
    min-height: 560px;
    height: calc(100vh - var(--primary-box-space) - 110px) !important;
}

.ct-primary-box {
    min-height: 660px;
    height: calc(100vh - var(--primary-box-space)) !important;
}

.ct-primary-box > .ddbc-box-background .ddbc-svg {
    display: none;
}

.ct-primary-box > .ddbc-box-background {
    width: 623px;
    min-height: 660px;
    height: calc(100vh - var(--primary-box-space));
    background-color: var(--theme-background);
    border: 3px solid var(--theme-color);
    border-radius: 7px;
}

.ct-sidebar {
    margin-top: calc(var(--portrait-modifier) - var(--title-modifier));
    min-height: 60.375rem;
    height: calc(100vh - 140px - var(--portrait-modifier) + var(--title-modifier));
}
}

Reviews

No reviews yet.