compact-outlook-calendar.user.css

/* ==UserStyle==
@name         Compact Outlook.com Calendar
@version      20240124.13.32
@namespace    ?
==/UserStyle== */

@-moz-document url-prefix("https://outlook.office.com/calendar/view/week"), url-prefix("https://outlook.office.com/calendar/view/workweek"), url-prefix("https://outlook.office.com/calendar/view/day") {
/* collapse global nav unless hovering over edge */
#appContainer:not(:hover:not(:has(* >#MainModule:hover))) {
    :has(> #MainModule) {
        box-shadow: inset 1rem 0 0 0 var(--neutralTertiarySurface);
    }
    #MainModule {
        margin-left: 1rem !important;
    }
    :where(#RibbonRoot, #o365header, #LeftRail) {
        display: none !important;
    }
}

/* calendar widget */
[data-app-section="CalendarModule"] {
    /* calendar content */
    [data-app-section="CalendarModuleSurface"] {
        /* header/all-day area */
        div:has(> [style^="flex-basis:"] > div > div > time) {
            /* make shorter */
            height: 28px !important;
            min-height: 28px !important;
            /* day number */
            > [style^="flex-basis:"] > div:has(> div:nth-child(2) > time) {
                flex-direction: row !important;
                > div:nth-child(2) {
                    margin-top: 0 !important;
                    > time {
                        /* put on first line */
                        font-size: 12px !important;
                        margin-left: 4px !important;
                        /* undo today styling */
                        display: inline-block !important;
                        vertical-align: baseline !important;
                        background: transparent !important;
                        color: var(--neutralPrimary) !important;
                        font-weight: inherit !important;
                        padding: 0 !important;
                        height: auto !important;
                        width: auto !important;
                        > div { margin-top: 0 !important }
                    }
                }
            }
            > [style^="flex-basis:"] > div:has(> div:nth-child(2) > time > div) * {
                /* add better today styling */
                color: var(--themePrimary) !important;
            }
        }
        /* day/time grid */
        [style^="height: 1440px"] {
            /* reduce vertical scale to fit most on the screen */
            height: 125vh !important;
        }
        /* event block */
        [draggable="true"] > [data-calitemid] {
            /* left event accent border */
            > div[style*="border-width: 1px"]:nth-child(1) {
                /* remove it */
                display: none !important;
            }
            /* event content */
            > div[tabindex]:nth-child(2) {
                /* reduce padding */
                padding: 3px !important;
            }
        }
    }
}
}