• @[email protected]Deutsch
    7•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!

    • macnielDeutsch
      8•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 :)

        • macnielDeutsch
          17•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;
}
          • @[email protected]Deutsch
            13•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;
}