Alles anzeigenBitte testen:
Statt:
bottom: 8px !important
margin-top: -25px !important;
Den Wert musst du dir evtl. noch anpassen.
Danke. Funktioniert auch, wenn man -25px belässt. Bei einem anderen Wert, z.B. -30px, ist, wenn man die Findbar aufruft, der Status-Panel dann eher rechts und nicht links.
Ok, verstanden. Dann lass einfach Zeile 8 in deinem CSS-Code weg: bottom: 8px !important;
Danke. Läuft. 
Was ist denn mit deinem Statusleisten-Skript passiert? Funktioniert das nicht mehr oder hast du das bewusst entsorgt?
Wenn du nur das Status-Panel verschiebst, dann passiert eben das, was du beschreibst.
Das funktioniert weiterhin. Aber bei einem anderen PC mit Firefox habe ich das Statusleisten-Script nicht installiert/eingebaut und eben nur diese angepasste Status-Panel in der userChrome.css drinnen. Klar, könnte ich die Höhe so setzen das der Staus-Panel dauerhaft weiter oben erscheint, sieht jetzt aber nicht so gut aus, finde ich.
Ruft man "Seite durchsuchen" auf, erscheint am unteren Browserrand die Suchleiste (Findbar) und der Standard Status-Panel erscheint dann darüber, wenn man anschließend über einen Link fährt.
Hat man nun einen angepassten Status-Panel, ...
/* ------------------------------------ */
/* Status-Panel / Helles Standard-Theme */
/* ------------------------------------ */
#statuspanel {
background-color: #F5F6F7 !important;
border: none !important;
bottom: 8px !important;
height: 22px !important;
max-width: 80% !important;
box-shadow: 0px 0px 4px 0px #353535 !important;
background: #F5F6F7 !important;
transition: none !important;
}
#statuspanel-label {
border: none !important;
background: transparent !important;
padding-top: 3px !important;
margin-left: 16px !important;
margin-right: 16px !important;
padding-bottom: 20px !important;
font-size: 11px !important;
color: #000000 !important;
}... bleibt der Status-Panel da wo er ist, also auf der Findbar.
Gibt es da einen Trick, dass der angepasste Status-Panel nach dem Aufruf der Findbar auch dann oberhalb der Findbar erscheint, wenn man mit der Maus über einen Link drüberfährt?
Teste bitte:
CSS.urlbarView-body-inner { border-top: 1px solid red !important; }
Super. Danke.
Kann man den Strich, der die Urls und die darunter erscheinenden Adressvorschläge trennt, eine andere Farbe geben?
Ist es möglich, dass der Strich nicht mit scrollt sondern stehen bleibt wenn man die Adressenauflistung durchscrollt?
Wenn ich weder was eintippe noch in die Urlbar reinklicke, kommt gar nichts.
Erst wenn ich was zu tippen anfange (oder reinklicke), kommen Vorschläge von vorher besuchten Seiten und da kommen eben diese 80 eingestellten Urls (about:config -> browser.urlbar.maxRichResults) die ich dann auch in der Adressenauflistung durchscrollen kann.
Ich hatte das mal von hier als Tipp für die Anpassungen übernommen, was so aber nun nicht mehr nötig ist. Es hat halt bisher so funktioniert.
Mittlerweile ist mein CSS-Code in der userChrome.css, dank der Hilfe hier aus dem Forum, dafür eh komplett anders:
/* -------------------------------------------------------- */
/* Anpassungen der Urlbar und Liste mit Adressenvorschlägen */
/* -------------------------------------------------------- */
/* Maximale Höhe der Adressenauflistung */
.urlbarView {
height: 500px !important;
max-height: 500px !important;
}
/* Abstand oben und unten in der Adressenauflistung */
#urlbar-results {
margin-top: 1px !important;
margin-bottom: 3px !important;
}
/* Scrollbar und Position der Adressenauflistung */
.urlbarView {
overflow-y: scroll !important;
margin-top: -1px !important;
margin-bottom: 1px !important;
}
/* Vergrößerung der Urlbar deaktivieren */
#urlbar[breakout][breakout-extend] {
top: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important;
left: 0 !important;
width: 100% !important;
}
#urlbar[breakout][breakout-extend] > #urlbar-input-container {
height: var(--urlbar-height) !important;
padding-block: 0 !important;
padding-inline: 0 !important;
}
#urlbar[breakout][breakout-extend][breakout-extend-animate] > #urlbar-background {
animation-name: none !important;
}
#urlbar[breakout][breakout-extend] > #urlbar-background {
box-shadow: none !important;
}
#urlbar[breakout][breakout-extend][open] > #urlbar-background {
box-shadow: 2px 2px 2px #787878 !important;
}Und sieht so aus:
Danke für die Aufklärung. Habe es so gemacht wie Du geschrieben hast.
Danke. Das hilft mir schon mal weiter.
Ich sehe gerade das bei langen Urls dieser Pfeil quasi fast verschwindet. Dann lasse ich ihn doch lieber weg.
Lasse ich das alles mit .megabar weg, ist die Urlbar mit Adressenauflistung bei mir kaputt, sieht nicht mehr so aus wie vorher bzw. wie gewollt.
Hast ja eigentlich recht. Das sind halt diese Gewohnheiten. Ich habe immer auf den Pfeil geklickt, obwohl eben das hineinklicken in die Urlbar das selbe macht.
Danke. Funktioniert.
Hast Du hierfür auch noch einen Tipp?
Dann fehlt wieder der dauerhafte Auswahlpfeil in der Urlbar den ich gerne wieder haben möchte. Mein CSS-Code bisher:
Code/* ---------------------------------------------- */ /* Auswahlpfeil in Adresszeile dauerhaft anzeigen */ /* ---------------------------------------------- */ @-moz-document url(chrome://browser/content/browser.xhtml) { .urlbar-history-dropmarker {opacity: 1 !important}
Damit hatte ich auch schon rumgespielt, nur eben sieht es ja dann so aus (mit Deinem Beispiel) wenn man den FF startet oder einen neuen Tab öffnet.
Es soll aber erst der Schatten kommen wenn man in die Urlbar reinklickt oder was reintippt und die Adressenvorschläge darunter kommen.
Ich habe ein wenig rumprobiert und habe meinen Quelltext für die Urlbar mit Adressenauflistung angepasst.
Siehe auch hier: Schatteneffekt um Urlbar mit Adressenauflistung + Auswahlpfeil in Adresszeile dauerhaft anzeigen
Wie bekomme ich im FF 77 um die Urlbar mit Adressenauflistung einen Schatteneffekt? Dieser soll erst einscheinen wenn man die Urlbar anklickt btw. was reintippt.
Also so wie beim Suchfeld:
Mein CSS-Code bisher:
/* -------------------------------------------------------- */
/* Anpassungen der Urlbar und Liste mit Adressenvorschlägen */
/* -------------------------------------------------------- */
:root {
/* Wert muss identisch in about:config = browser.urlbar.maxRichResults sein */
--ac_popup_number_of_results: 80;
/* Je höher der Wert oben, je kleiner muss der px Wert sein */
--ac_popup_maxheight: calc(6px * ( var(--ac_popup_number_of_results) + 1 ));
--ac_popup_height: calc(400px * var(--ac_popup_number_of_results));
}
/* Maximale Einträge die ohne zu scrollen angezeigt werden */
.urlbarView:not(.megabar) {
height: var(--ac_popup_height) !important;
max-height: var(--ac_popup_maxheight) !important;
}
/* Abstand oben und unten in der Adressenauflistung */
#urlbar-results {
margin-top: 1px !important;
margin-bottom: 3px !important;
}
/* Scrollbar und Position der Adressenauflistung */
.urlbarView:not(.megabar){
overflow-y: scroll !important;
margin-top: -1px !important;
margin-bottom: 1px !important;
}
/* Vergrößerung der Urlbar deaktivieren */
#urlbar[breakout][breakout-extend] {
top: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important;
left: 0 !important;
width: 100% !important;
}
#urlbar[breakout][breakout-extend] > #urlbar-input-container {
height: var(--urlbar-height) !important;
padding-block: 0 !important;
padding-inline: 0 !important;
}
#urlbar[breakout][breakout-extend][breakout-extend-animate] > #urlbar-background {
animation-name: none !important;
}
#urlbar[breakout][breakout-extend] > #urlbar-background {
box-shadow: none !important;
}Dann fehlt wieder der dauerhafte Auswahlpfeil in der Urlbar den ich gerne wieder haben möchte. Mein CSS-Code bisher:
/* ---------------------------------------------- */
/* Auswahlpfeil in Adresszeile dauerhaft anzeigen */
/* ---------------------------------------------- */
@-moz-document url(chrome://browser/content/browser.xhtml) {
.urlbar-history-dropmarker {opacity: 1 !important}
}Danke.
Im FF 77 gibt es ja final die neue Urlbar. Durch den obigen CSS-Code habe ich die Vergrößerung schon abgestellt. Kann man die neue Url-Bar abschalten und wieder so aussehen lassen wie bis FF 76?
Ich habe ja eine angepasste Urlbar mit Url-Auflistung und die ist nun in der neuen Urlbar quasi etwas unpassend eingebettet. Mein CSS-Code bisher:
/* ---------------------------------------------------------------- */
/* Anzeige einer Scrollleiste für Adressvorschläge unter der Urlbar */
/* ---------------------------------------------------------------- */
:root {
/* Wert muss identisch in about:config = browser.urlbar.maxRichResults sein */
--ac_popup_number_of_results: 80;
/* Je höher der Wert oben, je kleiner muss der px Wert sein */
--ac_popup_maxheight: calc(6px * ( var(--ac_popup_number_of_results) + 1 ));
--ac_popup_height: calc(400px * var(--ac_popup_number_of_results));
}
/* Maximale Einträge die ohne zu scrollen angezeigt werden */
.urlbarView:not(.megabar) {
height: var(--ac_popup_height) !important;
max-height: var(--ac_popup_maxheight) !important;
}
/* Scrollbar wird bei Bedarf angezeigt */
.urlbarView:not(.megabar){
overflow-y: scroll !important;
}
/* Popupfenster schmaler, oder diesen Teil vom Code entfernen bzw. auskommentieren */
.urlbarView:not(.megabar) {
background-color: #FFFFFF !important;
max-width: 1000px !important;
margin-top: 0px !important;
margin-left: 74px !important;
border: 1px solid #0078D7 !important;
box-shadow: 2px 2px 2px #787878 !important;
}
/* Popup nach links verschoben */
#urlbar-results {
margin-left: 51px !important;
}
/* Breite der Url */
.urlbarView-url {
overflow: visible !important;
}
/* Gesamtes Textfeld nach links an den Rand */
.urlbarView-row-inner {
margin-left: -100px !important;
}Dann fehlt mir in der Urlbar wieder der dauerhafte Auswahlpfeil. Mein CSS-Code bisher:
/* ---------------------------------------------- */
/* Auswahlpfeil in Adresszeile dauerhaft anzeigen */
/* ---------------------------------------------- */
@-moz-document url(chrome://browser/content/browser.xhtml) {
.urlbar-history-dropmarker {opacity: 1 !important}
}Alles anzeigenwo ich was rotes haben soll?
Das habe ich nur gemacht, damit man es besser erkennen kann.
In der "statusleiste.uc,js" dies:
Das erklärt natürlich alles, siehe meinen Nachtrag in Beitrag 346.
Du nutzt dann wohl das alte und das neue Script gleichzeitig, das kann natürlich keiner ahnen.
In deinem Script hat die Leiste nämlich den Namen statusleiste, in meinem aber new-toolbar.
Und darum habe ich es umbenannt bevor ich es bei mir eingepflegt habe. Siehe oben.
Und mache ich aus meinem CSS-Code das #statusleiste weg, sieht es so aus:
Und ich weiß nicht wo ich was rotes haben soll?
in der "userChrome.css" steht das:
/* ------------------------------------ */
/* Statusleiste / Helles Standard-Theme */
/* ------------------------------------ */
#statusleiste {
height: 24px !important;
direction: rtl !important;
background: #F5F6F7 !important;
border-top: 1px solid #CCCCCC !important;
}
#statuspanel {
background-color: transparent !important;
border: none !important;
bottom: 14px !important;
height: 24px !important;
max-width: 100% !important;
transition: none !important;
}
#statuspanel-label {
border:none !important;
background:transparent !important;
padding-top: 3px !important;
padding-left: 6px !important;
color: #000000 !important;
}In der "statusleiste.uc.js" dies:
/* ------------ */
/* Statusleiste */
/* ------------ */
(function() {
if (location != 'chrome://browser/content/browser.xhtml')
return;
var tb = document.createXULElement('toolbar');
tb.id = 'statusleiste';
tb.setAttribute('customizable', true);
tb.setAttribute('mode', 'icons');
var vbox = document.createXULElement('vbox');
document.getElementById('navigator-toolbox').parentNode.parentNode.insertBefore(
vbox, document.getElementById('browser-bottombox'));
vbox.style.backgroundColor = 'lightgrey';
vbox.appendChild(tb);
CustomizableUI.registerArea('statusleiste', {legacy: true});
CustomizableUI.registerToolbarNode(tb);
})();Neben den anderen benötigten Dateien in anderen Verzeichnissen.
Und dann sieht das so aus wie es gewollt ist: