my.lunchmoney.app by skube

    /* ==UserStyle==
@name           my.lunchmoney.app/overview - Feb 2024
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */
    @-moz-document url-prefix("https://my.lunchmoney.app/") {
        html {
            font-size: 10px
        }

        .ui.container {
            margin-left: 1em !important;
            margin-right: 1em !important;
            width: initial !important;
            max-width: initial;
        }
        .ui.container.g-linked-accounts > :nth-child(2) {
            align-items: center;
            flex-direction: row-reverse
        }
        .ui.fixed.table {
            table-layout: fixed;
        }

        .table-container {
            overflow-y: unset !important
        }
        table thead {
            position: sticky;
        }
        table thead {
            inset-block-start: 0;
            box-shadow: 0 4px 4px -1px rgba(0, 0, 0, 0.4);
        }


        /* Top Nav */
        .menu .container {
            width: 100% !important
        }
        .cog-icon {
            width: 1em;
            height: 1em;
        }
        .right.menu.menu.menu.menu {
            margin-left: unset !important;
            width: 100%;
        }
        .right.menu > :nth-child(1) {
            margin-right: auto !important
        }

        body:not(.no-dark).dark-mode .menu,
        body:not(.no-dark).dark-mode .ui.tabular.menu a.active.item {
            border-color: #4d4d4d54 !important;
            border-top-color: transparent !important;
        }
        .ui.tabular.menu .active.item,
        .ui.secondary.menu .active.item {
            font-weight: normal !important;
        }
        .account-icon-letter {
            width: 2em;
            height: 2em;
            position: initial !important;
        }



        /* Buttons */
        .ui.button:hover:not(.dropdown) {
            top: initial;
            opacity: 1 !important;
        }
        .ui.button:hover::after {
            opacity: 1 !important
        }
        .chevron.icon.icon.icon.icon {
            color: #ffba00 !important;
            opacity: 0.5
        }
        .chevron.icon.icon.icon:hover {
            opacity: 1
        }




        .toggle-header-container {
            justify-content: center;
            align-items: center;
            font-size: 11px;
            margin-top: 1em !important;
            margin-bottom: 0.5em
        }
        .toggle-header-container > div {
            align-items: center;
            justify-content: flex-end;
            flex-direction: row-reverse;
        }
        .toggle-header-container > :nth-child(1) {
            min-width: 17em
        }

        .toggle-header-container > :nth-child(2) {
            flex-direction: row-reverse;
            align-items: center;
            min-height: 3.6em;
            height: 3.6em;
        }
        .toggle-header-container h1 {
            flex-grow: 1;
            text-align: right;
            margin-top: 0 !important;
        }


        .fixed-banner.billing {
            display: none
        }

        .ui.menu .item {
            font-size: 10px !important;
            font-weight: initial;
        }

        /* Bottom menu */
        .ui.menu {
            min-height: auto;
        }

        .ui.tabular.menu .item {
            padding: 4px 6px;
            border-top-width: initial;
        }

        .ui.tabular.menu .active.item {
            border-top-width: 2px !important;
        }


        .ui.secondary.pointing.menu .item {
            padding: 8px 6px
        }


        .toggle-header-container {
            margin-top: 0.4em
        }
        h1.ui.header {
            font-size: 2.6em;
            text-align: center;
            line-height: 1.1;
        }

        .header-buttons > div {
            justify-content: flex-end
        }

        .g-transactions {
            display: grid;
            grid-template-columns: 1fr
        }
        .p-content-container {
            grid-column: 1/-1
        }

        .editable:hover .g-editable-text:not(selected) .default-state {
            white-space: nowrap !important;
        }
        .editable:hover .g-editable-text:not(.selected):not(.net-worth-cell) > .default-state {
            position: initial !important;
            overflow-x: hidden;
        }

        td.expandable:hover .g-editable-text .readonly {
            white-space: nowrap !important
        }

        .hover-toggle .show-on-hover {
            display: unset !important;
            opacity: 0.2;
        }

        td.cell-day {
            font-size: 11px
        }
        .ui.popup.small {
            font-size: 16px !important
        }

        .g-transactions .transaction-toolbar > :nth-child(1) {
            margin-right: auto
        }


        /* Calendar, Budget, Recurring */
        .g-calendar > .toggle-header-container,
        .g-budget > .toggle-header-container,
        .g-recurring > .toggle-header-container,
        .g-transactions > .toggle-header-container {
            display: grid;
            grid-template-columns: 1fr;
        }
        .g-calendar > .toggle-header-container > div,
        .g-budget > .toggle-header-container > div,
        .g-recurring > .toggle-header-container > div,
        .g-transactions > .toggle-header-container > div {
            justify-content: flex-end;
            flex-direction: column-reverse;
        }
        .g-calendar > .toggle-header-container .mr-1rem,
        .g-budget > .toggle-header-container .mr-1rem,
        .g-recurring > .toggle-header-container .mr-1rem,
        .g-transactions > .toggle-header-container .mr-1rem {
            margin-right: 0 !important
        }
        .g-calendar > .toggle-header-container button,
        .g-budget > .toggle-header-container button,
        .g-recurring > .toggle-header-container button,
        .g-transactions > .toggle-header-container button {
            visibility: hidden;
            margin: 0;
            height: 1px !important;
            padding: 0 !important;
        }
        .g-calendar > .toggle-header-container button::after,
        .g-budget > .toggle-header-container button::after,
        .g-recurring > .toggle-header-container button::after,
        .g-transactions > .toggle-header-container button::after {
            content: 'reset';
            visibility: visible;
            display: block;
            top: -1.6em;
            translate: 270%;
            position: absolute;
            opacity: 60%
        }
        .g-calendar > .toggle-header-container button::after {
            top: -1.6em;
        }
        .toggle-header-container:has(.dropdown) button::after {
            top: -4.6em !important;
        }


        .g-transactions .transaction-toolbar .transaction-toolbar-functions,
        .g-budget .transaction-toolbar .transaction-toolbar-functions,
        .g-query-tool .transaction-toolbar .transaction-toolbar-functions,
        #g-stats .transaction-toolbar .transaction-toolbar-functions,
        .apply-rules-modal .transaction-toolbar .transaction-toolbar-functions {
            align-items: center;
            min-height: 3em
        }

        .g-recurring > :nth-child(2) > :nth-child(2) {
            display: flex
        }


        /* Search Transactions */
        .search-transactions .ui.selection.dropdown {
            font-size: 1em !important;
            padding: 0.65em 4em
        }
        .search-transactions .ui.selection.dropdown .visible .item span {
            font-size: 1.1em !important
        }

        .card-content-wrapper .card-content span.card-number {

            font-size: 1em;
        }

        /* Recurring */
        body:not(.no-dark).dark-mode .ui.table tr.recurring {
            color: lightyellow
        }
    }