• RawBin@feddit.deDeutsch
      0·
      1 year ago

      Vor allem ist das hier eigentlich ganz nett (heh)… Ich kann nichtmal behaupten, dass ich Reddit groß vermissen würde 🤣

      • Seven@feddit.deMDeutsch
        0·
        1 year ago

        Wenn man sich einmal bisschen mit den Instanzen und Communities auseinander gesetzt hat, findet man auch gleich aktive Communities und hat auf einmal eine sehr ähnliche Erfahrung beim Surfen. Ich vermisse Reddit jetzt echt gar nicht (maximal ein bisschen die bessere App, RIF Apollo). Ansonsten mag ich die Stimmung überall gerade einfach sehr.

        • RawBin@feddit.deDeutsch
          1·
          1 year ago

          Ja, ich hab auch das Gefühl, dass man eigentlich zu (fast) jeder Reddit-Community auf irgend einer Instanz eine freundlichere Variante findet 😄 Und Jerboa ist zwar noch nicht auf RIF-Niveau, aber wenn das in einem ähnlichen Tempo weiter geht, sind die nächsten Dienstag wahrscheinlich am Ziel 🤣 Echt Respekt an alle, die sich da gerade so reinhängen! :D

        • A2PKXG@feddit.deDeutsch
          0·
          1 year ago

          Dafür müsste es doch Lösungen geben. Quasi skins. Legt das jede Instanz selbst fest? Dann kann man eine Instanz im alten Design eröffnen!

          • macniel@feddit.deDeutsch
            0·
            1 year ago

            Meine Lösung zu diesem Problem hab ich mit Stylus für Firefox gelöst und ein bisschen Hand angelegt.

            Jetzt hab ich stets die Menüleiste oben und den Ein-/Zuklapp Button nebem den Benutzer Avatar/Name. So kann es sich leben :)

              • macniel@feddit.deDeutsch
                0·
                1 year ago

                Ja gerne. Man kann sicherlich noch mehr rausholen :)

                /* 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: #333 !important;
    }
}

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

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

/* hide the total "post value" from the user line */
.d-flex a.unselectable {
    display: none;
}
                • plistig@feddit.deDeutsch
                  0·
                  1 year ago

                  Klasse, danke! In Ermangelung von Lemmy-Gold, kann ich dir nur diese Münze überreichen: ¤

                  Ich habe deine Vorlage noch geringfügig angepasst: https://i.imgur.com/DHnf9QM.png

                  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;
}