• macniel@feddit.deDeutsch
    8·
    2 years 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
        17·
        2 years 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
          13·
          2 years 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;
}