Scrollbalken in Code-Blöcken verdecken den Inhalt

Hallo,

wen ich auf Seiten Code-Blöcke habe (z. B. im UbuntuUsers-Wiki) stehen die Scrollbalken innerhalb der Code-Blöcke und verdecken den Inhalt. In anderen Browsers (vielleicht auch bei Firefox unter Windows; kann ich gerade mangels Windows nicht testen) wird der Scrollbalken unterhalb des Code-Blocks dargestellt und verdeckt den Inhalt nicht. Ist das ein Firefox-Problem oder hat das irgendwas mit dem Linux-Theme zu tun? Irgendwie kann man bestimmte Sachen beim Firefox nicht mehr ändern (wie z. B. diesem unpraktischen sehr dünnen Scrollbalken), unter Windows glaube ich aber dickere Scrollbalken im Firefox gesehen zu haben (generell, nicht nur bzgl. der Code-Blöcke).

Im Fehlerbehebungsmodus tritt das Problem auch auf. Ich habe auch auf einem anderen Rechner das Problem mit der 109 und auch bei anderen Themen. Kümmert sich Firefox überhaupt nennenswert um das Thema? Soweit ich das sehe ändert sich an der Optik vom Firefox nichts wenn ich ein anderes Theme nutze?

Zitat von .DeJaVu

Du meinst wohl Mozilla.

Ja, meinte ich.

Zitat

Zu betroffenen Seiten immer einen Link hinzufügen, ist der hier richtig?

Startseite › Wiki › ubuntuusers.de

...

Ist das auch so hier, in diesem Forum so?

Genau die meinte ich. Das war nur ein Bsp., da es mir dort zuletzt aufgefallen ist. Passierte auch auf anderen Seiten, wenn die Code-Blöcke nicht auf die Seite passen.

Ich habe bisher keine Code-Blöcke gefunden, mit entsprechender Länge.

Zitat

Ob und wie ein Linux-Theme beeinflusst, würde sagen ja, weil das auch so unter Windows ist.

Ich bin mir da nicht so sicher. So wie ich das verstehe kann eine Anwendung die GTK nutzt die vom GTK-Theme unter Linux vorgegebene Optik für ein bestimmtes Element nutzen - oder es ignorieren. Dann könnten die Entwickler selbst festlegen wie ein Element aussehen soll. Ich habe z. B. in der ~/.config/gtk-3.0/gtk.css einen dickeren Scrollbalken festgelegt, der aber bei weitem nicht von allen GTK-Anwendungen genutzt wird. Auch Firefox ignoriert diese Einstellungen. Bis zu irgendeiner Firefox-Version zwischen v90 und v100 konnte der Scrollbalken noch über die userChrome geändert werden, was jetzt auch nicht mehr geht. Will sagen: Soweit ich das verstehe kann eine Anwendung die vom OS vorgegebenen GTK-Einstellungen nutzen, kann aber auch sein eigenes Ding machen. Und ich vermute Firefox macht das (unter Linux) ... oder die Einstellungen müssen auf andere Art geändert werden.

Zitat

Zudem können auch Webseiten Scrollbalken auch selbst verändern.

Das ist möglich, dann sollte es aber bei allen Browsern gleich aussehen.

Zitat

Stellt nur Firefox den Scrollbalken auf deinem Betriebssystem dünn dar und alle anderen Anwendungen dicker?

Wie gesagt habe ich Anpassungen in der gtk.css vorgenommen die teilweise ignoriert werden. Mein Audioplayer Audacious ist so ein Fall. Da habe ich einen Scrollbalken dem Balken unter Firefox ähnlich (dünn, runde Enden, keine Pfeile). Der im Firefox ist etwas dicker und wird ausgeblendet wenn man nicht mit der Maus sich darüber befindet.

Ich hab mal ein paar Screenshots gemacht damit man sieht was ich sehe. Die erste ist Firefox unter Linux aus dem UU-Wiki (Beitrag zum ePub-Editor Calibre: https://wiki.ubuntuusers.de/Calibre/). Der zweite den gleichen Code-Block unter Firefox 109 Windows 7 in einer virtuellen Maschine (mein Windows 10 ist nur auf dem gerade nicht verfügbaren Notebook installiert). Der dritte dann den gleichen Code-Block mit Chrome unter Linux. Firefox@Windows und Chrome@Linux zeigen die Scrollbalken unter dem Code-Block an und die Balken sind dicker.

Etwas komisch finde ich, dass bei Firefox@Linux der Scrollbalken am rechten Rand im Screenshot fehlt. Er war aber da, das kann daran liegen, dass bestimmte Elemente im Screnshot-Programm ausgeblendet werden (z. B. Mauszeiger). Da der Scrollbalken ausgeblendet wird bei Nicht-Nutzung wird er evtl. auch im Screenshot ausgeblendet.

ich bin mir recht sicher, dass es auch da so aussieht. Ich kenne das nicht anders. Seit ich Firefox unter ubuntu einsetze sieht das so aus. In dem link steht aber:

Zitat

This version of Firefox comes with a new sleek thinner design for the scrollbar.

da steht Fx kommt mit dem neuen schlanken scrollbar. Ich deute das so, dass die Einstellungen im Firefox festgelegt sind. Wenn sie vom theme kommen hätte es keinen Sinn zu schreiben der neuen Firefox kommt mit XY.

Ich kann mich aber erinnern, dass ältere Versionen immer diese gtk.css ignoriert haben. Falls das Problem beim theme liegt müsste man das anpassen. Das Zitat oben klingt aber anders.

Ich guck mal ob ich morgen ein nicht-xfce ubuntu 22.04 gebootet bekomme. Mal sehen wie das da aussieht.

So, ich hab jetzt nochmal ein Ubuntu MATE 22.04 als Live-System gebootet und sehe die genau die gleiche Optik wie imersten Screenshot oben (der von meinem Xubuntu 22.04 stammt). Das Theme scheint nicht das Problem zu sein, denn egal wie ich das Theme wechsel, nichts ändert sich am Verwalten und Aussehen der Scrollbalken.

@ .DeJaVu

So, des Rätsels Lösung war am Ende dein letzter Link. Ich habe über "widget.gtk.overlay-scrollbars.enabled" das automatische Ausblenden des Scrollbalkens ausgeschaltet, eine Funktion die ich eh nicht sonderlich mag. Jetzt wird auch in den Code-Blöcken der horizontale Scrollbalken richtig unter dem Text angezeigt.

Zitat

Zu widget und non-native gibt es ja etliche Schalter im about:config, ich wüsste nicht mal, was davon durchprobieren.

Ich würde jetzt versuchen den Scrollbalken auf den Windows 10-Style zu bekommen. Ich hoffe einfach mal, dass diese sehr gruselige Ansicht aus deinem Screenshot oben aus dem Ausblenden des Scrollbalkens lag.

Problem bei der anderen Styles ist, dass der verschiebbare Balken zwar breiter ist, der "Hintergrund" (also der Bereich in dem der Balken "eingebettet" ist) aber nicht. Ich habe dann einen 20px breiten (Wert ist einfach geraten) Balken, aber einen nur 10px breiten "Hintergrund".

Zitat

Und da teils GTK dabei ist

Was meinst du mit "GTK ist dabei"? Ich bin davon ausgegangen, dass Mozilla das GTK-Toolkit verwendet für die Erstellung der Firefox-Oberfläche. So wie ich das verstehe muss ein Entwickler der GTK für seine App verwnedet nicht zwangsweise alle GTK-Einstellungen des Systems oder Themes verwenden und kann eigene Styles "in sein Programm einbauen" - aber auch dann nutzt er dafür GTK. Man hat also nur die Wahl zwischen: a.) ich nutzte die GTK-Vorgaben des Systems/Themes oder b.) ich mache meinen eigenen GTK-Style der unabhängig von den System/Theme-Einstellungen greift.

Wenn man das automatische Ausblenden deaktiviert und zum W10-Style wechselt sieht das normal aus. Hintergrund hat dann die gleiche Breite wie der Scrollbalken.