In diesem Thema können Sie Ihre Codes für userChrome.css und userContent.css austauschen oder diskutieren, wie sie funktionieren, ohne separate Themen zu erstellen. Das Beispiel stammt aus dem Thema userChrome.js Scripte für den Fuchs (Diskussion)
Herzlich willkommen 
Visuelle Anzeige des Seitenladezustands in der Kopfzeile der Tab, ich finde das nützlich.
/* userChrome.css */
/* progress-bar page loading in the tab header */
.tabbrowser-tab:not([usercontextid]) > .tab-stack > .tab-background > .tab-context-line {
opacity: 0;
background-color: #ff8080;
height: 6px;
}
.tabbrowser-tab:is([busy], [progress]) > .tab-stack > .tab-background > .tab-context-line {
opacity: 1;
transform-origin: left center;
animation: 2s ease-in-out scale;
}
.tabbrowser-tab[bursting] > .tab-stack > .tab-background > .tab-context-line {
transition: opacity 2s ease-out;
}
@keyframes scale {
0% {transform: scaleX(0);}
100% {transform: scaleX(1);}
}Vielen Dank, 
Ich nutze allerdings eine andere Farbe...
Ich nutze allerdings eine andere Farbe...
Wenn Sie dem ersten Abschnitt des Codes zwei Zeilen hinzufügen, fügt sich der progress-bar harmonischer in Ihr Konzept ein.
margin-inline: 8px;
margin-top: 2px;
Stimmt, nochmals vielen Dank! YW
Stimmt
Da deine Tabs abgerundet sind, könntest du auch den Balken abrunden wenn du magst.
Dazu wenn dann im ersten Code das noch einfügen:
border-radius: 90px;
Auch Dir lieben Dank!
Brauche einen Stil für einen neuen Firefox v123.0 Tooltip. Einstellung der Hintergrundfarbe, des Tab-Namen-Textes, des Adress-Textes.
Danke.
browser.tabs.cardPreview.enabled = true
browser.tabs.cardPreview.showThumbnails = true (with preview), = false (without preview)
Brauche einen Stil für einen neuen Firefox v123.0 Tooltip. Einstellung der Hintergrundfarbe, des Tab-Namen-Textes, des Adress-Textes.
Teste mal das ↓.
.tab-preview-container {
border-radius: 0 !important;
border: 2px solid #0082FC !important;
background-color: #EEE8AA !important;
color: #000 !important;
}
.tab-preview-uri {
color: #0082FC !important;
}Teste mal das ↓.
Vielen Dank, das Ergebnis ist schön. Ich setzte die Länge auf 500px (by default 280px).
Vielen Dank
Aber gerne doch.
das Ergebnis ist schön.
Mein Endergebnis sieht jetzt damit * so ** aus.
*
/* Tabvorschau */
.tab-preview-container {
border-radius: 0 !important;
border: 2px solid #0082FC !important;
background-color: #EEE8AA !important;
margin: 0 !important;
padding: 0 !important;
}
.tab-preview-text-container {
border-radius: 0 !important;
border: 0 !important;
background: none !important;
margin: 0 !important;
padding: 0 !important;
}
.tab-preview-title {
max-height: 80px !important;
word-break: break-word !important;
border-bottom: 1px solid #0082FC !important;
color: #000 !important;
padding: 6px 8px 8px 8px !important;
margin: 0 !important;
}
.tab-preview-uri {
max-height: 80px !important;
white-space: pre-line !important;
color: #0082FC !important;
padding: 6px 8px 8px 8px !important;
margin: 0 !important;
}**
Mein Endergebnis sieht jetzt damit * so ** aus.
Das ist sogar noch besser. Die Umlaute sind verzerrt, offenbar ein Fehler in Firefox selbst.
Das ist sogar noch besser.
Schön wenn es Dir gefällt, war gerne geschehen.
Die Umlaute sind verzerrt, offenbar ein Fehler in Firefox selbst.
Das ist kein Fehler, sondern normales URL-Encoding. Kopiere die URL aus der Adressleiste in die Zwischenablage. Das sieht exakt gleich aus.
Große Bitte, dies zu beheben.
Teste bitte mal:
/* Tabvorschau */
.tab-preview-text-container {
border-radius: 3px !important;
border: 3px solid #0082FC !important;
background-color: #EEE8AA !important;
margin: 0 !important;
padding: 0 !important;
}
.tab-preview-title {
max-height: 80px !important;
word-break: break-word !important;
border-bottom: 1px solid #0082FC !important;
color: blue !important;
padding: 6px 8px 8px 8px !important;
margin: 0 !important;
}
.tab-preview-uri {
max-height: 80px !important;
white-space: pre-line !important;
color: red !important;
padding: 6px 8px 8px 8px !important;
margin: 0 !important;
}Oder auch:
Dazu muss dieser Code in die shadow-css:
#tab-preview-panel::part(content) {
box-shadow: none !important;
border: none !important;
background-color: transparent !important;
}Und dieser dann in die userChrome.css:
/* Tabvorschau */
.tab-preview-text-container {
border: 3px solid blue !important;
border-radius: 8px !important;
background-color: #EEE8AA !important;
margin: 0 !important;
padding: 0 !important;
}
.tab-preview-title {
max-height: 80px !important;
word-break: break-word !important;
border-bottom: 1px solid #0082FC !important;
color: blue !important;
padding: 6px 8px 8px 8px !important;
margin: 0 !important;
}
.tab-preview-uri {
max-height: 80px !important;
white-space: pre-line !important;
color: red !important;
padding: 6px 8px 8px 8px !important;
margin: 0 !important;
}Große Bitte, dies zu beheben.
Teste bitte mal:
CSS/* Tabvorschau */ .tab-preview-text-container { border-radius: 3px !important; border: 3px solid #0082FC !important; background-color: #EEE8AA !important; margin: 0 !important; padding: 0 !important; } .tab-preview-title { max-height: 80px !important; word-break: break-word !important; border-bottom: 1px solid #0082FC !important; color: blue !important; padding: 6px 8px 8px 8px !important; margin: 0 !important; } .tab-preview-uri { max-height: 80px !important; white-space: pre-line !important; color: red !important; padding: 6px 8px 8px 8px !important; margin: 0 !important; }
hab gerade diese Code getestet, im userChrome.css @import "CSS/TabVorschauPopup.css"; eingefügt und FF neugestartet.. Funktioniert nicht, alles beim Alten.
