Ergibt dann hier:
Ja, aber was ist mit der Urlbar, gibt es dort die Erhöhung nach der ersten Eingabe eines Buchstabens?
Ergibt dann hier:
Ja, aber was ist mit der Urlbar, gibt es dort die Erhöhung nach der ersten Eingabe eines Buchstabens?
Sieht und sah hier so aus:
Hm, dann möchte ich gerne wissen, warum das bei mir funktioniert, das ist schon sehr merkwürdig.
Die grundsätzlichen Anpassungen sehen hier so ↓ aus.
/* Höhe der Adressleiste anpassen. */
#urlbar, #searchbar {
border-radius: 0 !important;
border: 1px solid #B2B2B2 !important;
padding-block: 0 !important;
margin-inline: 0 !important;
padding: 0 !important;
margin: 0 !important;
}
#urlbar:hover, #searchbar:hover {
border-radius: 0 !important;
border: 1px solid #D1E2F2 !important;
}
#urlbar-background {
border-radius: 0 !important;
border: 0 !important;
}
#urlbar-input {
font-size: 13px !important;
line-height: 17px !important;
padding: 1px 0 2px 0 !important;
margin: 0 0 -1px 0 !important;
}
.searchbar-textbox {
font-size: 13px !important;
line-height: 17px !important;
padding: 0 0 3px 0 !important;
margin: 0 !important;
}
.searchbar-search-button,
.searchbar-textbox,
.search-go-container {
min-height: 24px !important;
max-height: 24px !important;
}
.search-go-container {
display: none !important;
}
#urlbar-container {
padding-block: 2px !important;
margin-inline: 1px !important;
margin-top: 1px !important;
margin-bottom: -1px !important;
}
#search-container {
padding-block: 2px !important;
margin-inline: 1px !important;
margin-top: 1px !important;
margin-bottom: 0px !important;
}
#urlbar[breakout][breakout-extend] {
top: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important;
left: 0 !important;
width: 100% !important;
padding: 0 !important;
margin: 0 !important;
}
#urlbar[breakout][breakout-extend] > .urlbar-input-container {
padding-block: 0 !important;
padding-inline: 0 !important;
padding: 0 !important;
margin: 0 !important;
}
#urlbar[breakout][breakout-extend][breakout-extend-animate] > #urlbar-background {
animation-name: none !important;
}
#urlbar[breakout][breakout-extend]:not([open]) > #urlbar-background {
box-shadow: none !important;
}
#urlbar[breakout][breakout-extend] {
& > .urlbar-input-container {
min-height: 22px !important;
max-height: 22px !important;
padding-block: 0 !important;
padding-inline: 0 !important;
}
}
Alles anzeigen
Evtl. hätte ich den Code neu anpassen müssen.
Evtl. liegt es ja nur daran ↓.
Das → #urlbar-input-container ist so nicht mehr vorhanden, denn daraus ist das → .urlbar-input-container geworden, vielleicht liegt es ja daran.
Für mich habe ich eine Lösung gefunden, nämlich den Wert: browser.urlbar.maxRichResults auf 0 zu setzen.
Hm, bei mir steht die Pref auf 50 und ich habe hier keine Erhöhung der Urlbar, allerdings ist der von FuchsFan genannte Teilabschnitt seinen CSS hier ein klein wenig anders, es sieht hier so ↓ aus.
#urlbar[breakout][breakout-extend] {
top: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important;
left: 0 !important;
width: 100% !important;
padding: 0 !important;
margin: 0 !important;
}
Auch der Folgeabschnitt ist hier ein wenig anders, nämlich so ↓.
meine notwendigen Daten
Vielleicht solltest Du mal präzisieren, welche Daten Du auf den USB-Stick übertragen willst.
P.S.:
Ich habe nicht ansatzweise verstanden, was Du machen willst, vielleicht solltest Du das mal genau beschreiben und dabei auch ein klein wenig die Rechtschreibung beachten, das liest sich echt gruselig.
Ich nutze nur das für die kleine Suchleiste:
Sprich das ↓ Script, richtig?
// ==UserScript==
// @name patchForBug1904014_allow_search_oneoff_with_empty_text.uc.js
// @description undoing Bug 1904014 - Remove function to do an empty search using the search bar one-off buttons.
// @include chrome://browser/content/browser.xhtml
// @compatibility 129
// @version 2024/07/14 fix add search engene button
// @version 2024/07/8
// ==/UserScript==
(function() {
let func = SearchOneOffs.prototype._on_click.toString();
func = func.replace(
'if (!this.textbox.value) {',
'if (false) {'
);
SearchOneOffs.prototype._on_click = new Function(
func.match(/\(([^)]*)/)[1],
func.replace(/[^{]*\{/, '').replace(/}\s*$/, '')
);
})();
(function() {
let func = SearchOneOffs.prototype._on_command.toString();
func = func.replace(
'if (!this.textbox.value) {',
'if (false) {'
);
func = func.replace(
'if (target.classList.contains("searchbar-engine-one-off-add-engine")) {',
`if (target.classList.contains("searchbar-engine-one-off-add-engine")) {
const lazy = {};
ChromeUtils.defineESModuleGetters(lazy, {
SearchUIUtils: "resource:///modules/SearchUIUtils.sys.mjs",
});`
);
let AsyncFunction = Object.getPrototypeOf(async function(){}).constructor;
SearchOneOffs.prototype._on_command = new AsyncFunction(
func.match(/\(([^)]*)/)[1],
func.replace(/[^{]*\{/, '').replace(/}\s*$/, '')
);
})();
(function() {
let PSAC = document.getElementById("PopupSearchAutoComplete");
//PSAC.addEventListener("popupShowing", event => {
PSAC.addEventListener("click", event => {
if (event.button == 2) {
// Ignore right clicks.
return;
}
let button = event.originalTarget.closest("[class~='searchbar-engine-one-off-add-engine]");
if (button) {
return;
}
button = event.originalTarget.closest(".search-panel-header");
if (!button) {
return;
}
if (!this.searchbar.value) {
BrowserSearch.searchBar.handleSearchCommand(event, Services.search.defaultEngine);
}
});
PSAC.addEventListener("keydown", event => {
if (event.keyCode !== KeyEvent.DOM_VK_RETURN) {
// Ignore right clicks.
return;
}
let button = event.originalTarget.closest(".search-panel-header");
if (!button) {
return;
}
if (!this.searchbar.value) {
BrowserSearch.searchBar.handleSearchCommand(event, Services.search.defaultEngine);
}
});
//}, {once: true});
})();
// this._searchbarEngine = this.querySelector(".search-panel-header");
Alles anzeigen
Und was ist mit dem ↓?
// ==UserScript==
// @name patchForBug1894910_allow_search_with_empty_text.uc.js
// @description undoing Bug 1894910 - Remove function to open search page from search bar with an empty search
// @include chrome://browser/content/browser.xhtml
// @compatibility 128
// @version 2024/06/4
// ==/UserScript==
(function() {
let searchbar = document.getElementById('searchbar');
let func = searchbar.textbox.handleEnter.toString();
func = func.replace(
'if (!this.textbox.value) {',
'if (false) {'
);
func = func.replace(
'!this.textbox.value &&',
'false &&'
);
searchbar.textbox.handleEnter = (new Function(
'event',
func.replace(/[^{]*\{/, '').replace(/}\s*$/, '')
)).bind(searchbar);
})();
Alles anzeigen
Bei Nutzung von einem Skript funktioniert das hier wie immer
Sind das nicht eigentlich 2 Scripts?
Funktioniert das mit der aktuellen Nightlyversion bei Euch?
Funktioniert hier ohne Probleme, stelle doch mal Dein Script zur Verfügung?
Wie jetzt schon mehrfach gesagt ergibt das überhaupt keinen Sinn, da Firefox und Opera auf iOS mit der exakt gleichen Engine arbeiten und damit auch den grundsätzlich gleichen Energiebedarf für die gleichen Aufgaben haben.
Wie sieht es da überhaupt mit Erweiterungen aus, gibt es welche und haben die dann auch Einfluss auf den Stromverbrauch?
Damit hatte ich gestern schon meine Probleme
Was meinst Du, warum ich hier mal wieder nach einem CSS-Voodoo gefragt habe, ich habe es nämlich auch nicht hinbekommen, das ist echt ganz schön verzwickt.
Ich kann dir nur einen Kompromiss anbieten.
Wenn du magst, dann teste bitte:
Daraus habe ich jetzt das ↓ gebaut und sieht so aus, wie ich es haben möchte, Dankeschön für Deine fleißige und zielführende Arbeit, hast Du wie immer gut hinbekommen bzw. auf den Weg gebracht, weiter so, Du bist der Beste.
.search-panel-tree {
background-color: #0082FC !important;
color: #FFF !important;
}
.search-panel-tree > .autocomplete-richlistitem:hover {
background-color: #D1E2F2 !important;
color: #000 !important;
}
.search-panel-tree > .autocomplete-richlistitem {
--urlbarView-highlight-background: #6970A0 !important;
border: 1px solid #000 !important;
border-bottom: 0 !important;
}
.search-panel-tree > .autocomplete-richlistitem:last-child {
border-bottom: 1px solid #000 !important;
}
.search-panel-tree .ac-title-text {
padding-top: 2px !important;
padding-bottom: 2px !important;
}
Alles anzeigen
Hallo 2002Andreas,
ich sehe es gerade erst, der * Eintrag ist nicht richtig, es soll nicht der Tree eingefärbt werden, sondern die richlistitem im tree, wieso funktioniert Dein CSS nicht, wenn man das dahingehend ** korrigiert?
*
**
Noch etwas angepasst dafür:
Ups, gestern Abend vergessen, Dankeschön für euren Zielführenden Beitrag, nun funktioniert es mit dem Anpassen eines Eintrags bei mir auch in der Searchbar.
Der Code von Andreas verändert (unter anderem) die Farbe der per Tastatur ausgewählten Zeile und ich hätte die Anfrage jetzt auch so verstanden, dass du das wolltest.
Und selbstverständlich auch Dir Dankeschön für den Schubs in die richtige Richtung.
Dann beschreibe bitte genauer, was du möchtest.
Tut nicht not, bei mir war eine Anpassung für einen anderen Bereich nicht sauber eingegrenzt auf den Bereich und deshalb hat Andreas CSS bei mir nicht vollständig funktioniert, eben die Anpassung für die Tastaturbedienung.
Mache ich das mit der Pfeiltaste auf der Tastatur, dann ist er Standard grau.
Ich will den Standard ja überschreiben, wie mache ich das?
Hallo Mira, der Gedanke ist gut, wenn es denn so ist wie ich vermutet hatte
Nein, das ist es noch nicht.
Geht es dir um die blaue Fläche, die grüne, oder noch etwas anderes?
Guckst Du da ↓, es geht um das unterste richlistitem, das im Lila Farbton.
Was genau willst du den einfärben?
Theoretisch eigentlich alle richlistitem, aber hauptsächlich erst einmal die der Searchbar, das * CSS läuft dort derzeit.
*
.search-panel-tree > .autocomplete-richlistitem {
background-color: #0082FC !important;
color: #000 !important;
margin: 1px 1px 0 1px !important;
}
.search-panel-tree > .autocomplete-richlistitem:hover {
background-color: #D1E2F2 !important;
color: #000 !important;
}
.search-panel-tree .ac-title-text {
padding-top: 2px !important;
padding-bottom: 2px !important;
}
#PopupSearchAutoComplete .autocomplete-richlistbox.search-panel-tree {
padding: 0 0 1px 0 !important;
}
Alles anzeigen
Und/oder mal :hover versuchen.
:hover wirkt nur bei Mausbedienung, aber nicht bei Tastaturbedienung und wie gesagt, [_moz-menuactive="true"] funktioniert bei richlistitem nicht.
Nein, ich will es ja anders einfärben, wenn ich durch die richlistitems navigiere, also kann es nicht :not(…) sein und [_moz-menuactive="true"] wirkt da scheinbar nicht.
Kann man dies nicht irgendwo deaktivieren?
Etwas ziemlich genau zielführendes hat grisu2099 doch schon genannt, einfach bei Extras → Einstellungen → Startseite und dort bei Startseite und neue Fenster Leere Seite einstellen und alles ist gut.