• 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;
}
        • @plistigDeutsch
          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;
}