BetterWebUntis by defineusernamexd

/* ==UserStyle==
@name         BetterWebUntis
@version      20250306.08.60
@namespace    https://userstyles.world/user/defineusernamexd
@description  returns WebUntis back to the way it was before (at least the colors fit my timetable)
@author       defineusernamexd
@license      No License
==/UserStyle== */

@-moz-document url-prefix("https://nete.webuntis.com/timetable/") {
/* ====== GENERAL STYLES ====== */
.timetable-grid-card {
    position: absolute;
    overflow: hidden;
    background-color: transparent;
    border-radius: 6px;
}
    
.lesson-card-resources-with-change-container {
    display: flex;
    flex-wrap: nowrap;  /* Keep everything in one row */
    overflow: hidden;    /* Hide overflowing text */
    text-overflow: ellipsis; /* Show '...' when text overflows */
    white-space: nowrap; /* Prevent text from wrapping */
    max-width: 100%;     /* Ensure it doesn't exceed card width */
    align-items: center; /* Keep text and +15 aligned */
}
    
/* Remove bold styling from teachers */
.lesson-card-resource-with-change[data-testid="lesson-card-resource-with-change-teachers"] span {
    font-weight: normal !important;
}

/* Ensure lesson info container uses flex layout */
.lesson-card-info-container {
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between; /* Evenly distribute items */
    height: 100%; /* Ensure container uses full height */
}

.timetable-grid-card {
    padding: 1px 0;
}

.timetable-grid-card.shadow > * {
    box-shadow: 0 -8px 16px -4px #00050a0d,
    0 16px 32px -8px #00050a3d,
    0 2px 8px #00050a14;
}

.timetable-grid-card > * {
    background-color: #adffad !important;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    height: 100%;
    text-align: center;
}

.lesson-card {
    border-radius: 6px;
}

.timetable-current-time-line-today {
    display: none;
}

.timetable-grid-current-time--line {
    margin-left: -3px;
}
    
    /* Reset bold styling for teachers */
.lesson-card-resource-with-change[data-testid="lesson-card-resource-with-change-teachers"] {
    font-weight: normal !important;
}

/* Flex container for correct order */
.lesson-card-info-container {
    display: flex;
    flex-direction: column;
}

/* Subject at the top */
.lesson-card-row:has(.lesson-card-subject-container) {
    order: -2;
    font-size: 14px;
    font-weight: 600;
}

/* Room in the second position */
.lesson-card-row:has([data-testid="lesson-card-resource-with-change-rooms"]) {
    order: -1;
}

/* Teachers at the bottom */
.lesson-card-row:has([data-testid="lesson-card-resource-with-change-teachers"]) {
    order: 3;
}
    
.lesson-card-top-element {
    font-size: unset !important;
    font-weight: unset !important;
}

/* ====== GRID & SPACING ====== */
/* Add spacing between horizontally adjacent timetable cards */
.timetable-grid-card[style*="width: calc(50%"] {
    width: calc(50% - 2px) !important;
}

.timetable-grid-card[style*="left: calc(50%"] {
    left: calc(50% + 2px) !important;
}

/* Ensure full-width cards remain the same */
.timetable-grid-card[style*="width: calc(100%"] {
    left: calc(0% + 1px) !important;
    width: calc(100% - 1px) !important;
}

/* ====== LESSON CARD STRUCTURE ====== */
.lesson-card-inner-card {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    height: 100%;
    width: 100%;
}

/* Distribute rows evenly */
.lesson-card-row {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    flex: 1;
}

/* Handle text centering while keeping icons aligned */
.lesson-card-resources-with-change-container {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.lesson-card-icons {
    position: absolute;
    right: 0;
}

/* ====== TEXT ALIGNMENT ====== */
.lesson-card-resources-with-change,
.lesson-card-student-groups,
.lesson-card-subjects,
.lesson-card-text-content {
    text-align: center !important;
}

.lesson-card .lesson-card-resources-with-change-container,
.lesson-card .lesson-card-student-group-container,
.lesson-card .lesson-card-subject-container,
.lesson-card .lesson-card-text-content-container {
    display: unset !important;
}

/* ====== LESSON STATUS ====== */
.lesson-card.in-the-past.cancelled:not(.lesson-card.highlighted) {
    opacity: 0.4;
}

.lesson-card.cancelled:not(.lesson-card.highlighted) {
    opacity: 1;
}

/* Hide unnecessary elements */
.lesson-card-color-bar,
.change-indicator,
.exam-indicator {
    display: none;
}

/* ====== SPECIAL BACKGROUND COLORS ====== */
.timetable-grid-card:has(.lesson-card-indicator.change-indicator) > * {
    background-color: #a780b5 !important;
}

.timetable-grid-card:has(.lesson-card-indicator.exam-indicator) > * {
    background-color: #feed01 !important;
}

.timetable-grid-card:has(.lesson-card.cancelled) > * {
    background-color: #c0c0c0 !important;
}

/* ====== LEGEND FILTERS & ICON COLORS ====== */
[data-testid="legend-filter-change"] .lesson-card-indicator-shape svg polygon,
.lesson-card-remove-tag.show-tag {
    color: #a780b5 !important;
    background-color: #a780b5 !important;
}
}