Reiner Globus in Urlbar statt Lupe und/oder Globus mit Auswahlpfeil und feste Lupe in Searchbar ohne Auswahlpfeil / Seite durchsuchen mit anderer Randfarbe des Suchfelds

Mr. Cutty

Ich hätte noch ein paar Anpassungen und bitte um Unterstützung.

In der Urlbar sollte statt derLupe bzw. Globus mit dem Auswahlpfeil ...

... nur der reine Globus erscheinen. So wie hier in dem Beispiel:

In der Searchbar statt die Lupe und Auswahlpfeil ...

... nur die reine Lupe, wie in diesem Beispiel:

Bei "Seite durchsuchen" will ich den Rahmen um das Suchfeld ...

... beim Aufruf und wenn man was reintippt, eine andere Farbe geben.

2002Andreas

Zitat von Mr. Cutty

In der Searchbar

Funktioniert hier mit diesem Code:

CSS

.searchmode-switcher-dropmarker {
  display: none !important;
}

.searchmode-switcher {
  --button-background-color-muted: none !important;
}

.findbar-textbox {
    border: 2px solid red !important;
}

.findbar-textbox:focus {
    border: 4px solid blue !important; 
}

Alles anzeigen

Mr. Cutty

2002Andreas

Bei mir hat sich in der Searchbar leider nichts geändert. Sieht weiterhin so aus:

Bei "Seite durchsuchen, ist Blau dominant. Man kann zwar eine andere Farbe nehmen, bleibt aber weiterhin Blau, auch wenn Grün eingestellt wurde.

CSS

/* Angepasste Suchleiste "Seite durchsuchen" */

.browserContainer > findbar {
  background: #D2D2D2 !important;
  border-top: 4px solid #D2D2D2 !important;
  padding-bottom: 11px !important;
}

.findbar-textbox {
  border: 2px solid #8F8F8F !important;
  background: #FFFFFF !important;
}

.findbar-container {
  overflow-inline: clip !important;
}

.findbar-textbox:focus {
  border: 2px solid red !important;
}

.findbar-textbox {
  border: 2px solid red !important;
}

.findbar-textbox:focus {
  border: 2px solid green !important;
}

Alles anzeigen

Das einzige was funktioniert ist da rot in dem Beispiel, wenn man eines von den Checkboxen da nutzt. Aber sobald man wieder in das Feld reinklickt, ist der Rahmen wieder Blau.

2002Andreas

Ich habe was älteres gefunden. Bei browser.urlbar.scotchBonnet.enableOverride und False ist in der Urlbar nun eine Lupe und in der Searchbar eine Lupe ohne Auswahlpfeil. Sobald man aber in der Searchbar was eingibt, wird aus der Lupe ein G-Logo und bleibt dann, auch wenn man das Feld wieder löscht.

Mr. Cutty

Als Egänzung:

In der Urlbar habe ich es nun hinbekommen, dass der Globus als Standard erscheint. Habe da einen älteren CSS-Fetzen gefunden, und dann probiert und etwas angepasst, wo es dann funktionierte.

In der Searchbar ist die Lupe, wo sobald man was reintipp, das Icon der eingestellten Standardsuchmaschine erscheint - bei mir Google. Auch bleibt dies, wenn man den Inhalt der Searchbar löscht., Hier wäre es für mich ideal, wenn die Lupe immer bliebe.

Bieten Seiten auch noch eine Suche an, erscheint in der Searchbar ein grünes (+), was bei mir keine Funktion hat. Wie kann man dieses deaktivieren/entfernen?

.DeJaVu

Und wie sieht das CSS aus?

Mr. Cutty

.DeJaVu

Globus Urlbar:

CSS

/* Positionierung Globus bei inaktiver Urlbar */

#identity-box[pageproxystate="invalid"] #identity-icon {
  list-style-image: url("chrome://global/skin/icons/defaultFavicon.svg") !important;
  margin-right: 2px !important; 
  margin-left: 1px !important;
  display: block !important;
  width: 14px !important;
  height: 14px !important;
  background-color: transparent
}

Alles anzeigen

Suchlupe in Searchbar:

CSS

/* Position Suchlupe/Icon ohne Auswahlpfeil in Searchbar */

#searchbar-new .searchmode-switcher-dropmarker {
  display: none !important;
}

#searchbar-new .searchmode-switcher {
  --button-background-color-muted: none !important;
  margin-right: 3px !important; 
  margin-left: 8px !important;
  content: '' !important;
  display: block !important;
  width: 14px !important;
  height: 14px !important;
  background-color: transparent !important;
}

/* Hintergrundfarbe linkes Icon in Url-/Searchbar */

button#main-button span.button-background.labelled {
  background-color: transparent !important;
}

Alles anzeigen

.DeJaVu

Danke

mpt

kann man auch dauerhaft (bei Nicht-/Eingabe) den Globus anzeigen lassen anstatt eine Lupe oder das Suchmaschinen Symbol?

Mr. Cutty

So wie ich es habe?

Ich nutze dafür das:

CSS

/* Positionierung Globus bei inaktiver Urlbar */

#identity-box[pageproxystate="invalid"] #identity-icon {
  list-style-image: url("chrome://global/skin/icons/defaultFavicon.svg") !important;
  margin-right: 2px !important; 
  margin-left: 1px !important;
  display: block !important;
  width: 14px !important;
  height: 14px !important;
  background-color: transparent
}

Alles anzeigen

CSS

/* Hintergrundfarbe linkes Icon in Url-/Searchbar */

button#main-button span.button-background.labelled {
  background-color: transparent !important;
}

Keine Gewähr das es bei jeden so klappt.