Beiträge von FuchsFan

FuchsFan

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

FuchsFan

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.

FuchsFan

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.

FuchsFan

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.

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.

FuchsFan

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;
}

FuchsFan

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.

FuchsFan

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:

FuchsFan

Zitat von Dharkness

die die da eventuell noch sind?

Ich kenne diese Meldung noch. Erscheint nach manueller Suche.

FuchsFan

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.

FuchsFan

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.

FuchsFan

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.

FuchsFan

Dharkness

Nun habe ich sortiert, sieht dann so aus.

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;
}

FuchsFan

Zitat von Dharkness

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

Damit kann ich was anfangen, ich danke dir.

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?

FuchsFan

Zitat von Dharkness

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

Genau so!

FuchsFan

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.

FuchsFan

Zitat von 2002Andreas

Ergo musst du es auch noch auf die Themes allein beschränken.

Ich glaube , dass ich dieses Vorhaben abbrechen muss. Wenn ich die Schrift nach oben verlagern will, dann verschwindet sie hinter ??????, ob links oder rechts spielt dabei keine Rolle.

Das ist der verwendete Code:RE: About Seiten mit CSS Codes anpassen

Hast du noch eine Idee?

FuchsFan

Zitat von 2002Andreas

ja auch für die Erweiterungen zutrifft.
Ergo musst du es auch noch auf die Themes allein beschränken.

Ist mir bewusst, Andreas, trotzdem rührt sich nichts von der Stelle. Habe es in den Code eingearbeitet, keine Reaktion.

FuchsFan

2002Andreas

Hallo, Andreas, ich brauche wieder einmal Hilfe. Ich möchte unter Themes die Schrift nach oben rechts verlagern, gelingt mir nicht, weil ich den Selektor dafür nicht finde.

FuchsFan

BarbaraZ-

Du verwendest den Manager, an dem ich in der Entwicklung beteiligt war. Natürlich nur durch die Hilfe der Könner und Kenner hier konnte ich das schaffen. Weil dieses Teil aber immer wieder Schwierigkeiten bereitet hat, so habe ich mich davon verabschiedet. Aus der Basis von Aris habe ich dann einen neuen (wieder nur mit viel Hilfe) Manager gebastelt, den du hier finden kannst (die Erklärungen dazu), bitte unten die letzten Zeilen lesen.

Eventuell findest du ja auch Gefallen daran. Guten Rutsch!

RE: Ansicht "Erweiterungen verwalten"

FuchsFan

Zitat von 2002Andreas

In ESR 78 sieht das so aus:

Kann ich bestätigen.

Beiträge von FuchsFan

Ansicht "Erweiterungen verwalten"

Ansicht "Erweiterungen verwalten"

Ansicht "Erweiterungen verwalten"

Ansicht "Erweiterungen verwalten"

"Weitere Lesezeichen" aus Symbolleiste entfernen

Mehrzeilige Tableiste für aktuelle Firefox-Versionen

Ansicht "Erweiterungen verwalten"

Ansicht "Erweiterungen verwalten"

"Weitere Lesezeichen" aus Symbolleiste entfernen

"Weitere Lesezeichen" aus Symbolleiste entfernen

Ansicht "Erweiterungen verwalten"

Ansicht "Erweiterungen verwalten"

Ansicht "Erweiterungen verwalten"

Ansicht "Erweiterungen verwalten"

Ansicht "Erweiterungen verwalten"

Ansicht "Erweiterungen verwalten"

Ansicht "Erweiterungen verwalten"

Ansicht "Erweiterungen verwalten"

Addons-Manager anpassen

About Seiten mit CSS Codes anpassen