• A2PKXG@feddit.de
    link
    fedilink
    Deutsch
    arrow-up
    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.de
      link
      fedilink
      Deutsch
      arrow-up
      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.de
          link
          fedilink
          Deutsch
          arrow-up
          4
          ·
          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.de
            link
            fedilink
            Deutsch
            arrow-up
            4
            ·
            edit-2
            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;
            }