Schatteneffekt um Urlbar mit Adressenauflistung + Auswahlpfeil in Adresszeile dauerhaft anzeigen

Mr. Cutty

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:

CSS

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

Alles anzeigen

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

Danke.

2002Andreas

Zitat von Mr. Cutty

um die Urlbar mit Adressenauflistung einen Schatteneffekt?

Erstmal im ersten Code ganz unten diesen Eintrag entfernen, und dann testen.

CSS

#urlbar[breakout][breakout-extend] > #urlbar-background {
box-shadow: none !important;
}

Oder z.B. so, wobei du dir die Farbe etc. anpassen musst/kannst.

CSS

#urlbar[breakout][breakout-extend] > #urlbar-background {
     box-shadow: 10px 5px 5px red !important;
   }

Mr. Cutty

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.

2002Andreas

Zitat von Mr. Cutty

wenn man in die Urlbar reinklickt

Teste bitte:

CSS

#urlbar[breakout][breakout-extend][open] > #urlbar-background {
    box-shadow: 10px 5px 5px red !important;
  }

Mr. Cutty

Danke. Funktioniert.

Hast Du hierfür auch noch einen Tipp?

Zitat von Mr. Cutty
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}

2002Andreas

Zitat von Mr. Cutty

Hast Du hierfür auch noch einen Tipp?

Ich bin mir nicht sicher ob der Pfeil nicht sogar abgeschafft wurde

Sören Hentzschel

Wurde abgeschafft, müsste also selbst wieder hinzugefügt werden. Die Frage ist nur: wozu? Es ist völlig egal, wo in der Adressleiste man klickt.

Mr. Cutty

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.

2002Andreas

Zitat von Mr. Cutty

Ich habe immer auf den Pfeil geklickt

Nicht ganz perfekt, evtl. fällt einem anderen User ja noch etwas dazu ein.

CSS

#urlbar-input {
  background: url("chrome://global/skin/icons/arrow-dropdown-16.svg") no-repeat !important;
  background-position: 708px 5px !important;    
 }

Die Werte musst du dir dann anpassen.

Mr. Cutty

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.