• macniel@feddit.de
      link
      fedilink
      Deutsch
      arrow-up
      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;
      }
      
      • plistig@feddit.de
        link
        fedilink
        Deutsch
        arrow-up
        13
        ·
        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;
        }