Die Werte kann/muss sich jeder dann selber anpassen:
Sehr schön, gleich noch um einen Eintrag bei .reactButton reduziert und background-position, height und width angepasst und schon sieht es auch hier gut aus, Dankeschön.
Beiträge von Dharkness
-
-
Kein Plan, ob Seamonkey das auch noch kann.
Kann er, guckst Du da ↓, aber ob das wirklich praktikable Webseiten sind?
-
Der Artikel strotz nur so von Werbelinks.
Ich sehe da keine Werbelinks, sondern nur Links zu weiteren Artikeln, wo also sollen die sein?
-
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.
CSS
Alles anzeigen/* 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; } } -
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.
CSS#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 ↓.
CSS#urlbar[breakout][breakout-extend] > .urlbar-input-container { padding-block: 0 !important; padding-inline: 0 !important; padding: 0 !important; margin: 0 !important; } -
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?
JavaScript
Alles anzeigen// ==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");Und was ist mit dem ↓?
JavaScript
Alles anzeigen// ==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); })(); -
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.
CSS
Alles anzeigen.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; } -
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?
*
CSS.search-panel-tree { background-color: #0082FC !important; color: #000 !important; margin: 1px 1px 0 1px !important; }**
CSS.search-panel-tree > .autocomplete-richlistitem { background-color: #0082FC !important; color: #000 !important; margin: 1px 1px 0 1px !important; } -
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.
*
CSS
Alles anzeigen.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; } -
Und/oder mal :hover versuchen.
:hover wirkt nur bei Mausbedienung, aber nicht bei Tastaturbedienung und wie gesagt, [_moz-menuactive="true"] funktioniert bei richlistitem nicht.
