Beiträge von uwe_p

Zitat von Dharkness

Hi,

das ↓ in die userChrome.css und entsprechende Anpassungen an Deinem vorhanden CSS-Voodoo und es sollte passen.

Jetzt sind die nav-bar-Buttons (zu) dicht aneinander und das Hovern ist irgendwie überschneidend.
In meinem CSS-Code bezüglich der Leiste ist glaub ich nichts, was in der Richtung wirkt:

#nav-bar { height: 34px !important }

#nav-bar .toolbarbutton-icon { height: 26px !important;
border: 1px solid #81FBE4 !important; border-radius: 0 !important }

#home-button > .toolbarbutton-icon { background: #D3A1A2 !important }

@-moz-document url(chrome://browser/content/browser.xhtml) {
#nav-bar #back-button[disabled="true"],
#nav-bar #forward-button[disabled="true"] { opacity: .3 !important }}

#back-button > .toolbarbutton-icon, #forward-button > .toolbarbutton-icon {
border: 1px solid #81FBE4 !important; width: 66px !important }

#forward-button > image:nth-child(2), #back-button > image:nth-child(2),
#home-button > image:nth-child(1), #reload-button > image:nth-child(1),
#stop-button > image:nth-child(1), #bookmarks-menu-button > image:nth-child(2) {
padding: 4px !important }

#home-button > .toolbarbutton-icon, #reload-button > .toolbarbutton-icon,
#stop-button > .toolbarbutton-icon, #bookmarks-menu-button > .toolbarbutton-icon {
width: 50px !important }

hover2.mp4.zip

Hallo,

ich weiß nicht, ob es schon von Anfang an bei mir so war und laut Programmierern so sein soll:
In der Navigations-Leiste stellt sich (außer bei den Zoomcontrol-Buttons) der Hover-Effekt schon ein, wenn die Spitze des Mauszeigers noch außerhalb des Button ist.
In der Lesezeichen-Leiste ist es, wie ich es gut finde: Hover-Effekt erst, wenn Spitze des Mauszeigers die eingegrenzte (Border sichtbar muss sein ) Fläche berührt.
Anbei ein Filmchen, das den Unterschied zeigen soll.
hover.mp4.zip
Freundliche Grüße

Uwe

Zitat von 2002Andreas

Ich bin mir nicht sicher, aber entfern doch bitte mal Zeile 4 und teste.

Das brachte keine Änderung, trotzdem danke für den Vorschlag.

Zitat von Sören Hentzschel

Der Button war in Firefox 89 nicht ganz mittig ausgerichtet, darum wurde die Position in Firefox 90 um einen Pixel angepasst. Damit kannst du die Änderung rückgängig machen:

CSS

:where(#reload-button, #stop-button) > .toolbarbutton-icon,
:where(#reload-button, #stop-button) > .toolbarbutton-animatable-box {
  translate: 0 !important}

Super, jetzt ist wieder alles auf einer Höhe, besten Dank

Hallo,

plötzlich, ich glaube, seit dem Update auf Version 90 ist der o.g. Button etwas tiefer als die anderen.

Hat jemand eine Idee, was der Grund sein könnte?

Bezüglich dieses Bereiches ist folgender CSS-Code aktiv:

#nav-bar { height: 32px !important }

#nav-bar .toolbarbutton-icon { 
    height: 26px !important; 
    border: 1px solid #81FBE4 !important; border-radius: 0 !important }
    
#home-button > .toolbarbutton-icon { background: #D3A1A2 !important }

@-moz-document url(chrome://browser/content/browser.xhtml) {
#nav-bar #back-button[disabled="true"],
#nav-bar #forward-button[disabled="true"] { opacity: .3 !important }}

#back-button > .toolbarbutton-icon, #forward-button > .toolbarbutton-icon { 
     border: 1px solid #81FBE4 !important; width: 66px !important }
    
#forward-button > image:nth-child(2), #back-button > image:nth-child(2),
#home-button > image:nth-child(1), #reload-button > image:nth-child(1),
#stop-button > image:nth-child(1), #bookmarks-menu-button > image:nth-child(2) { 
     padding: 4px !important }

#home-button > .toolbarbutton-icon, #reload-button > .toolbarbutton-icon,
#stop-button > .toolbarbutton-icon, #bookmarks-menu-button > .toolbarbutton-icon { 
     width: 50px !important }

Freundliche Grüße

Uwe

Zitat von ^L^

Naja, ich bemerke, dass das Schriftbild und die Image- & Iconränder einen Hauch klarer sind.

Auf Windows und mit einem Uralt-VGA-Monitor.

Aha, danke. Jetzt kommt mir das auch so vor, zumindest beim Haussymbol des Home-Buttons.

Zitat von ^L^

Ich lad ja immer manuell, aber die neue ''Sehschärfe'' gefällt mir (zumindest auf meinem Monitor).

Und (gefühlt) schneller beim Seitenaufbau ist er auch geworden.

Was ist denn diese ''Sehschärfe''?

Hallo,

ich werde ja echt schnell bedient, gerade ist mir schon Version 90 zur Installation angeboten worden

Zitat von 2002Andreas

Das betrifft dann allerdings alle Tooltips vom Fx!

Besten Dank . Kein Problem bei den Lesezeichen-Tooltips,
bei Hover wird deren Adresse ja unten links eingeblendet, heißt glaub ich Statusanzeige.

- - -

Freundliche Grüße

Uwe

Zitat von AngelOfDarkness

Du bist ganz schön deiner Zeit voraus, daher solltest du mit dem Können der Zeitreise, dein Problem schon beantwortet haben, bevor du gefragt hast Firefox 98. .. Bist du das Marty McFly?

Verdammt, das kommt von der Ablenkung durch Fußball

Hallo,

endlich habe ich mir die Bedeutung einiger Buttons (siehe Bild)

eingeprägt und bin nicht mehr auf die bei Hover erscheinenden Tooltips angewiesen.

Kann man deren Erscheinen unterdrücken?

Freundliche Grüße

Uwe

Ich benutze das AddOn "Custom Scrollbars" . Klappt gut.

Mittels der Einstellung "browser.tabs.drawInTitlebar" hab ich schon lange die eigentliche Titelleiste quasi ausgeblendet.
Warum die wertvollen Millimeter verbrauchen nur für die Info, dass der Firefox gerade an ist .
Die Minimieren- / Maximieren- / Schließen-Buttons sind ja rechts dann auch vorhanden:

Zitat von bananovic

Zitat von uwe_p

... hab ich vertikale Trennlinien zwischen Tabs wieder hergestellt.

...

Die CSS-Zeile dazu war:

CSS

.tabbrowser-tab { border-right: 1px solid #81FBE4 !important; padding: 0 !important }

Die vertikale Trennlinie ist jetzt wieder da. Aber sie ist viel zu hoch, sie ragt über den oberen Rand der Tabs hinaus. Wie verringere ich die Höhe der Linie?

Wie kann ich erreichen, daß die Trennlinie nicht am unteren Rand des Tabs beginnt, sondern zwischen dem unteren Rand und dem unteren Beginn der Trennlinie noch ein kleiner Zwischenraum ist, so wie es bisher war?

Das weiß ich leider nicht. Was bei mir als Rand fungiert, ist ja quasi nur rechter Teil der Umrandung einer quadratischen Box, wie ich es mir als relativer Laie so angelesen habe . Vielleicht gibt es das, was vorher als Trennlinie sichtbar war, gar nicht mehr. Das wissen bestimmt Klügere als ich

Zitat von Boersenfeger

Schick.. bei mir siehts so aus:

Irgendwann komm ich vielleicht auch wieder auf das Runde, zurzeit wollen meine Augen nur Eckiges sehen

Zitat von Klausi

Kann man das Symbol auch wieder komplett entfernen? Der alte Code in meiner .css war

CSS

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */

.tab-icon-overlay[soundplaying][pinned],
.tab-icon-overlay[muted][pinned],
.tab-icon-overlay[activemedia-blocked][pinned] { display:none!important; }

.tab-icon-sound[pinned] { display:none !important; }
.tab-icon-sound { display:none !important; } 

Geht aber anscheinend nicht mehr Und da ich NULL Ahnung habe, bin ich wieder hier

Folgendes war bei mir erfolgreich:

.tab-icon-overlay { display: none !important }

Nach dem Motto "Grenzen müssen sichtbar sein" hab ich vertikale Trennlinien zwischen Tabs wieder hergestellt.

Die CSS-Zeile dazu war:

.tabbrowser-tab { border-right: 1px solid #81FBE4 !important; padding: 0 !important }

Zitat von 2002Andreas

Ich habe extra mal rot zusätzlich als Hg genommen, und weiß als Farbe dafür, musst du dann wieder entfernen.

CSS

.tab-close-button { height: 27px !important; width: 27px !important;
    border: 1px solid black !important; border-radius: 0 !important;
    fill: black !important; background: red !important; }
    
#tabs-newtab-button .toolbarbutton-icon {
    border: 1px solid #81FBE4 !important; border-radius: 0 !important; background: red !important;
  fill: white !important;
    height: 29px !important; width: 35px !important }

#tabs-newtab-button,
.tab-close-button {
   padding: 7px !important;
}  

Alles anzeigen

War wohl eine Täuschung, der ich erlegen war. Sieht ja eigentlich doch ziemlich mittig aus.
Danke nochmals für die Unterstützung.

Freundliche Grüße

Uwe

Zitat von 2002Andreas

Zitat von uwe_p

die horizontale Unmittigkeit

Teste bitte mal:

CSS

.tab-close-button { height: 27px !important; width: 27px !important;
    border: 1px solid black !important; border-radius: 0 !important;
    fill: black !important; background: red !important; }
    
#tabs-newtab-button .toolbarbutton-icon {
    border: 1px solid #81FBE4 !important; border-radius: 0 !important; 
    height: 26px !important; width: 35px !important }

#tabs-newtab-button,
.tab-close-button {
   padding: 7px !important;
}

Alles anzeigen

Der newtab-Button will noch nicht so richtig, aber beim close-Button bin ich mit padding: 2px sehr zufrieden:

Zitat von Dharkness

Hi,

ändere das mal Test halber dahingehend ↓.

CSS

.tab-close-button {
    height: 27px !important;
    width: 30px !important;
    border: 1px solid black !important;
    border-radius: 0 !important;
    fill: black !important;
    background: red !important
    padding: 0 !important;
}
    
#tabs-newtab-button {
    padding: 0 !important;
}    
#tabs-newtab-button .toolbarbutton-icon {
    border: 1px solid #81FBE4 !important;
    border-radius: 0 !important; 
    height: 26px !important;
    width: 35px !important;
}

Alles anzeigen

Beim close-Button halt es gewirkt, das Kreuz ist jetzt zwar riesig, gefällt mir aber sogar .
Beim Newtab-Button sehe ich keine Änderung.


Aber schon mal vielen Dank für die Hilfe

Das sind die Zeilen, die das derzeitige Aussehen der zwei Buttons beeinflussen:

.tab-close-button { height: 27px !important; width: 30px !important;
    border: 1px solid black !important; border-radius: 0 !important;
    fill: black !important; background: red !important }
    
#tabs-newtab-button .toolbarbutton-icon {
    border: 1px solid #81FBE4 !important; border-radius: 0 !important; 
    height: 26px !important; width: 35px !important }