Hallo alle, ich bin wie vermutlich viele andere von Reddit aus hierher gespült worden. Als erstes fällt mir leider auf, dass Lemmy mal echt hässlich ist (Tschuligung an die Entwickler). Gibt es keine Möglichkeit für Nutzer oder vielleicht auch die Server-Verwalter daran etwas zu schrauben?

Das es hässlich ist, wäre an sich ja gar nicht mal so schlimm, aber ich finde es auch sehr schwer Kommentarfäden zu lesen. Da müsste zumindest etwas mehr Einrückung bei Antworten rein. Und wieso werden nur 540 Pixel in der Bildschirmbreite genutzt. Wer soll denn so lesen?

Kurz gesagt: Könnte man Lemmy nicht irgendwie wie old.reddit statt new.reddit aussehen lassen? Hoffe mal, dass man erster Post hier nicht zu negativ rüber kommt. :)

  • plistig@feddit.deOPDeutsch
    1·
    1 year ago

    @DmMacniel hat seine Anpassungen gepostet, ich hab sie noch geringfügig angepasst: https://feddit.de/comment/237063

    Code: 
    /* makes the top navigation bar sticky, so it won't scroll out of view */
 nav.navbar {
    position: sticky;
    top: 0;
    background: var(--lt-color-background-default);
    /* default light-mode color */
    z-index: 100;
}
/* Override to keep the bottom disclaimer bar at the bottom */
 div+nav.navbar {
    z-index: 100;
    position: relative;
    background: transparent !important;
    bottom: 0;
}
/* On darkmode the topbar has a darker shade of gray */
 @media(prefers-color-scheme: dark) {
    nav.navbar {
    	background-color: #222222e0 !important;
    }
}

/* indents comments on comments further to keep the hierarchy more pronounced */
 .comment-node {
    position: relative;
}

.ml-1, .mx-1 {
  margin-left: 1.5ch !important;
}

/* Move the Collapse/Expand toggle in front of username/avatar */
button[aria-label="Collapse"], button[aria-label="Expand"] {
    position: absolute;
    left: -4ch;
}

.col-12.col-md-8 > div:not([class]) {
    background-color: #22222280;
    padding: 1ch;
}

body {
    background-color: #000;
}

.container, .container-lg, .container-md, .container-sm, .container-xl {
  max-width: 1440px;
}

.d-flex.text-muted.font-weight-bold {
    display: none !important;
}

:is(.ml-2, [class=""]):is(:focus, :hover) .d-flex.text-muted.font-weight-bold {
    display: flex !important;
    position: absolute;
    z-index: 50;
    background-color: #222222a0;
}

.ml-2 {
    padding-bottom: 4px;
    padding-left: 0.5ch;
}

.details.border-top {
	border-color: #aaaaaa20 !important;
    border-radius: 2ch;
}