0 points
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 :)
0 points
0 points
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;
}
0 points
*
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;
}
0 points
0 points
