• 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
            1·
            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
              1·
              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;
}