Der verwendete Code ist für userContent.css
Wie kann ich die Anzeige der beiden angezeigten Abschnitte ausblenden?
Beiträge von lenny2
-
-
Das Nesting hört sich interessant an, auch wenn ich mich noch etwas schwer tue für das Ganze eine wirklich hilfreiche Nutzung im Browser CSS zu finden.
Die Basis der Anpassungen liegt ja darin, sich das CSS von Firefox mit den Entwicklerwerkzeugen anzusehen und dann zu verändern.
Gibt es eine funktionierende Möglichkeit, die userContent.css Zuordnung zu Developer Tools hinzuzufügen?
-
wozu? Das ist nur bei einem Downgrade erforderlich.
Ja, offenbar war ich unaufmerksam und dachte, es gäbe ein Downgrade. Das Löschen dieser Datei ist völlig harmlos, sie wird beim Start von FF neu erstellt.
-
meine sorge war, dass der firefox aus dem store mins. eins der zwei (unendlich wichtigen) profile nicht akzeptiert.
Löschen Sie die Datei compatibility.ini in diesem Profil.
-
Weil mit dem Skript wird nicht erst Firefox View aufgerufen, sondern gleich:
Ja, ich weiß, dass dies eine Funktion des Skripts ist. Möglicherweise habe ich einen Konflikt mit dem Bildlauf, was noch schwieriger zu finden und zu beheben sein wird. Wenn es keine Lösung für die Schaltfläche "Alle anzeigen" gibt, bleibe ich bei dem Stil, den ich habe.
-
Beim Testen des Skripts stellte sich heraus, dass es ein paar Nachteile hat
a\ Firefox View Next FVN öffnet sich anders, nicht wie bei der Originalschaltfläche, es öffnet sich in einem neuen Tab, der zusätzlich geschlossen werden muss.
b\ Der obere Teil der Bildlaufleiste ist abgeschnitten, was schlampig aussieht.
c\ Beim Scrollen nach unten wird der gesamte Rahmen gescrollt und nicht der Rahmeninhalt.
Das css-"Release Candidad"
, das dank 2002Andreas gesammelt wurde, hat diese Nachteile nicht.CSS
Alles anzeigen@-moz-document url(about:firefoxview-next) { .main-container { margin-top: 10px !important; } card-container:nth-child(2), card-container:nth-child(3) { display: none !important; } #pages { min-width: 1300px !important; } /* Background */ body { background-color: #eeeeee !important; } [data-l10n-id="firefoxview-collapse-button-hide"]:hover { background-color: #FDB0A4 !important; } body > fxview-category-navigation:nth-child(1) { display: none !important; } .sticky-container.bottom-fade { display: none !important; } .fxview-tab-row-title { min-width: 620px !important; max-width: 620px !important; } .fxview-tab-row-url, .fxview-tab-row-time { min-width: 200px !important; max-width: 200px !important; } }Es gibt noch einen Schritt für die "Release"-Version - so dass Sie beim Öffnen von Firefox View nicht mehr auf View All klicken müssen. Mit anderen Worten: FVN sollte sich öffnen, wenn die Schaltfläche "View All" bereits angeklickt ist.
So sieht es jetzt aus
Erforderliche Ansicht
Danke
-
Zusätzlich in eine userContent.css
Danke, alles gut
#firefox-view-button { list-style-image: url("chrome://branding/content/icon32.png"); }
Das Ressourcensymbol wollte nicht akzeptiert werden, aber es gab kein Problem mit dem lokalen oder base64-Symbol.
-
Ich kann dir etwas ganz anderes anbieten
Das Skript funktioniert
und ich konnte endlich ein farbiges Symbol zuweisen. Es gibt allerdings noch zwei offene Fragen: 1. die Lücke verkleinern 2. die Domains nach rechts verschieben, damit mehr Text auf der linken Seite angezeigt wird.Danke
-
-
Das kann ich dir anbieten:
Danke, das ist schon viel besser. Wenn man die Schaltfläche "Alle ansehen" drückt, erhält man fast die gewünschte Ansicht. Ist es möglich, den gedrückten Zustand im Code zu fixieren?
Der obere Rand von Firefox View klebt am unteren Rand des Lesezeichen-Panels, ist es möglich, eine Lücke zwischen ihnen zu setzen?
-
Die Schaltfläche funktioniert als Auslöser, es wäre schön, wenn die beiden Zustände visuell sichtbar wären
-
@-moz-document url(about:firefoxview-next) {
Das habe ich auch gleich gemacht, es funktioniert nicht.
-
Wenn ich Skriptschaltflächen in der Statusleiste platziere, werden sie rechts angezeigt. Was muss ich ändern, damit die Symbole links angezeigt werden?
-
Da hat sich doch nichts verändert, außer dem Icon.
Überraschenderweise konnte ich auch das Symbol nicht ändern.
Sie haben Recht, ich bin verwirrt, denn die Schaltfläche Firefox-Ansicht befindet sich auf dem vertikalen Aris-ts-Panel.
Alte Ansicht - about:firefoxview Neue Ansicht - about:firefoxview-next
In der alten Ansicht funktionierte der userContent.css-Code, der die Ansicht wie im ersten Beitrag erzeugte. In der neuen Ansicht funktioniert dieser Code nicht.
CSS
Alles anzeigen/* userContent.css Tweak Firefox <=v118 */ /* Background Firefox View */ @-moz-document url(about:firefoxview) { body { background-color: #eeeeee !important; } /* Background and radius by hover */ .closed-tab-li:hover { background-color: #FDB0A4 !important; border-radius: 5px !important; } /* Chevron background */ .page-section-header:hover > .twisty { background-color: #FDB0A4 !important; } /* Hide logo */ #logo-container { display: none !important; } #tab-pickup-container { display: none !important; } /* Shift column with domain names to the right */ .closed-tab-li-url { padding-inline-start: 68px !important; padding-inline-end: 0px !important; } }Das Ergebnis sollte sein
-
Firefox View wurde verbessert, es öffnet sich jetzt in einem versteckten Tab, der nicht in der Tab-Leiste angezeigt wird. Benötigen Sie einen CSS für userContent.css, um Firefox View Seite aussehen wie auf dem Screenshot zu machen. Alle anderen Schaltflächen und Menüs werden mit CSS ausgeblendet.
Vielen Dank für Ihre Hilfe
New Firefox View im Tab öffnen (alte Ansicht) about:firefoxview-next
-
Eine einfache CSS Variante ohne Script
Ich habe dieses CSS verwendet, es fügt Spaces hinzu, aber keine Separators. Das erwähnte Skript fügt sowohl Spaces als auch Separators hinzu, und im Customize Toolbar Menu sind sie so, wie sie im alten klassischen Firefox waren.
-
-
Bitte
Und letzte (userContent.css)
CSS/* Color of visited links */ :visited, :visited * { color: #ff4a4a !important; /* pale red */ } /* underline link by hover */ :any-link:hover, :any-link:not(#thumbnail).yt-simple-endpoint:hover * { text-decoration: underline !important; } -
Visited Link Enabler 0.3.0 funktioniert bei amazon
CSS:visited, :visited * { color: red !important;}Code in userContent.css, funktioniert bei amazon und anderen. Der Code wurde aus den Interna der Erweiterung extrahiert.
-
Mit diesem Code in userContent.css werden fast alle besuchten Links hervorgehoben
CSS:any-link:visited, :any-link:not(#thumbnail).yt-simple-endpoint:visited * { color: #ff4a4a !important; /* pale red */ }