1. Nachrichten
  2. Forum
    1. Unerledigte Themen
    2. Forenregeln
  3. Spenden
  • Anmelden
  • Registrieren
  • Suche
Alles
  • Alles
  • Artikel
  • Seiten
  • Forum
  • Erweiterte Suche
  1. camp-firefox.de
  2. FuchsFan

Beiträge von FuchsFan

  • Ansicht "Erweiterungen verwalten"

    • FuchsFan
    • 8. Januar 2021 um 14:04
    Zitat von 2002Andreas

    Denn der spricht ja alles pauschal an.

    Dazu hätte ich auch sagen müssen :rolleyes:, dass ich für jede Rubrik die Länge einzeln angepasst habe. Der besagte Eintrag .card, hat nur noch für Themes seine Bedeutung, weil ich die Container so lang brauche.

  • Ansicht "Erweiterungen verwalten"

    • FuchsFan
    • 8. Januar 2021 um 13:55
    Zitat von 2002Andreas

    Meinst du das so?

    Genau das habe ich gemeint. Ist ja doch komplizierter wie angenommen.:/

    Ein großes Dankeschön an dich.:thumbup::)

    Zitat von 2002Andreas

    Und in Zeile 27 diesen Eintrag entfernen:

    Den darf ich nicht entfernen, dann sieht es so aus:

  • Ansicht "Erweiterungen verwalten"

    • FuchsFan
    • 8. Januar 2021 um 12:03

    Ich bitte um Hilfe. Auf der rechten Seite die Container, speziell für "Empfehlungen" , einkürzen, dazu versuche ich damit zum Ziel zu kommen. Es will nicht gelingen, wie muss der Selektor heißen?

    CSS
    addon-list[type="references"] addon-card > .addon.card{
       max-width: 60vw !important; }   
  • Ansicht "Erweiterungen verwalten"

    • FuchsFan
    • 7. Januar 2021 um 22:10

    Dharkness

    Ich teile dir hier mit, mache dir nicht mehr die Mühe , um die Verlagerung der Button. Lohnt sich nicht.;)

    Ich habe kurz überlegt, was du hier RE: Ansicht "Erweiterungen verwalten" mitgeteilt hast, erscheint mir sinnvoll. Danke!:thumbup:

    Das ist dabei raus gekommen:

  • Ansicht "Erweiterungen verwalten"

    • FuchsFan
    • 6. Januar 2021 um 22:09
    Zitat von Dharkness

    Ich schaue mir das aber noch weiter an, vielleicht kann ich doch noch eine Lösung bauen.

    Es wäre zwar gut zu wissen, wie das geregelt werden kann, aber ich bin auch mit der jetzigen Lösung voll und ganz zufrieden.

    Danke, für deine Bemühungen. :thumbup::)

  • Ansicht "Erweiterungen verwalten"

    • FuchsFan
    • 6. Januar 2021 um 20:54

    Auf die Schnelle habe ich den Code mal so angepasst, dass du erkennen kannst, was ich meine.

    CSS
    /*=================== AGENT_SHEET =============================*/
    
    
    @-moz-document url-prefix(chrome://mozapps/content/extensions/aboutaddons.html),
    url-prefix(about:addons) {
    
    
    /* Add-ons-Manager linke Seite (Sidebar) Hintergrund */
    #sidebar {
    background: linear-gradient(to bottom right, white,#acacac,#f2f3f4,#acacac) !important;
    }
    
    
    /* Add-ons-Manager rechte Seite Hintergrund */
    #content,
    .sticky-container,
    .main-search,
    .main-heading {
    background: #bfc1c2 !important;
    }
    
    
    /*=============== Container rechte Seite anpassen ==================*/
    
    
    /* für alle Elemente rechte Seite die Länge einstellen */
    .card,
    addon-list addon-card > .addon.card,
    addon-card[expanded] >.addon.card {
    width: 80vw !important; /* Länge aller Elemente */
    border: 2px solid grey !important;
    border-radius: 10px !important;
    }
    
    
    /* Add-on Manager - Hintergrundfarbe für alle Elemente anpassen */
    .addon.card {
    background: gainsboro !important;
    max-width: initial !important;
    }
    
    
    /* Hintergrund der Container bei Hover andere Farbe */
    addon-list addon-card > .addon.card:hover {
    background: lightblue !important;
    }
    
    
    /* Umrandung der Container bei Hover breiter Rand und andere Farbe */
    :root {
    --card-outline-color: royalblue !important;
    }
    
    
    /* vertikaler Abstand zwischen den Containern */
    addon-card .addon {
    margin: 7px !important;
    }
    
    
    /*Höhe der Container */
    addon-card:not([expanded="true"]) .addon.card {
    max-height: 82px !important; /* maximale Höhe der Container / hauptsächlich für Theme gedacht */
    }
    
    
    /* Schrift in den Containern / erlaubte Ausdehnung nach rechts */
    .addon-description {
    max-width: 750px !important;
    }
    
    
    /* verhindert die Ausweitung der Schrift über den rechten Rand der Container */
    addon-card > .addon.card,
    addon-card > .addon.card * {
    overflow: hidden !important;
    }
    
    
    /*============== sonstige Anpassungen =====================*/
    
    
    /* Hintergrund Menü Verwalten bei Hover */
    .card:hover,
    addon-list addon-card > .addon.card:hover,
    addon-card[expanded] >.addon.card:hover {
    background: lightblue !important;
    }
    
    
    /* Name für Erweiterungen, Themes, usw. in erster Zeile */
    /* unter content beliebiger Name verwendbar */
    .header-name {
    font-size:0px !important;
    margin-top: 17px !important;
    }
    .header-name[data-l10n-id="extension-heading"]::after {
    font-size:18px !important;
    font-weight: bold !important;
    color: blue !important;
    content: 'Erweiterungen verwalten' !important;
    }
    .header-name[data-l10n-id="theme-heading"]::after {
    font-size:18px !important;
    font-weight: bold !important;
    color: blue !important;
    content: 'Themen verwalten' !important;
    }
    .header-name[data-l10n-id="plugin-heading"]::after {
    font-size:18px !important;
    font-weight: bold !important;
    color: blue !important;
    content: 'Plugins verwalten' !important;
    }
    .header-name[data-l10n-id="dictionary-heading"]::after {
    font-size:18px !important;
    font-weight: bold !important;
    color: blue !important;
    content: 'Wörterbücher verwalten' !important;
    }
    
    
    /* Versionsnummer wird angezeigt */
    div:not([current-view="updates"]) .addon-name-link[title]:not([data-l10n-args])::after,
    div:not([current-view="updates"]) .addon-name[title]:not([data-l10n-args])::after {
    display: block !important;
    content: attr(title) !important;
    margin-top: -22px !important;
    }
    
    
    /* unter Themes die Grafik anpassen */
    .card-heading-image {
    min-width: 800px !important; /* Länge der Grafik */
    height: 90px !important; /* Höhe der Grafik */
    margin-left: -4px !important; /* Abstand vom linken Rand */
    margin-top: -8px !important; /* Abstand vom oberen Rand */
    border: 2px solid grey !important; /* Umrandung */
    border-radius: 8px !important;
    }
    
    
    /* blendet den Text für privates Browsing ein */
    /* bei kurzen Containern empfiehlt sich die Deaktivierung */
    .addon-badge-private-browsing-allowed::before {
    content: "(In privaten Fenstern erlaubt)" !important;
    margin-left: 10px !important; /* Entfernung nach rechts */
    }
    
    
    /* lila Icon -In privatem fenster erlaubt- Entfernung nach rechts */
    .addon-badge-private-browsing-allowed {
    min-width: 430px !important;
    }
    
    
    /* fortlaufende Nummerierung installierter Erweiterungen, Themes, usw. */
    body {
    counter-reset: section;
    }
    
    
    #main > div:nth-child(1) > addon-list:nth-child(1) > section:nth-child(2) > addon-card:nth-child(n+2) > div:nth-child(1) > div:nth-child(2)::before,
    #main > div:nth-child(1) > addon-list:nth-child(1) > section:nth-child(3) > addon-card:nth-child(n+2) > div:nth-child(1) > div:nth-child(2)::before {
    color: red !important;
    font-weight: bold !important;
    counter-increment: section;
    content: counter(section, decimal-leading-zero)".) ";
    padding-right: 20px !important;
    margin-top: -2px!important; /* Lage im Container */
    margin-left: 5px !important; /* Abstand vom linken Rand */
    }
    
    
    /* Unter Plugins - Nachfragen ob aktiviert werden soll - entfernt */
    .card > plugin-options:nth-child(4) > panel-list:nth-child(1) > panel-item:nth-child(1),
    #main > div:nth-child(1) > addon-list:nth-child(1) > section:nth-child(2) > addon-card:nth-child(2) > div:nth-child(1) > plugin-options:nth-child(4) > panel-list:nth-child(1) > panel-item:nth-child(1),
    #main > div:nth-child(1) > addon-list:nth-child(1) > section:nth-child(2) > addon-card:nth-child(3) > div:nth-child(1) > plugin-options:nth-child(4) > panel-list:nth-child(1) > panel-item:nth-child(1) {
    display: none !important;
    }
    
    
    /* oben die Suche / Schrift und Text-Box anpassen */
    .search-label {
    color: dodgerblue !important;
    font-size: 13px !important;
    }
    
    
    search-addons > search-textbox {
    background: #ececec !important;
    color: grey !important;
    min-height: 22px !important; /* Höhe der Box */
    width: 200px !important; /* Länge der Box */
    font-size: 12px !important; /* Schriftgrösse */
    }
    
    
    .main-search {
    margin-left: 270px !important; /* Suche nach rechts verlagert */
    }
    
    
    /*================= Toggle-Button ============================*/
    
    
    /* Toggle-Button aktiv/inaktiv Farbe anpassen (auch bei Hover) */
    addon-card .addon.card[active="true"] .toggle-button {
    background: lime !important;
    width: 32px !important;
    border: 2px solid dodgerblue !important;
    padding-left: 3px !important;
    padding-right: 3px !important;
    }
    
    
    addon-card .addon.card[active="true"] .toggle-button:hover {
    background: red !important;
    border: 2px solid green !important;
    }
    
    
    addon-card .addon.card[active="false"] .toggle-button {
    background: red !important;
    width: 32px !important;
    border: 2px solid green !important;
    }
    
    
    addon-card .addon.card[active="false"] .toggle-button:hover {
    background: lime !important;
    border: 2px solid dodgerblue !important;
    }
    
    
    /* Toggle-Button eventuell ausblenden */
    .card-contents input[type="checkbox"].toggle-button {
    -moz-margin-end: 2px !important; /* Abstand vom rechten Rand */
    /* display: none !important; */ /* aktiviert = Button ausblenden */
    }
    
    
    /*==================== Button mit dem Zahnrad ==========================*/
    
    
    .page-options-menu > .more-options-button {
    fill: red !important; /* rotes Zahnrad */
    border: 1px solid grey !important; /* farbige Umrandung */
    border-radius: 15px !important; /* Abrundung */
    width: 50px !important; /* Länge des Button */
    height: 24px ! important; /* Höhe des Button */
    box-shadow: inset 0 0 2px 2px grey; /* innerer Schatten */
    }
    
    
    .page-options-menu .more-options-button:hover {
    fill: lime !important; /* Farbe des Zahnrades */
    opacity: 1.0 !important;
    border: 2px solid forestgreen !important;
    box-shadow: inset 0 0 5px 5px greenyellow !important; /* innerer Schatten */
    }
    
    
    /* Optionen-Button verlagern */
    button.more-options-button:nth-child(1) {
    position: absolute !important;
    left: 19% !important;
    margin-top: -13px !important;
    }
    
    
    /*============== Aussehen des Menü hinter dem Zahnrad ===================*/
    
    
    /* Feld hinter dem Zahnrad-Button */
    #page-options > panel-list:nth-child(1) {
    background: gainsboro ! important; /* farbiger Hintergrund des Feldes */
    border: 3px solid dodgerblue !important;
    border-radius: 9px !important;
    max-width: 445px !important; /* Ausdehnung der Felder nach rechts */
    }
    
    
    div.arrow:nth-child(3){
    fill: dodgerblue !important; /* kleine Spitze Richtung Zahnrad */
    }
    
    
    link:-moz-any([href$="panel-item.css"],[href$="panel-list.css"]) ~ button label[accesskey] {
    margin-left: 10% ! important; /* Abstand der Leisten vom linken Rand */
    width: 377px !important; /* Länge der einzelnen Felder */
    background: #f8f8ff ! important; /* Farbe des Hintergrundes */
    max-width: 395px !important; /* Länge der aktivierten Menü-Leiste */
    margin-right:10px ! important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    border:1px solid grey !important;
    padding-left: 25px !important; /* bringt die Schrift nach rechts */
    }
    
    
    /* Schrift und felder bei Hover */
    link:-moz-any([href$="panel-item.css"],[href$="panel-list.css"]) ~ button label[accesskey]:hover {
    background: lightyellow !important;
    color: red !important;
    }
    
    
    .sticky-container {
    z-index: 1000 !important;
    }
    
    
    addon-page-options panel-list panel-item {
    width: 430px !important; /* Länge der aktivierten Menü-Leiste */
    background: none ! important;
    }
    
    
    addon-page-options panel-list panel-item:hover {
    width: 440px !important;
    background: #00df00 ! important;
    max-width: 435px !important; /* Ausdehnung der Felder nach rechts */
    }
    
    
    addon-page-options panel-list {
    min-width: unset !important;
    width: auto !important;
    max-width: 450px !important; /* Ausdehnung der Felder nach rechts */
    padding-left: -8px !important; /* Ausdehnung nach links */
    z-index: 1000 !important;
    }
    
    
    /* Hintergrund der Box Updates automatisch aktualisieren */
    addon-page-options panel-list panel-item[accesskey][checked] {
    background: greenyellow !important;
    min-width: 436px !important; /* Ausdehnung der Felder nach rechts */
    }
    
    
    /* Hintergrund der Box Updates automatisch aktualisieren bei Hover */
    addon-page-options panel-list panel-item[accesskey][checked]:hover {
    background: #ff2800 !important;
    max-width: 435px !important; /* Ausdehnung der Felder nach rechts */
    }
    
    
    /* blendet Icons aus (Papierkorb, usw.) */
    panel-item[badged]::after,
    :host([badged]) button::after,
    link:-moz-any([href$="panel-item.css"],[href$="panel-list.css"]) ~ button::after,
    :-moz-any(addon-options,plugin-options) button::after {
    display: none !important;
    content: unset !important;
    }
    
    
    /*====== Zurück-Button bei geöffnetem Menü Einstellung/Verwalten =========*/
    
    
    .back-button {
    background-color: gainsboro !important;/*Hintergrundfarbe vom Button*/
    width: 50px !important;
    height: 24px ! important; /* Höhe des Button */
    border-radius: 25px !important;/*Rundung vom Button*/
    box-shadow: inset 0 0 4px 4px grey !important;
    }
    
    
    .back-button:hover {
    color: white !important;
    background-color: dodgerblue !important;
    border-radius: 60px !important;
    box-shadow: inset 0 0 3px 3px lightblue !important;
    }
    
    
    /*=========== Aktiviert/Deaktiviert - Farbe ===========*/
    
    
    .list-section-heading[data-l10n-id="extension-enabled-heading"],
    .list-section-heading[data-l10n-id="theme-enabled-heading"],
    .list-section-heading[data-l10n-id="plugin-enabled-heading"],
    .list-section-heading[data-l10n-id="dictionary-enabled-heading"] {
    font-weight: bold !important;
    color: #03c03c !important;
    text-indent: 15px;
    }
    .list-section-heading[data-l10n-id="extension-disabled-heading"],
    .list-section-heading[data-l10n-id="theme-disabled-heading"],
    .list-section-heading[data-l10n-id="plugin-disabled-heading"],
    .list-section-heading[data-l10n-id="dictionary-disabled-heading"] {
    font-weight: bold !important;
    color: red !important;
    text-indent: 15px;
    }
    
    
    /*============ Button (Felder) auf der rechten Seite ==============*/
    
        /* <some> locales require adjustments */
        html[lang="de"] {
          --addon-page-options-width: 370px;
        }
        
        /* Anpasung der rechten Button */
        addon-list[type="theme"] addon-card button[data-l10n-id="enable-addon-button"]:not(.theme-enable-button):not([badged]),
        .addon.card panel-item:not([badged]){
          border: 2px solid grey !important; /* Umrandung */
          /* border-radius: 25px !important; */  /* Ecken abgerundet */
          box-shadow: inset 0 0 2px 2px white !important;  /* innerer Schatten */
        }
        
        @supports -moz-bool-pref("browser.in-content.dark-mode") {
          @media (prefers-color-scheme: dark) {
            addon-list addon-card panel-list *,
            addon-list[type="theme"] addon-card button[data-l10n-id="enable-addon-button"]:not(.theme-enable-button),
            .more-options-menu panel-item {
              background: black !important;
              color: white !important;
            }
            addon-list[type="theme"] addon-card button[data-l10n-id="enable-addon-button"]:not(.theme-enable-button):hover,
            addon-list[type="theme"] addon-card button[data-l10n-id="enable-addon-button"]:not(.theme-enable-button):active {
              border: 1px solid white !important;
            }
        } }
        
        :-moz-any(addon-list,panel-list) panel-item{
          margin: 0 3px !important; /* Abstand zwischen den Button */
        }
        
        /* Ausdehnung in Höhe und Breite */
        link:-moz-any([href$="panel-item.css"],[href$="panel-list.css"]) ~ button {
          width: unset !important;
          padding: 2px 20px !important; /* 2px Höhe / 20px Breite */
        }
        
        /* entfernt den Dreipunkte-Button */
        addon-card .more-options-button {
          display: none !important;
        }
    
        /* remove button icon (z.B. Papierkorb) */
        :host([checked]),
        panel-item[checked],
        :-moz-any(addon-list,panel-list) panel-item {
          --icon: unset !important;
        }
        
        /* bringt die Button in horizontale Lage */
        div.arrow.top + div.list {
          display: flex !important;
          flex-flow: row wrap !important;
          justify-content: flex-start !important;
        }
    
    /*========== zusätzliche Anpassungen für die Button ===========*/    
    
    /* blendet den Hintergrund aus / auch bei Hover */
    /* Wirkung auch auf erste Zeile des Menü hinter dem Zahnrad */
        panel-list > panel-item,
        panel-list > panel-item:hover {
          --in-content-button-background: none !important;
          --in-content-button-background-hover: none !important;
          --in-content-button-background-active: none !important;
        }
        
        panel-list > panel-item:hover {
          opacity: 1.0 !important;
          filter:  contrast(4.00) !important; /* bei Hover wird Kontrast erhöht */
          color: white !important;
        }
        
        /* Button Einstellungen */
        panel-item[action="preferences"] {
          order: -1;
        }
        /* Button Einstellungen bei Hover */
        panel-item[action="preferences"]:hover {
          order: -1;
          background: #008000  !important;
          color: white !important;
        }
        
        /* Button Entfernen bei Hover */
        panel-item[action="remove"]:hover{
          background: red !important;
          color: white !important;
        }
    
        /* Button Melden bei Hover */
        panel-item[action="report"]:hover{
          color: white !important;
          background: #8a2be2 !important;
        }
    
        /* Button Verwalten bei Hover */
        panel-item[action="expand"]:hover {
          color: white !important;
          background: blue /* #008000 */ !important;
        }    
        
        /* Button -Immer aktivieren- bei Hover */
        panel-item[action="always-activate"]:hover {
          background: #6f00ff !important;
          color: white !important;
        }
        
        /* Button -Nie aktivieren- bei Hover */
        panel-item[action="never-activate"]:hover {
          background: red !important;
          color: white !important;
        }
    
        /* Addons - Button Aktualisieren */    
        panel-item[badged] {
          background: green !important;
          color: lightgrey !important;      
          border: 2px solid red !important;
          /* border-radius: 20px !important; */
          box-shadow: inset 0 0 2px 2px white !important; /* innerer Schatten */
        }
        /* Button Aktualisieren bei Hover */
        panel-item[badged]:hover {
          background: forestgreen !important;
          cursor: pointer !important;
          opacity: 1.0 !important;
          filter:  contrast(4.00) !important; /* bei Hover wird Kontrast erhöht */
          color: white !important;
        }
    
    /* verlagert unter Themes den Namen auf die rechte Seite */    
    /* https://www.camp-firefox.de/forum/thema/128571-ansicht-erweiterungen-verwalten/?postID=1161843#post1161843 */
        addon-list[type="theme"] addon-card div.card.addon div.addon-card-collapsed {
          min-height: 82px !important;
          padding: 0px 3px 1px 3px !important;
          margin: -60px 0 0 810px !important;
        }
        recommended-themes-section recommended-addon-card .card.addon .card-contents {
          min-height: 82px !important;
          padding: 0px 3px 1px 3px !important;
          margin: -60px 0 0 810px !important;
        }    
        addon-list[type="theme"] .addon-name{ /* Name nach unten versetzt */
          margin-top: 9px !important;
        }
    
    
    /* rechte Button Lage und Ausblendungen */
    addon-card panel-list {
    position: relative !important;
    display: flex !important;
    overflow: hidden !important;
    background: unset !important;
    border: unset !important;
    box-shadow: unset !important;
    min-width: unset !important;
    width: unset !important;
    float: right !important;
    right: 36px !important; /* Abstand der Button bei Erweiterungen vom rechten Rand */
    }
    
    
    /* Button vertikal verlagern */
    addon-card panel-list {
    margin-top: -50px !important;
    }
    
    
    /* Abstand der Button vom rechten Rand bei Plugins und Wörterbücher */
    addon-list:-moz-any([type="plugin"],[type="dictionary"]) addon-card:not([expanded="true"]) panel-list {
    right: 5px !important;
    }
    
    
    /* Abstand der Button vom rechten Rand bei Themes */
    addon-list:-moz-any([type="theme"]) addon-card:not([expanded="true"]) panel-list {
    right: 175px !important;
    margin-top: -75px !important; /* Abstand vom oberen Rand */
    }
    
    
    
    
    
    
    /*======= Button Aktivieren/Deaktivieren bei Themes ==========*/
    
    
    /* blendet den Hintergrund aus / auch bei Hover */
    addon-card .addon.card[active="true"] .theme-enable-button,
    addon-card .addon.card[active="true"] .theme-enable-button:hover {
    --in-content-button-background: none !important;
    --in-content-button-background-hover: none !important;
    --in-content-button-background-active: none !important;
    }
    
    
    /* bei aktivem Theme */
    addon-card .addon.card[active="true"] .theme-enable-button {
    background: #03c03c !important;
    color: white !important;
    margin-right: 450px !important;
    margin-top: -23px !important;
    height: 25px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    border: 2px solid red !important;
    border-radius: 50px !important;
    box-shadow: inset 0 0 2px 2px white !important; /* innerer Schatten */
    }
    
    
    /* bei inaktivem Theme */
    addon-card .addon.card[active="false"] .theme-enable-button {
    background: lightblue !important;
    margin-right: 450px !important;
    margin-top: -23px !important;
    height: 25px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    border: 2px solid grey !important;
    border-radius: 50px !important;
    box-shadow: inset 0 0 2px 2px white !important; /* innerer Schatten */
    }
    
    
    addon-card:hover .addon.card[active="true"] .theme-enable-button {
    background: red !important;
    color: white !important;
    /* border: 2px solid green !important */
    }
    
    
    addon-card:hover .addon.card[active="false"] .theme-enable-button {
    background: #03c03c !important;
    color: white !important;
    border: 2px solid red !important;
    box-shadow: inset 0 0 2px 2px white !important; /* innerer Schatten */
    }
    
    
    addon-list addon-card:not([expanded="true"]) .addon.card .theme-enable-button:hover {
    cursor: pointer !important;
    opacity: 1.0 !important;
    filter: brightness(2.00) !important;
    }
    
    
    addon-list addon-card:not([expanded="true"]) .addon.card[active="true"] .theme-enable-button {
    background: Highlight !important;
    }
    
    
    addon-list addon-card:not([expanded="true"]):hover .addon.card[active="true"] .theme-enable-button {
    background: red !important;
    }
    
    
    addon-list addon-card:not([expanded="true"]):hover .addon.card[active="false"] .theme-enable-button {
    background: green !important;
    color: blue !important;
    }
    
    
    /* Abstand Button Aktivieren/Deaktivieren vom rechten Rand */
    addon-card .addon.card .theme-enable-button,
    input[type="checkbox"].toggle-button {
    -moz-margin-end: 450px !important;
    }
    }
    
    
    @supports -moz-bool-pref("browser.in-content.dark-mode"){
    @media (prefers-color-scheme: dark) {
    addon-list addon-card panel-list *,
    addon-list[type="theme"] addon-card button[data-l10n-id="enable-addon-button"]:not(.theme-enable-button),
    .more-options-menu panel-item {
    background: black !important;
    color: white !important;
    }
    }
    
    
    /***************************************************************************************/
    Alles anzeigen

  • Ansicht "Erweiterungen verwalten"

    • FuchsFan
    • 6. Januar 2021 um 18:44
    Zitat von Dharkness

    Hm, sieht das wirklich so ↓ bei Dir aus?

    Ja, so sah es aus nachdem ich den Code von dir eingefügt hatte. Später habe ich ihn dann so verändert:

    CSS
    /* verlagert unter Themes den Namen auf die rechte Seite */    
    /* https://www.camp-firefox.de/forum/thema/128571-ansicht-erweiterungen-verwalten/?postID=1161843#post1161843 */
        addon-list[type="theme"] addon-card div.card.addon div.addon-card-collapsed {
          min-height: 82px !important;
          padding: 0px 3px 1px 3px !important;
          margin: -60px 0 0 810px !important;
        }
        recommended-themes-section recommended-addon-card .card.addon .card-contents {
          min-height: 82px !important;
          padding: 0px 3px 1px 3px !important;
          margin: -60px 0 0 810px !important;
        }    
        addon-list[type="theme"] .addon-name{ /* Name nach unten versetzt */
          margin-top: 9px !important;
        }
    Alles anzeigen

    Dann noch die anderen Button (des originalen Codes) in die "richtige" Position gebracht. Nur die beiden Button lassen sich nicht nach oben verlagern, hat mich schon von Anfang an gestört. Außerdem die Grafikhöhe auf 78px eingestellt.


    Zitat von Dharkness

    nur mal so am Rande, mein Problem konnte ich mittlerweile lösen, das ↓ wäre das mindeste userContent-Voodoo dafür.

    Danke dafür, das habe ich gleich mal mit verarbeitet. :thumbup::)

  • Ansicht "Erweiterungen verwalten"

    • FuchsFan
    • 6. Januar 2021 um 17:09
    Zitat von Dharkness

    Dafür benötige ich Deine vollständigen Anpassungen für about:addons

    Das ist der Code von hier , sind nur deine Anpassungen von gestern hinzu gekommen.

    RE: About Seiten mit CSS Codes anpassen

    Das Problem bestand auch hier schon, dass sich die Button nicht nach oben verlagern ließen.

  • Ansicht "Erweiterungen verwalten"

    • FuchsFan
    • 6. Januar 2021 um 16:30
    Zitat von Dharkness

    Jupp, das funktioniert, weil Du nicht auf gleiche Länge von #updates-message bestehst, ich möchte das aber immer gleich Lang haben.

    Dann soll es so sein.:):thumbup:

    Nun habe ich auch noch etwas, kannst du da aushelfen.

    Ich versuche Aktivieren/Deaktivieren-Button nach oben zu bringen, was nicht gelingt, weil dieser dann wie die Schrift im Nichts verschwindet.

  • "Weitere Lesezeichen" aus Symbolleiste entfernen

    • FuchsFan
    • 6. Januar 2021 um 11:20

    Hier Nightly - neuer Eintrag in Lesezeichensymbolleiste

    gibt es dazu auch noch Lesestoff.:)

    Edit:

    Nun hat mich diese Überraschung auch in einem 84.0.1 erreicht. Sieh an!:)

    Aber dieses in die userChrome.css eingetragen hat immer noch Wirkung, dann ist Ruhe. Dabei sollte aber daran erinnert werden, was Sören dazu sagte, denn vsl. in drei Wochen die Version 85, und dort ist es dann abschaltbar. Wer jetzt den folgenden Code benutzt sollte dann das Löschen nicht vergessen.

    CSS
    #PlacesToolbar hbox toolbarbutton#OtherBookmarks.bookmark-item {
      display: none !important;
    }
  • Mehrzeilige Tableiste für aktuelle Firefox-Versionen

    • FuchsFan
    • 6. Januar 2021 um 10:08

    Sei begrüßt hier im Forum.

    Zu 1.)

    Code
    /* Mehrzeilige Tableiste, bei mehr als 2 Zeilen erscheint eine Scrollbar */
    scrollbox[part][orient="horizontal"] {
    display: flex;
    flex-wrap: wrap;
    max-height: calc(var(--tab-min-height) * 2); /* Anzahl der Tabzeilen = 2 Zeilen */
    overflow-x: hidden;
    overflow-y: auto;
    }
    
    tabs tab[fadein]:not([pinned]) {
    flex-grow: 1;
    }
    
    tabs tab,.tab-background {
    height: var(--tab-min-height);
    overflow: hidden;
    }
    
    tab > .tab-stack {
    width: 100%;
    }
    
    box[class="scrollbox-clip"][orient="horizontal"] {
    -moz-window-dragging: no-drag;
    }
    
    hbox.titlebar-spacer,
    #alltabs-button,
    tabs tab:not([fadein]) {
    display: none;
    }
    Alles anzeigen

    Zu 2.)

    Wenn du die Schrift verlagern musst, dann garantiert auch das Icon und sicherlich auch noch das Schließen-Kreuz.

    Dann fangen wir mal mit der Schrift an.

    CSS
    /**** Schrift im Zentrum des Tabs ****/
    .tab-label {
          -moz-box-flex: 1 !important;
          text-align: center !important;
          margin-top: -10px !important; /* vertikale Ausrichtung */
        }

    Mit dem Wert margin-top musst du probieren.

  • Ansicht "Erweiterungen verwalten"

    • FuchsFan
    • 5. Januar 2021 um 22:39
    Zitat von Dharkness

    genau, aber wie hast Du die zentriert?

    Brauchte ich nicht, war immer schon zentriert. Hier ist der Code dafür, eventuell mit text-align: center

    CSS
    /* Button Verfügbare Updates anzeigen */ 
        #updates-message{
           background: gainsboro !important;
           color: blue !important;
           border: 2px solid grey !important;
           padding-right: 15px !important;
           padding-left: 15px !important;
        }
        /* Button Verfügbare Updates anzeigen bei Hover */ 
        #updates-message:hover{
           background: royalblue !important;
           color: white !important;
           box-shadow: inset 0 0 2px 2px white !important; /* innerer Schatten */
           border: 2px solid dodgerblue !important;
        }     
    Alles anzeigen

    Der Eintrag wird auch gleich damit bedient:

  • Ansicht "Erweiterungen verwalten"

    • FuchsFan
    • 5. Januar 2021 um 22:24
    Zitat von Dharkness

    die die da eventuell noch sind?

    Ich kenne diese Meldung noch. Erscheint nach manueller Suche.

  • "Weitere Lesezeichen" aus Symbolleiste entfernen

    • FuchsFan
    • 5. Januar 2021 um 21:38
    Zitat von Sören Hentzschel

    Das gibt es schon ab Firefox 84, wenn ein gewisser Schalter auf true gesetzt wird, was Mozila vor ca. zwei Stunden via Normandy für einen geringen Teil der Nutzer von Firefox 84 gemacht hat.

    Da reichen meine Fühler nicht hin, danke für den Hinweis.:thumbup:

  • "Weitere Lesezeichen" aus Symbolleiste entfernen

    • FuchsFan
    • 5. Januar 2021 um 21:03

    Den Eintrag gibt es erst ab Version 85, du gibst aber an, dass du Version 84.0.1 nutzt.

    Rechte Maus in Lesezeichen-Symbolleiste "Weitere Lesezeichen anzeigen" anklicken.

  • Ansicht "Erweiterungen verwalten"

    • FuchsFan
    • 5. Januar 2021 um 18:16
    Zitat von Dharkness

    Schau Dir das mal ganz genau an, wo fehlt da ein Leerschritt?

    Das kann doch nicht wahr sein, manchmal ist man total deppert.;)

    Danke, nun klappt es. :thumbup:

  • Ansicht "Erweiterungen verwalten"

    • FuchsFan
    • 5. Januar 2021 um 17:44

    Dharkness

    Nun habe ich sortiert, sieht dann so aus.:thumbup::thumbup:

    Nun versuche ich mit folgendem Code die Schrift etwas nach unten zu setzen, aber da stimmt die Adresse nicht. Ich möchte das nur hier bei Themes nutzen. Hast du noch dazu einen Code?

    CSS
    addon-list[type="theme"].addon-name{
        margin-top: 20px !important;
    }
  • Ansicht "Erweiterungen verwalten"

    • FuchsFan
    • 5. Januar 2021 um 16:43
    Zitat von Dharkness

    zumindest habe ich das damit gemacht, denn Deine Idee dahingehend gefiel mir.

    Damit kann ich was anfangen, ich danke dir.:thumbup:

    Höhe habe ich, und Schrift ist auch rechts zu sehen, nun muss ich nur noch die Button und Schrift richtig platzieren.

    2002Andreas

    Andreas, hast du noch einen Hinweis für mich, wie ich unter Themes deinen Code für die fortlaufende Nummerierung allein nutzen kann?

  • Ansicht "Erweiterungen verwalten"

    • FuchsFan
    • 5. Januar 2021 um 16:20
    Zitat von Dharkness

    gehe ich recht in der Annahme, das das ungefähr so ↓ aussehen soll?

    Genau so!:)

  • Ansicht "Erweiterungen verwalten"

    • FuchsFan
    • 5. Januar 2021 um 15:34
    Zitat von 2002Andreas

    Ob bzw. wenn ja wo man das verhindern kann, bin ich leider auch überfragt.

    Danke, Andreas, dann lasse ich es einfach so. Damit wollte ich nur die Höhe der Felder unter Theme verringern.

    Edit:

    Oder es gibt den Kompromiss , ein Klick mehr auf "Verwalten", dann Aktivieren, bzw, Deaktivieren.

Unterstütze uns!

Jährlich (2025)

92,9 %

92,9% (604,17 von 650 EUR)

Jetzt spenden
  1. Kontakt
  2. Datenschutz
  3. Impressum
Community-Software: WoltLab Suite™
Mastodon