Sidebar Hover Code anpassen

Zitat von Gabbo

Funktioniert es jetzt?

Nein.

Die Sidebar ist jetzt zwar weg, erscheint aber nicht bei hover.

Verwende ich meinen alten Code mit min-width habe ich das Problem mit der Annäherung trotzdem. Allerdings funktioniert (auch schon vorher) die Verzögerung beim schließen.

Im neuen Code von 2002Andreas aus Beitrag #7 ist das erste Problem erledigt, dafür schließt sich die Sidebar sofort, egal ob ich width lasse oder min-width verwende.

Wenn ich in diesem Code in Zeile 38 z.B. das letzte .2 in 3.2 ändere verzögert sich das öffnen der Sidebar. In Zeile 31 kann ich die 3.2 ändern wie ich will, es bleibt beim sofortigen schließen. Ich habe in Erinnerung, dass ich damals bei der Übernahme des Codes genau hier die Änderung von .2 auf 3.2 vorgenommen habe um die Verzögerung zu erhalten.

Ich werde weiter grübeln und mal versuchen den alten Thread zu finden.

Zitat von geldhuegel

dafür schließt sich die Sidebar sofort

Hallo geldhuegel ..

ich finde leider auch keine Möglichkeit einer Verzögerung.

Alle meine Versuche sind bisher gescheitert

Evtl. fällt einem anderen User ja noch etwas dazu ein.

Hier fing es an

Dabei musste ich feststellen, dass nicht ich das 3.2 eingetragen habe sondern 2002Andreas das damals schon so angeboten hat.

Zitat von Gabbo

funktioniert hier einwandfreii

Jein.

Die Sidebar erscheint schon wenn du mit der Maus rund 5cm vor dem Rand bist.

Und genau das soll ja nicht sein, darum geht es ja in diesem Thread.

Zitat von Gabbo

Aber bei Euch eben nicht.

Komischerweise funktioniert der Code in keiner meiner Fx Versionen 107 - 109, nur bei dir.

Wäre schön, wenn ein anderer User deinen Code auch mal testen würde, so ganz kann ich das nämlich nicht glauben.

Und bei dem User funktioniert er auch nicht:

Zitat von geldhuegel

Verwende ich meinen alten Code mit min-width habe ich das Problem mit der Annäherung trotzdem.

Zitat von Gabbo

Hier hat es z.B. auch geklappt:

Auch davon bin ich nicht wirklich überzeugt

Zitat von Gabbo

Linux als Grund zu vermuten

Das könnte nur ein weiterer Linux Nutzer klären, da bin ich überfragt.

Das verzögerte schließen ist mir wichtig. Deshalb habe ich jetzt wieder den alten Code aktiviert und den Wert top in Zeile 22 erhöht damit die Sidebar etwas tiefer anfängt. Damit kann ich leben.

Leider musste ich feststellen, dass ich doch bei etlichen Seiten ganz rechts klicken muss und dann die sich öffnende Sidebar im Weg ist.

2002Andreas findest du keinen Weg das wieder wie vorher zum laufen zu bringen? Oder jemand Anderer?

Zitat von geldhuegel

findest du keinen Weg

Bis jetzt leider nicht

Evtl. kann uns ja Sören Hentzschel etwas dazu sagen, ob bzw. was Mozilla geändert hat.

In Anbetracht dessen, dass hier auch eine Flexbox involviert ist, hat das vermutlich den gleichen Grund wie die vielen anderen Threads, nämlich die Umstellung von der XUL-, auf die CSS-Flebox, die sich anders verhält. Aber mit Lösungsansätzen kann ich jetzt nicht dienen, da mir aktuell die Zeit fehlt, das genauer anzusehen. Vielleicht komme ich später dazu.

Zitat von Sören Hentzschel

Vielleicht komme ich später dazu.

Danke für das Angebot

Mach dir aber bitte keinen Stress darum

Auch von mir: bitte keinen Stress.

Im Gegenteil: vielen Dank dass ihr euch des Themas annehmen wollt.

Zitat von geldhuegel

Das verzögerte schließen ist mir wichtig.

Hallo geldhuegel,

bitte teste mal folgenden CSS-Code:

Zeile 30 und 31:
Breite der Sidebar -> 300px.

Zeile 38:

margin-left: -296px + Breite = 4 Pixel = Abstand zum linken Rand, ab dem die Sidebar ausfährt.

Zeile 39:

Verzögerung, ab der die Sidebar wieder verschwindet: 'linear 4s' = 4 Sekunden.

'opacity' sollte immer 50% höher liegen, also hier: 'opacity 6s' = 6 Sekunden.

    @-moz-document url("chrome://browser/content/places/bookmarksSidebar.xhtml"),
url("chrome://browser/content/browser.xhtml") {

    #menu_bookmarksSidebar {
         display: -moz-box !important;
     }

    #bookmarks-view-children {
         margin-top: -120px !important;
         margin-left: -15px !important;
    }
    
    .sidebar-placesTreechildren::-moz-tree-separator {
    margin: 0px 500px !important;
    }

    #sidebar-header {
        display: none !important;
    }

    #sidebar-search-container {
        display: none !important;
    }

    #sidebar-box {
        display: flex !important;
        position: absolute!important;
        top: 155px;
        bottom: -35px;
        width: 300px !important; 
        min-width: 300px !important; 
        z-index: 100 !important;
        overflow-x: hidden !important;
        appearance: none !important;
        border: 1px solid transparent !important;
        border-left: 0px !important;
        opacity: 0 !important;
        margin-left: -296px !important;
        transition: margin-left 0.5s linear 4s, opacity 6s ease-in 0.2s !important; 
    }

    #sidebar-box:hover {
        z-index: 100 !important;
        opacity: 1 !important;
        margin-left: 0px !important;
        transition: margin-left 0.66s !important; 
    }

    #sidebar {
        display: flex !important;
        position: absolute!important;
        width: 100% !important;
        height: 95%;
    }
    
    #sidebar-splitter {
        display: none !important;
    }    
}

Ich werde es mal probieren. Dieses Wochenende sind jedoch Familientreffen angesagt.

Für alle, die Skripte nutzen, habe ich hier noch eine reine Skriptversion gebastelt.

- Es müssen keine Angaben mehr zur Größe oder Positionierung gemacht werden. Die Sidebar passt sich, wie das Original, immer der Browsergröße an.

- Funktioniert auch mit mehrzeiliger Lesezeichenleiste/Tableiste.

- Drag&Drop (z.B. von Tabs) funktioniert. Nähert man sich mit dem Tab oder Lesezeichen dem Rand, öffnet sich die Sidebar und schließt sich auch wieder, wenn man fertig ist.

- Läuft auch in der aktuellen Nightly (04.12.2022)

Einschränkung: Augenblicklich geht es nur, wenn die Sidebar links ist!

Bitte testen:

Edit: ...gelöscht siehe ->

Beitrag

RE: Sidebar Hover Code anpassen

Wichtig:

Das in #40 gepostete Skript habe ich wieder gelöscht, da es fehlerhaft ist. Das Skript arbeitet zwar (soweit ich das testen konnte) problemlos, aber wenn man das Skript wieder aus dem Chrome Ordner entfernt, so bleiben Einstellungen für die Sidebar erhalten, die sich nicht so einfach wieder rückgängig machen lassen. Es wird. z.B. die Höhe des Sidebar-Inhalts auf die letzte Fenstergröße reduziert bzw. erweitert. Dieses Verhalten zeigt sich nur in FF107+ (frühere Versionen,…

BrokenHeart

6. Dezember 2022 um 07:25