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
    • 5. Juni 2020 um 10:11
    Zitat von ^L^

    FRAGE: Was fehlt hier noch bzw. was ist falsch?

    Was jetzt die genaue Ursache dafür ist kann ich auch nicht sagen, aber das gleiche Problem gibt es in einem Code für den Addon-Manager von Aris. Du wirst da sicherlich was davon in deinem Code installiert haben. Dann brauchtest du eigentlich überhaupt keinen Code, denn original im Fx sieht es fast genau so aus. Aber das musst du allein entscheiden. Trotzdem habe ich mal für dich einen Code erstellt (mit zusätzlichen Teilen von Aris), der deinen Ansprüchen gerecht werden sollte ( anhand des Bildes).

    CSS
    /* Firefox Quantum userChrome.css tweaks ************************************************/
    /* Github: https://github.com/aris-t2/customcssforfx ************************************/
    /****************************************************************************************/
    
    
    @-moz-document url-prefix(chrome://mozapps/content/extensions/extensions.xhtml), url-prefix(about:addons),url-prefix(chrome://mozapps/content/extensions/aboutaddons.html) {
        
        panel-item[action="toggle-disabled"][data-l10n-id="disable-addon-button"] {
          -moz-context-properties: fill !important;
          fill: red !important;
        }
        
        panel-item[action="toggle-disabled"][data-l10n-id="enable-addon-button"] {
          -moz-context-properties: fill !important;
          fill: green !important;
        }
        
        panel-item[data-l10n-id="remove-addon-button"] {
          -moz-context-properties: fill !important;
          fill: red !important;
        }
    
        panel-item[data-l10n-id="install-update-button"] {
          -moz-context-properties: fill !important;
          fill: blue !important;
        }
        
        panel-item[data-l10n-id="preferences-addon-button"] {
          -moz-context-properties: fill !important;
          fill: grey !important;
        }
        
        panel-item[data-l10n-id="report-addon-button"] {
          -moz-context-properties: fill !important;
          fill: orange !important;
        }
        
        panel-item[data-l10n-id="expand-addon-button"],
        panel-item[data-l10n-id="manage-addon-button"] {
          -moz-context-properties: fill !important;
          fill: blue !important;
        }
        
        panel-item[data-l10n-id="ask-to-activate-button"] {
          -moz-context-properties: fill !important;
          fill: red !important;
        }
        
        panel-item[data-l10n-id="always-activate-button"] {
          -moz-context-properties: fill !important;
          fill: green !important;
        }
        
        panel-item[data-l10n-id="never-activate-button"] {
          -moz-context-properties: fill !important;
          fill: red !important;
        }
    
    }
    
    /* Firefox Quantum userChrome.css tweaks ************************************************/
    /* Github: https://github.com/aris-t2/customcssforfx ************************************/
    /****************************************************************************************/
    
    @-moz-document url-prefix(chrome://mozapps/content/extensions/extensions.xhtml), url-prefix(about:addons),url-prefix(chrome://mozapps/content/extensions/aboutaddons.html) {
    
        /* dimensions / positioning */
        #addons-page .main-content{
          padding: 0 !important;
          margin: 0 !important;
        }
        
        #addons-page #header-search .textbox-input-box{
          height: 18px !important;
        }
        
        #addons-page #addon-list {
          -moz-margin-start: -1px !important;
        }
    
        #addons-page:not(.inSidebar):not([aios-inSidebar="true"]) .view-pane > .list > scrollbox {
          padding-right: 0 !important;
          padding-left: 0 !important;
        }
    
        #addons-page #detail-view,
        #addons-page #userstyle-sorting,
        #addons-page .global-warning-container,
        #addons-page .global-info-container{
          -moz-margin-start: 0px !important;
          -moz-margin-end: 1px !important;
        }
    
        #addons-page .detail-view-container {
          -moz-margin-start: 10px !important;
        }
    
        #addons-page #view-port{
          -moz-margin-end: 4px !important;
        }
    
        #addons-page #header{
          padding: 2px 0 !important;
          margin: 0 !important;
        }
        
        /* buttons / menulists */
        #addons-page #header button,
        #addons-page #header #header-utils-btn,
        #addons-page #list-view .global-info button,
        #addons-page #list-view .discover-button,
        #addons-page .status-control-wrapper button,
        #addons-page #userstyle-sorting button,
        #addons-page #update-actions button,
        #addons-page #updates-list-empty button,
        #addons-page .relnotes-toggle,
        #list-view menulist{
          padding: 2px !important;
          min-height: unset !important;
          height: unset !important;
        }
    
        #addons-page #header-utils-btn{
          padding: 2px !important;
          height: unset !important;
        }
    
        #addons-page button.sorter{
          padding:2px !important;
          min-height: 26px !important;
          height: unset !important;
        }
    
        #addons-page #header-search{
          padding: 1px !important;
          min-height: unset !important;
          height: unset !important;
        }
        
        button.addon-control image{
          margin-top: -1.5px !important;
          margin-bottom: -1.5px !important;
        }
    
        /* detail view */
        #detail-view button:not(.button-link):not(.text-link),
        #detail-view menulist{
          padding:2px !important;
          height: unset !important;
          /*font-size: 90% !important;*/
          background-image: linear-gradient(to bottom, rgba(255,255,255,0.15), rgba(255,255,255,0.20),rgba(0,0,0,0.01)) !important;
        }
        
        #detail-view colorpicker[type="button"]{
          padding:2px !important;
          min-height: 26px !important;
          min-width: 40px !important;
          height:auto !important;
          width: auto !important;
        }
        
        /* checkbox and radio items */
        #addons-page checkbox image,
        #addons-page radio image {
          width: 16px !important;
          height: 16px !important;
          margin: 0 !important;
        }
    
        /********************/
        .addon .warning,
        .addon .error,
        .addon .pending,
        .addon .icon-container {
          padding: unset !important;
          margin: unset !important;
          min-width: unset !important;
          width: unset !important;
          min-height: unset !important;
          height: unset !important;
        }
    
        .addon .icon {
          min-width: unset !important;
          min-height: unset !important;
          width: 21px !important;
          height: 21px !important;
        }
        
        .addon .warning-icon,
        .addon .error-icon,
        .addon .pending-icon {
          width: 14px !important;
          height: 14px !important;
          -moz-margin-start: 4px !important;
        }
    
        .addon .content-inner-container{
          -moz-box-orient: horizontal !important;
        }
        #updates-list .addon .content-inner-container{
          -moz-box-orient: vertical !important;
        }
    
        .addon .name-container .name,
        .addon .name-container .version,
        .addon .name-container .disabled-postfix,
        .addon .name-container .update-postfix,
        .addon .name-container .legacy-warning    {
          -moz-margin-start: 4px !important;
          -moz-margin-end: 0 !important;
        }
        
        .addon .update-available button,
        .addon .control-container button,
        .addon .control-container menulist {
          margin-top: 1px !important;
          margin-bottom: 1px !important;
          -moz-margin-start: 1px !important;
          -moz-margin-end: 0px !important;
        }
        
        .addon .warning .button-box,
        .addon .pending .button-box,
        .addon .content-inner-container,
        .addon .description-container .button-link,
        .addon .update-available .button-box,
        .addon .control-container .button-box,
        .addon .control-container menulist .menulist-label-box {
          padding: unset !important;
          margin: unset !important;
        }
        
        .addon .experiment-container {
          display: none !important;
        }
    
        .description-container spacer {
          display: none !important;
        }
    
        .description-container .button-link .button-box {
          -moz-padding-start: 0px !important;
          -moz-padding-end: 2px !important;
        }
        
        #addons-page .addon .name-container .legacy-warning,
        #addons-page #addon-list .name-container .legacy-warning {
          padding: 0 2px !important;
          margin: 2px !important;
        }
        
        .alert .alert-title {
          font-size: 160% !important;
        }
    
        .discover-title {
          font-size: 18px !important;
        }
    
        .name-container {
          font-size: 1.1rem !important;
        }
    
        .legacy-warning {
          font-size: 0.7rem !important;
        }
    
        .description,
        .description-container {
          font-size: 1.05rem !important;
        }
    
        .addon[status="uninstalled"] > .container {
          font-size: 100% !important;
        }
    
        .detail-view-container {
          font-size: 1.05rem !important;
        }
    
        #detail-name-container {
          font-size: 2.2rem !important;
        }
    
        .preferences-description {
          font-size: 80.9% !important;
        }
    
        #detail-experiment-container {
          font-size: 70% !important;
        }
    
        #disabled-unsigned-addons-heading,
        #legacy-extensions-heading {
          font-size: 1.1em !important;
        }
    
        :root > * {
          font-size: 1.15em !important;
        }
        
        #addons-page .addon {
          padding: 5px 4px !important;
        }
        
        #addons-page .addon .icon,
        #addons-page .addon:not([pending="uninstall"])[status="installed"] .icon {
          min-width: unset !important;
          min-height: unset !important;
          margin: 0 !important;
          padding: 0 !important;
        }
        
        #addons-page .addon .description-container {
          margin-inline-start: 5px !important;
        }
        
        /* Abstand zwischen den Containern */    
        addon-card .addon { 
          margin: 7px !important;
        } 
    
    /* für alle Elemente rechte Seite die Länge einstellen */
        .card,
        addon-list addon-card > .addon.card,
        addon-card[expanded] >.addon.card {
          width: 50vw !important;  /* Länge aller Elemente */
          border: 2px solid grey !important;
          border-radius: 10px !important; 
        }    
        
    /* unter Themes die Grafik anpassen */    
        .card-heading-image {
          min-width: 700px !important; /* Länge der Grafik */
          height: 60px !important; /* Höhe der Grafik */
          margin-left: -4px !important; /* Abstand vom linken Rand */
          margin-top: -6px !important;  /* Abstand vom oberen Rand */
        } 
        
    /* blendet den Text für privates Browsing ein */    
        .addon-badge-private-browsing-allowed::before {
          content: "(In privaten Fenstern erlaubt)" !important;
          margin-left: 10px !important; /* Entfernung nach rechts */
        }
    
        .addon-badge-private-browsing-allowed {
          min-width: 430px !important; /* lila Icon Entfernung nach rechts */
        }
    
    /* 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;
        }     
    }
    Alles anzeigen
  • Ansicht "Erweiterungen verwalten"

    • FuchsFan
    • 4. Juni 2020 um 18:55
    Zitat von Büssen

    Sieht gut aus - vielen Dank!

    Gerne!

    Farben kannst du dir immer noch anpassen, wenn es nicht gefällt. Da musst du aber immer daran denken, der aktive Button ist Rot, und bei Hover die inaktiven Blau. Sonst sind manchmal die Icons nicht zu erkennen.

  • Ansicht "Erweiterungen verwalten"

    • FuchsFan
    • 4. Juni 2020 um 18:25
    Zitat von Büssen

    Habe versucht, den Schnipsel "Suche" (aus#520) bei mir im Code about:addons einzubauen , wenn dass so richtig ist?

    Oder wird da ein neuer Code eingebunden?

    Das sind einige Schnipsel.;)

    So, wir machen es jetzt einfach so, du erstellst aus dem folgenden Code eine css-Datei und dann in den Ordner CSSWeb ablegen. Passenden @import-Befehl in die userContent.css, dann sollte es stimmen. Alle anderen Dateien, die eventuell noch die Button ansprechen, müssen raus oder abgeschaltet werden. Im nachfolgenden Code werden alle Button auf der linken Seite unter Addons und Einstellungen berücksichtigt.

    CSS
    /***************** Die großen Button auf der linken Seite  ********************/
    
    /* Firefox Quantum userChrome.css tweaks ************************************************/
    /* Github: https://github.com/aris-t2/customcssforfx ************************************/
    /****************************************************************************************/
    
    @import "./addons_manager_alternative_appearance_fx68.css";
    
    @-moz-document url-prefix(chrome://mozapps/content/extensions/extensions.xhtml), url-prefix(about:addons),url-prefix(chrome://mozapps/content/extensions/aboutaddons.html) {
    
        .category {
          -moz-margin-end: -4px !important;
        }
        
        .sidebar-footer-list {
          margin-inline: 0px !important;
        }
            
        #preferencesButton {  /* Einstellungen unten links */
          fill: forestgreen !important;
          background-color: gainsboro !important;/*Hintergrundfarbe vom Button*/
          margin-top: 1px !important; /*Abstand zum Button darüber*/
          border-radius: 60px !important;/*Rundung vom Button*/
          box-shadow: inset 0 0 5px 5px #888;
          width: 180px !important;
        }
        
        #preferencesButton:hover {
          color: red !important;
          background-color: gold !important;
        }  
        
        #help-button {  /* Hilfe für Add-ons unten links */
          fill: #ff0000 !important;
          background-color: gainsboro !important;/*Hintergrundfarbe vom Button*/
          margin-top: 1px !important; /*Abstand zum Button darüber*/
          border-radius: 60px !important;/*Rundung vom Button*/
          box-shadow: inset 0 0 5px 5px #888;
          width: 180px !important;
        }
        
        #help-button:hover {
          color: red !important;
          background-color: gold !important;
        }
    }
    /**** Abstand der Button zum linken Rand ****/
        #categories > .category, #generalButton, #homeButton, #searchButton, #privacyButton, #syncButton, #addonsButton, #helpButton  {
          margin-left: 1px !important; 
        }
        
        #categories .category[name="general"],
        #category-general .category-icon {
          fill: #03c03c  !important;
        }
        
        #categories .category[name="home"],
        #category-home .category-icon {
          fill: orange !important;
        }
        
        #categories .category[name="search"],
        #category-search .category-icon {
          fill: dodgerblue  !important;
        }
        
        #categories .category[name="privacy"],
        #category-privacy .category-icon {
          fill: #009925 /* #8aa8cc */ !important;
        }
        
        #categories .category[name="extension"],
        #category-extension .category-icon {
          fill: #228b22 !important;
        }
        
        #categories .category[name="theme"],
        #category-theme .category-icon {
          fill: coral  !important;
        }
        
        #categories .category[name="plugin"],
        #category-plugin .category-icon {
          fill: #0077be !important;
        }
        
        #categories .category[name="dictionary"],
        #category-dictionary .category-icon {
          fill: purple !important;
        }
        
        #categories .category[name="sync"],
        #category-sync .category-icon {
          fill: #5218fa !important;
        }
        
        #categories .category[name="addons"],
        #category-addons .category-icon {
          fill: forestgreen /* #8aa8cc */ !important;
        }
        
        .addons-icon {
          fill: #03c03c  !important;
        }
    
        .help-icon {
          fill: red !important;
        }
            
        .category:not([selected="true"]):hover .category-icon {
          filter: brightness(2.00) !important;
        }
        
        .category[name]:not([selected]):hover,
        #category-discover:not([selected="true"]):hover .category-icon,
        #category-theme:not([selected="true"]):hover .category-icon{
          filter: brightness(1.5) !important;
        }
        
        #category-plugin:not([selected="true"]):hover .category-icon{
          filter: brightness(2.25) !important;
        }
            
        #categories > .category:not([disabled]){
          background-color: gainsboro !important;/*Hintergrundfarbe vom Button*/
          margin-top: 1px !important; /*Abstand zum Button darüber*/
          border-radius: 80px !important;/*Rundung vom Button*/
          box-shadow: inset 0 0 5px 5px #888;
        }
    
    /**** Aktiver Button rot, Schrift weiß ****/
        #categories > .category[selected]{
          color: white !important;
          background-color: red !important;
          margin-top: 1px !important;
          border-radius: 80px !important;
          box-shadow: inset 0 0 5px 5px #888; 
        }
        
    /**** Inaktive Button ****/
        #categories > .category:not([selected]),
        #addonsButton,
        #helpButton {
          background-color: gainsboro !important;
          margin-top:1px!important;
          border-radius:80px!important;
          box-shadow: inset 0 0 5px 5px #888;
        }
        
        
    /**** Hintergrund der Button blau, Schrift weiß bei hover mit der Maus ****/
        #categories > .category:hover, #generalButton:hover, #homeButton:hover, #searchButton:hover, #privacyButton:hover, #syncButton:hover, #addonsButton:hover, #helpButton:hover {
          color: white !important;
          background-color: blue !important;
          margin-top: 1px !important;
          border: 1px solid grey !important;
          border-radius: 80px !important;
          box-shadow: inset 0 0 5px 5px #888 !important; 
        }
        
    /***************************************************************************************************/    
    
    /* keine Ahnung wofür */
    /* colorize category icons */
        
        #categories .category[name="discover"],
        #category-discover .category-icon {
          fill: #8b8b8b !important;
        }
            
        #categories .category[name="legacy"],
        #category-legacy .category-icon {
          fill: red !important;
        }
        #categories .category[name="available-updates"],
        #category-availableUpdates .category-icon {
          fill: orange !important;
        }
        
        #categories .category[name="recent-updates"],
        #category-recentUpdates .category-icon {
          fill: #b99c16 !important;
        }
    Alles anzeigen
  • Ansicht "Erweiterungen verwalten"

    • FuchsFan
    • 4. Juni 2020 um 18:11
    Zitat von Büssen

    Da fehlt mir nur noch der letzte Schliff.

    Ja, dann musst du jetzt einfach sagen, was du brauchst.


    Zitat von Büssen

    hast du erkannt, dass ich den besagten Button aus deiner Kiste entwendet hatte

    Ich nehme das nicht so genau, was hier gebastelt wird kann jeder verwenden, so wie er möchte.

  • Ansicht "Erweiterungen verwalten"

    • FuchsFan
    • 4. Juni 2020 um 17:56
    Zitat von Büssen

    damit war die Kuh vom Eis!

    Sehr gut, manchmal haben wir auch Glück.:thumbup::)

    Ich hatte es aber probiert, von v.77 bis v.79, klappt immer.

  • Ansicht "Erweiterungen verwalten"

    • FuchsFan
    • 4. Juni 2020 um 17:01
    Zitat von Büssen

    Habe schon alles versucht - wie kann ich den Button wieder mittig platzieren?

    Füge das zusätzlich in den Code für den Button ein:

    margin-right: 400px !important;

    Die Pixel dann anpassen.

  • Probleme unter about:addons

    • FuchsFan
    • 4. Juni 2020 um 09:34
    Zitat von Fox2Fox

    Hat jemand eine Idee, woran es liegt?

    Nein, die habe ich dazu auch nicht. Ich wollte dir nur mitteilen, dass ich grundsätzlich nur portable Versionen nutze, 1 x Beta und 4 x Nightly, in keiner dieser Versionen ist bisher der Fehler aufgetreten. Auch ich nutze Win10 x64, wie du auch.

  • Ansicht "Erweiterungen verwalten"

    • FuchsFan
    • 3. Juni 2020 um 19:38
    Zitat von 2002Andreas

    Teste bitte:

    Danke, Andreas, so einfach kann es sein.:thumbup::)

  • Ansicht "Erweiterungen verwalten"

    • FuchsFan
    • 3. Juni 2020 um 19:30

    Ich benötige wieder einmal Hilfe. Unter Einstellungen habe ich links den Icons Farbe verpasst. Sieht dann so aus:

    Das habe ich so erreicht für z.B. die Suche:

    #categories .category[name="search"],

    #category-search .category-icon {

    fill: dodgerblue !important;

    }

    Das hat mit den vier Button oben funktioniert, nur die beiden links unten, da klappt es nicht. Wie muss ich diese Button ansprechen?

  • About Seiten mit CSS Codes anpassen

    • FuchsFan
    • 1. Juni 2020 um 18:01
    Zitat von Boersenfeger

    Im Code stehts doch richtig.

    Darauf habe ich gewartet;), ich habe es gesehen, aber du weißt doch hier besser Bescheid , nachher wieder die Nachfragen, wieso, warum, usw. So, nun wissen es aber sicherlich alle.:thumbup::)

  • About Seiten mit CSS Codes anpassen

    • FuchsFan
    • 1. Juni 2020 um 17:56
    Zitat von Endor

    Noch ein neuer:

    about:licenses

    Bitte ändern in license, ansonsten wie immer ein Dankeschön.

  • Höhe der Tabs und der Leiste darunter ändern (inklusive den Symbolen von z.B Addons)

    • FuchsFan
    • 1. Juni 2020 um 16:42
    Zitat von sotnu

    So geht das bei mir.

    Ja, das geht so. Danke!

  • Höhe der Tabs und der Leiste darunter ändern (inklusive den Symbolen von z.B Addons)

    • FuchsFan
    • 1. Juni 2020 um 16:24
    Zitat von BrokenHeart

    aber das lässt sich ja mit der Änderung der vorhandenen margin-Werte beheben.

    Auch hier funktioniert der Code (auch bei Vollbild) mit bestimmten Anpassungen einiger margin-Werte. Interessant für mich wäre, dass ich für die Tabs eine Mindestlänge vorgeben könnte. Wenn die Leiste voll ist (wieviel Tabs?-nicht gezählt), dann werden sie sehr schmal, und das gefällt mir nicht so gut.

  • Ansicht "Erweiterungen verwalten"

    • FuchsFan
    • 28. Mai 2020 um 13:26
    Zitat von 2002Andreas

    Siehe meinen Screenshot in Beitrag Nr. 481

    Ja, Andreas, das hatte ich schon gesehen, und mich gewundert. Nun mit dem Code aus RE: Ansicht "Erweiterungen verwalten" funktioniert es ja auch. Da ist also Sand im Getriebe!:/


    Zitat von Boersenfeger

    Aber keine Änderung... wie es scheint, wirkt an der Stelle überhaupt kein Wert

    Siehe hier bei Edit: RE: Ansicht "Erweiterungen verwalten"

  • Ansicht "Erweiterungen verwalten"

    • FuchsFan
    • 28. Mai 2020 um 12:53
    Zitat von Boersenfeger

    Bin erst mal Mittach esen..

    Mahlzeit!:)

    Was da bei dem Code nicht harmoniert, keine Ahnung. Du kannst noch mal Folgendes probieren:

    - hinter Zeile 384 das einfügen und die Werte dann testen

    padding-left: -10px !important;

    Edit:

    Ich habe deinen Code jetzt mal getestet, du musst padding-right: 15px !important; verwenden, dann müsste es klappen.

    Bei 20px sieht es z.B. dann so aus:

    bei -10px dann so:


    2002Andreas

    Hallo, Andreas!:)

    Im Nightly will der Code für das Ausblenden des Hintergrundes erste Zeile nicht mehr funktionieren. Gleich das Bild darüber, dort ist der Code-Schnipsel aktiv, das Icon geht dann auch mit weg, Farbe bleibt. Was kann da los sein ?

  • Ansicht "Erweiterungen verwalten"

    • FuchsFan
    • 28. Mai 2020 um 10:58
    Zitat von Boersenfeger

    Hast du auch einen Vorschlag dafür?

    Probiere mal den Abschnitt in deinem Code:

    CSS
    /*======== Aussehen des Menü hinter dem Zahnrad ========*/  
        link:-moz-any([href$="panel-item.css"],[href$="panel-list.css"]) ~ button label[accesskey] {
          margin-left: 6% ! important;
          min-width: 350px !important;
          width: 375px !important; /* Länge der einzelnen Felder */
          background: white ! important; /* Farbe des Hintergrundes */
        }
        
    link:-moz-any([href$="panel-item.css"],[href$="panel-list.css"]) ~ button label[accesskey]:hover {
          background: lightyellow !important;    
        }        
    
        .sticky-container {
          z-index: 1000 !important;
        }
    
        addon-page-options panel-list panel-item {
          width: 425px !important; /* Länge der aktivierten Menü-Leiste */
          background: none ! important;
        }
        
    addon-page-options panel-list panel-item:hover {
          width: 425px !important; 
          background: lime ! important;
          color: red !important;
        }    
    
        addon-page-options panel-list {
          min-width: unset !important;
          width: auto !important;
          max-width: 430px !important; /* Ausdehnung der Felder nach rechts */ 
          background: #f8f8ff ! important; /* farbiger Hintergrund des Feldes */
          padding-left: 8px !important; /* Ausdehnung nach links */
          padding-right: 3px !important; /* Ausdehnung nach rechts */
          z-index: 1000 !important;
        }
        
    /* Hintergrund der Box Updates automatisch aktualisieren */
        addon-page-options panel-list panel-item[accesskey][checked] {
          background: gold !important;
        }
    
    /*** ENDE - Aussehen des Menü hinter dem Zahnrad ***/    
    Alles anzeigen

    Sieht dann so aus, wenn Auto-Update abgeschaltet:

    Dieses Bild ist aus Nightly, hier greift der Code für die erste Zeile von Andreas nicht mehr, deswegen noch grau hinterlegt.

  • Ansicht "Erweiterungen verwalten"

    • FuchsFan
    • 27. Mai 2020 um 19:40
    Zitat von edvoldi

    passt Danke

    Wenn du die nicht aktiven auch noch mit Hitergrund haben möchtest, dann das noch dazu:

    CSS
    addon-card .addon.card[active="false"] .theme-enable-button {
          background: dodgerblue!important;
        }
  • Ansicht "Erweiterungen verwalten"

    • FuchsFan
    • 27. Mai 2020 um 19:32
    Zitat von FuchsFan

    Da kann ich dir auch nicht weiter helfen.

    Na, eventuell doch. Probiere mal:

    CSS
    addon-card .addon.card[active="true"] .theme-enable-button {
          background: yellow!important;
        }
        
        addon-card:hover .addon.card[active="true"] .theme-enable-button {
          background: red  !important;
        }
        
        addon-card:hover .addon.card[active="false"] .theme-enable-button {
          background: green  !important;
        }
    Alles anzeigen
  • Ansicht "Erweiterungen verwalten"

    • FuchsFan
    • 27. Mai 2020 um 18:59
    Zitat von edvoldi

    zwei unterschiedliche Farben beim Hovern erscheinen

    Das ist richtig, das kann nicht funktionieren. Da kann ich dir auch nicht weiter helfen.:rolleyes:

  • Ansicht "Erweiterungen verwalten"

    • FuchsFan
    • 27. Mai 2020 um 18:16
    Zitat von 2002Andreas

    Teste bitte:

    Danke, Andreas, das passt. :thumbup::)


    Zitat von edvoldi

    Ich habe auch noch zwei Baustellen wo ich nicht weiter komme.

    Teste bitte:

    Farben habe ich mal testweise geändert.

    CSS
    button.theme-enable-button {
    
    border-radius: 15px !important;
    
    border: 1px solid grey !important;
    
    background: yellow !important;
    
    }
    
    button.theme-enable-button:hover {
    
    border: 1px solid grey !important;
    
    background: red!important;
    
    }
    Alles anzeigen

Unterstütze uns!

Jährlich (2025)

60,4 %

60,4% (392,55 von 650 EUR)

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