1. Nachrichten
  2. Forum
    1. Unerledigte Themen
    2. Forenregeln
  3. Spenden
  • Anmelden
  • Registrieren
  • Suche
Alles
  • Alles
  • Artikel
  • Seiten
  • Forum
  • Erweiterte Suche
  1. TEST - camp-firefox.de
  2. Boersenfeger

Beiträge von Boersenfeger

  • Seit heute funktioniert dieses Sidebar via Hover einblenden nicht mehr

    • Boersenfeger
    • 5. September 2024 um 16:06

    Prima, danke, nun passt es. Ab Zeile 50 habe ich die Breite nochmal etwas vergrößert.

    CSS
    #sidebar-box:hover > #sidebar-header,
    #sidebar-box:hover > #sidebar {
      min-width: 300px !important;
      transition-delay: 100ms !important;
    }

    Dankeschön! :)

  • Seit heute funktioniert dieses Sidebar via Hover einblenden nicht mehr

    • Boersenfeger
    • 5. September 2024 um 15:34

    ...muss doch nochmal eine Frage hinterherschieben. :)

    Wenn ich mich mit der Maus dem linken Seitenrand nähere, öffnet die Sidebar bereits, wenn ich ca. 7 cm vom Rand entfernt bin. Da sich auf manchen Webseiten die Einlog-Felder ungefähr dort befinden, wäre es praktischer, die Sidebar öffnete sich erst, wenn der Mauszeiger 2 cm vom Seitenrand entfernt ist. Wo im Code aus #14 kann man dies ggf. ändern? :saint:

  • Seit heute funktioniert dieses Sidebar via Hover einblenden nicht mehr

    • Boersenfeger
    • 4. September 2024 um 16:09

    Nein das ist mal definitiv falsch... Es bezog sich auf den Code den Andreas gepostet hat. Und nun lass mal gut sein..

  • Seit heute funktioniert dieses Sidebar via Hover einblenden nicht mehr

    • Boersenfeger
    • 4. September 2024 um 16:01

    Ich habe nun noch diese Zeile 44 eingefügt,

    CSS
    transition: width .2s ease-out .2s, opacity .2s ease-out .2s !important;

    jetzt schleicht sich die Sidebar annehmbar davon. Danke Sören Hentzschel für diesen Hinweis!

    Oben bereits eingefügt. 8o

  • Seit heute funktioniert dieses Sidebar via Hover einblenden nicht mehr

    • Boersenfeger
    • 4. September 2024 um 15:56

    Danke 2002Andreas ,damit ists wieder so wie vormals. :thumbup:

    milupo für dich nochmal der jetzige Komplett-Code. ich bezog mich natürlich auf den Code von Andreas aus #2, denn der hatte ja diese Änderung nach Sörens Hinweis eingebracht. ;)

    CSS
    /* Sidebar via Hover hervorrufen und andere Sidebar-Einstellungen */
    
    @-moz-document url("chrome://browser/content/places/bookmarksSidebar.xhtml"),
    url("chrome://browser/content/browser.xhtml") {
    
    #menu_bookmarksSidebar {
    display: flex !important;
    }
    
    
    #bookmarks-view-children {
    margin-top: -100px !important;
    margin-left: -15px !important;
    }
    
    
    #sidebar-header {
    display: none !important;
    }
    
    
    .sidebar-placesTreechildren::-moz-tree-separator {
    margin: 0px 500px !important;
    }
    
    
    label[persist="value"][flex="1"][crop="end"][control="sidebar"][value="Lesezeichen"] {
    display: none !important;
    }
    
    
    #sidebar-box {
    display: block !important;
    position: fixed !important;
    top: 108px;
    bottom: 27px !important;
    width: 0px !important;
    overflow-x: hidden !important;
    appearance: none !important;
    border: 0px solid transparent !important;
    border-left: 0 !important;
    opacity: 0 !important;
    z-index: 1;
    transition: width .2s ease-out .2s, opacity .2s ease-out .2s !important;
    }
    
    
    #sidebar-box:hover {
    width: 300px !important;
    opacity: 1 !important;
    transition: width .2s ease-out .2s, opacity .2s ease-out .2s !important;
    }
    
    #sidebar-splitter {
    display: none !important;
    }
    
    #sidebar {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    }
    
    
    /* Beschriftungsende anpassen */
    
    treechildren::-moz-tree-cell,
    treechildren::-moz-tree-cell-text {
    margin-inline-end: -8px !important;
    }
    
    /* Lesezeichensidebar Icon-Abstand zur linken Seite */
    
    
    .sidebar-placesTreechildren[view="bookmarks-view"] {
    margin-left: -10px !important;
    }
    
    
    /* Lesezeichensidebar Icon-Abstand */
    
    
    #bookmarks-view-children:-moz-tree-image {
    margin-right: 5px !important;
    }
    
    
    /* Suchsymbol in der Sidebar ausblenden */
    
    
    .textbox-search-sign{
    display:none !important;}
    
    textbox input.textbox-input::-moz-placeholder,
    #search-container input.textbox-input::-moz-placeholder,
    #urlbar input.textbox-input::-moz-placeholder {
    color: transparent !important;
    }
    
    
    /* Suchleiste Schrift-Größe einstellen */
    
    
    .sidebar-placesTreechildren,sidebarheader,#sidebar-search-label,#search-box {
    font-size: 16px !important;
    font-family: Comic Sans MS, sans-serif !important;
    }
    
    
    /* Sidebar Hintergrundfarbe */
    
    
    #sidebar {
    background: #c1e7bb !important;
    opacity: 1 !important;
    }
    
    
    /* Lesezeichen-Sidebar Suchfeld und auch Haupt-Suchfeld ohne Eintrag */
    
    ::placeholder {
    color: transparent !important;
    }
    
    /* Lesezeichen Sidebar öffnende Dreiecke entfernen */
    
    
    #bookmarksPanel treechildren::-moz-tree-twisty(closed),
    #bookmarksPanel treechildren::-moz-tree-twisty(open){
    height:0!important;
    width:0!important;
    display:none!important;
    }
    
    
    /* Lesezeichen verwalten */
    
    
    treechildren::-moz-tree-image(container) {
    list-style-image: url('data:image/gif;base64,R0lGODlhEAAQAOZMAP/////MAF06AJhlAJNgAP//AP/lAP/UAJViAP/JANShAJRhAP/OAJRgAOy5AMaSAP/nAMyZAP/IAP/NAOazAP/RAMmVALaAAH5TAJNfAM2aAP/dT//XOv/KAOPOkMeRAP/nhOSxAOu4AP3KAOrTkv/nrv//1c6bAKdyAP/TAP/bPdWsMr6LA7iCALqGALiEAJNeAMCMAP/gcv/eYdGdAP/TEP/mgv/2y//gg/3JAP/ila97AP/aKsWPAJFbAJZgALeBAMiVAPC9AP/rOum2AHlQAP/4zP//z//jPpNdAP/LANixNP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAEwALAAAAAAQABAAAAefgEyCg4SFhoeFDQ0LjIiCCyU5IwEBBAiXCAOEBDohFBREIg6jQgibODQKqgonDz0fPkkwDQMEMhYRERpBMUsAv8C1Mw8uLUAXKwA2EgkJDJoEGy8swAAgCZQMz0wEKigkN8wJHZQBFZrcPDsAHErllBMT6AQ1HkYVKQf6++hMGUgAhhgYSBAChH4/TBwpwLAhw35MMAiYSLFiEUcYmQQCADs=')
    !important;
    }
    
    
    /* Zeilenhöhe reduzieren */
    
    .sidebar-placesTree treechildren::-moz-tree-row,
    .placesTree treechildren::-moz-tree-row {
    min-height: 20px !important;
    }
    
    /* Ordner aus der Sidebar ausblenden */
    
    .sidebar-placesTreechildren[view="bookmarks-view"] {
    
    margin-top: -10px!important; }
    
    
    /* Fokusring um Ordner entfernen */
    
    treechildren {
        --default-focusring: 0px !important;
    }
    }
    Alles anzeigen
  • Seit heute funktioniert dieses Sidebar via Hover einblenden nicht mehr

    • Boersenfeger
    • 4. September 2024 um 15:29

    2002Andreas vielen Dank, damit funktioniert es fast wieder so wie gewohnt.

    Die Zeilen 55-57 habe ich gelöscht, der klitzekleine weiße Rand zwischen der Sidebar-Box und dem Seitenrand, der mich auch vorher schon gestört hatte, ist damit verschwunden. :)

    Allerdings bleibt die Sidebar noch geschätzte 4 Sekunden offen, wenn ich mit der Maus vom Seitenrand wieder weggehe. Das würde ich gerne wieder so ändern, dass sie verschwindet, sobald ich den definierten Bereich verlasse.

    Auch allen anderen danke ich für die Kommentare. Meine anderen Codes werde ich nach

    Code
    #appcontent

    durchsuchen und ggf. ändern. :P

  • Seit heute funktioniert dieses Sidebar via Hover einblenden nicht mehr

    • Boersenfeger
    • 3. September 2024 um 17:35

    Moin, siehe Betreff:

    CSS
    /* Sidebar via Hover hervorrufen und andere Sidebar-Einstellungen */
    
    
    @-moz-document url("chrome://browser/content/places/bookmarksSidebar.xhtml"),
    url("chrome://browser/content/browser.xhtml") {
    
    
    #menu_bookmarksSidebar {
    display: flex !important;
    }
    
    
    #bookmarks-view-children {
    margin-top: -100px !important;
    margin-left: -15px !important;
    }
    
    
    #sidebar-header {
    display: none !important;
    }
    
    
    .sidebar-placesTreechildren::-moz-tree-separator {
    margin: 0px 500px !important;
    }
    
    
    label[persist="value"][flex="1"][crop="end"][control="sidebar"][value="Lesezeichen"] {
    display: none !important;
    }
    
    
    #sidebar-box {
    display: block !important;
    position: fixed !important;
    top: 108px;
    bottom: 27px !important;
    width: 0px !important;
    overflow-x: hidden !important;
    appearance: none !important;
    border: 0px solid transparent !important;
    border-left: 0 !important;
    opacity: 0 !important;
    transition: width .2s ease-out 3.2s, opacity .2s ease-out 3.2s !important;
    }
    
    
    #sidebar-box:hover {
    z-index: 3 !important;
    width: 300px !important;
    opacity: 1 !important;
    transition: width .2s ease-out .2s, opacity .2s ease-out .2s !important;
    }
    
    #appcontent {
    margin-left: 2px !important;
    }
    
    #sidebar-splitter {
    display: none !important;
    }
    
    #sidebar {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    }
    }
    
    /* Beschriftungsende anpassen */
    
    treechildren::-moz-tree-cell,
    treechildren::-moz-tree-cell-text {
    margin-inline-end: -8px !important;
    }
    
    /* Lesezeichensidebar Icon-Abstand zur linken Seite */
    
    
    .sidebar-placesTreechildren[view="bookmarks-view"] {
    margin-left: -10px !important;
    }
    
    
    /* Lesezeichensidebar Icon-Abstand */
    
    
    #bookmarks-view-children:-moz-tree-image {
    margin-right: 5px !important;
    }
    
    
    /* Suchsymbol in der Sidebar ausblenden */
    
    
    .textbox-search-sign{
    display:none !important;
    }
    textbox input.textbox-input::-moz-placeholder,
    #search-container input.textbox-input::-moz-placeholder,
    #urlbar input.textbox-input::-moz-placeholder {
    color: transparent !important;
    }
    
    
    /* Suchleiste Schrift-Größe einstellen */
    
    
    .sidebar-placesTreechildren,sidebarheader,#sidebar-search-label,#search-box {
    font-size: 16px !important;
    font-family: Comic Sans MS, sans-serif !important;
    }
    
    
    /* Sidebar Hintergrundfarbe */
    
    
    #sidebar {
    background: #c1e7bb !important;
    opacity: 1 !important;
    }
    
    
    /* Lesezeichen-Sidebar Suchfeld und auch Haupt-Suchfeld ohne Eintrag */
    
    ::placeholder {
    color: transparent !important;
    }
    
    /* Lesezeichen Sidebar öffnende Dreiecke entfernen */
    
    
    #bookmarksPanel treechildren::-moz-tree-twisty(closed),
    #bookmarksPanel treechildren::-moz-tree-twisty(open){
    height:0!important;
    width:0!important;
    display:none!important;
    }
    
    
    /* Lesezeichen verwalten */
    
    
    treechildren::-moz-tree-image(container) {
    list-style-image: url('data:image/gif;base64,R0lGODlhEAAQAOZMAP/////MAF06AJhlAJNgAP//AP/lAP/UAJViAP/JANShAJRhAP/OAJRgAOy5AMaSAP/nAMyZAP/IAP/NAOazAP/RAMmVALaAAH5TAJNfAM2aAP/dT//XOv/KAOPOkMeRAP/nhOSxAOu4AP3KAOrTkv/nrv//1c6bAKdyAP/TAP/bPdWsMr6LA7iCALqGALiEAJNeAMCMAP/gcv/eYdGdAP/TEP/mgv/2y//gg/3JAP/ila97AP/aKsWPAJFbAJZgALeBAMiVAPC9AP/rOum2AHlQAP/4zP//z//jPpNdAP/LANixNP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAEwALAAAAAAQABAAAAefgEyCg4SFhoeFDQ0LjIiCCyU5IwEBBAiXCAOEBDohFBREIg6jQgibODQKqgonDz0fPkkwDQMEMhYRERpBMUsAv8C1Mw8uLUAXKwA2EgkJDJoEGy8swAAgCZQMz0wEKigkN8wJHZQBFZrcPDsAHErllBMT6AQ1HkYVKQf6++hMGUgAhhgYSBAChH4/TBwpwLAhw35MMAiYSLFiEUcYmQQCADs=')
    !important;
    }
    
    
    /* Zeilenhöhe reduzieren */
    
    .sidebar-placesTree treechildren::-moz-tree-row,
    .placesTree treechildren::-moz-tree-row {
    min-height: 20px !important;
    }
    
    /* Ordner aus der Sidebar ausblenden */
    
    .sidebar-placesTreechildren[view="bookmarks-view"] {
    
    margin-top: -10px!important; }
    
    
    /* Fokusring um Ordner entfernen */
    
    treechildren {
        --default-focusring: 0px !important;
    }
    }
    Alles anzeigen

    Wenn der o.a. Code aktiv ist, kann ich im aktuellen Nightly 132 die Sidebar gar nicht anzeigen lassen, weder über das Lesezeichenmenü noch mit STRG+B und via Hover sowieso nicht. Was muss geändert werden bzw geht der Code grundsätzlich nicht mehr? Ich erinnere mich an Aussagen, dass die Sidebar grundlegend überarbeitet wird. =O

    Schalte ich den Code still, funktionieren der Aufruf via Menü und auch mit STRG+B.

  • Der Glückwunsch-Thread

    • Boersenfeger
    • 2. September 2024 um 15:02

    Alles Gute edvoldi ,

    Vor allem aber viel Gesundheit und weiterhin viel Spaß an der EDV

    wünscht Boersenfeger :)

  • Benutzt eigentlich noch jemand das "Suchfeld"?

    • Boersenfeger
    • 1. September 2024 um 17:33

    milupo

    Wenn man es so abspeichert wie ich, dann stimmt Zeile 18. :)

    Und ich bezog mich auf den Nutzer Matze70 mit Zitat, nicht auf andere hier im Thread. 8)

  • Benutzt eigentlich noch jemand das "Suchfeld"?

    • Boersenfeger
    • 30. August 2024 um 14:52
    Zitat von supasch

    Es stört mich, wenn der Suchbegriff im Suchfeld steht. Stichwort clean und aufgeräumt.

    Moin, mich stört das auch, deswegen nutze ich ein kleines Script, das das Suchfeld nach Absenden des Begriffs wieder leert: :)

    Code
    	/* Suchfeld leeren nach 4 Sekunden */
    	/* Author @aborix */
    
    	setTimeout(function() {
    	if (!window.BrowserSearch)
          return;
    	var searchbar = BrowserSearch.searchBar;
    	if (!searchbar)
          return;
    	var textbox = searchbar.textbox;
    	var tId;
    	textbox.addEventListener('input', function() {
          clearTimeout(tId);
          tId = setTimeout(function() {
             textbox.value = '';
             document.getElementById('PopupSearchAutoComplete').hidePopup();
          }, 4000);
    	});
    	}, 0);
    Alles anzeigen

    Die Zeit ist anpassbar in Zeile 18.

    4000 = 4 Sekunden... Ich nutze Notepad Plus als Editor... wenn du einen anderen nutzt, ist der Wert ggf. in einer anderen Zeile.

  • Vorschau auf die neuen Firefox-Einstellungen

    • Boersenfeger
    • 28. August 2024 um 18:45

    Sören Hentzschel

    Der Fehlerteufel war zu Gast und hat ein n geklaut

    Code
    Einstellungen die Rede, welche leichter zu verstehen sei sollen.
  • Tableisten CSS anpassen

    • Boersenfeger
    • 27. August 2024 um 18:52

    Danke!! Wenn ich mal wieder einen klaue, muss ich halt genau lesen. 8o

  • Tableisten CSS anpassen

    • Boersenfeger
    • 27. August 2024 um 18:25

    Ich habe nun nochmal alles ganz in Ruhe zusammen getippt und nach einem Neustart funktioniert es nun mit dem Shadow Script und Shadow CSS. ^^:thumbup:

    Was ich noch nicht weiß; wann muss ein CSS via Shadow verwirklicht werden?

  • Tableisten CSS anpassen

    • Boersenfeger
    • 25. August 2024 um 18:15

    Die Lösung aus #79 bewirkt hier in der userChromeShadow.css nichts, der Code von FuchsFan aus #93 in der userChrome.css läßt die Tabs zusammengestaucht oberhalb der Menüleiste landen. Diese werden hier mit einem eigenen css unter die Menü-Leiste verfrachtet. Wenn ich dann den dafür zuständigen Code ebenfalls in die userChrome.css packe, ist es nicht mehr gestaucht aber immer noch oberhalb der Menü-Leiste.

    Die Lösung von 2002Andreas aus #94 im Code für die Tab-Gestaltung hingegen funktioniert hier :) und lässt auch den AddonManager unbehelligt.

    Dann lasse ich es zunächst so. Vielen Dank und Euch eine schöne Woche! :P

  • Tableisten CSS anpassen

    • Boersenfeger
    • 25. August 2024 um 17:37

    Tja und hier ist die negative Wirkung des "Slot" - Codes:

    Schade... da ich noch völlig jungfräulich mit der Shadow-Geschichte bin... ist irgendwo beschrieben, wie ichs angehen muss?

    Bisher habe ich eine userChromeShadow.uc.js mit diesem Inhalt im chrome-Ordner gespeichert:

    Code
    // userChromeShadow.uc.js by aborix
    // 28.07.2022 FF104+ Fix: using PathUtils.join (Sören Hentzschel)
    
    (async function() {
    
       if (location != 'chrome://browser/content/browser.xhtml') return;
           
        try {
              let path = PathUtils.join(PathUtils.profileDir, 'chrome', 'userChromeShadow.css');
              let cssIn = await IOUtils.readUTF8(path);
    
              let sss = Cc['@mozilla.org/content/style-sheet-service;1'].getService(Ci.nsIStyleSheetService);
              let uri = makeURI('data:text/css;charset=UTF=8,' + encodeURIComponent(cssIn));
              sss.loadAndRegisterSheet(uri, sss.AUTHOR_SHEET);
        
           } catch(e) { 
            
             console.log("UserChromeShadow-Error: " + e.name + ': ' + e.message );
     
           };        
       
    })();
    Alles anzeigen

    Desweiteren liegt im chrome-Ordner eine userChromeShadow.css mit diesem Inhalt

    Code
    /*Tabs in Tableiste mittig*/
    
    	#tabbrowser-tabs:not([overflow="true"]) {
    	--ug_tabs_position: center;
    	}
        scrollbox[smoothscroll="true"] {
    	justify-content: center !important ;
    	}

    Es funktioniert aber nicht.

    Was muss ich ändern bzw am Code ergänzen?

  • Tableisten CSS anpassen

    • Boersenfeger
    • 24. August 2024 um 17:59
    Zitat von Sören Hentzschel

    Deswegen war ja auch meine dringende Empfehlung, meinen Code eben nicht einfach so in die userChrome.css zu schreiben, sondern das näher zu spezifizieren, wofür eine andere Methode erforderlich ist.

    Ich nutze die userChrome.css nicht für das Eintragen von CSS-Code, siehe #46. Hier wird jeder CSS-Code im Unterordner CSS vom Chromeordner abgelegt und via UserCSSloader in den Fuchs gespritzt, möglich, dass dies irgendwann nicht mehr geht, dann werde ich mich mit der Shadow-Geschichte beschäftigen müssen.

  • Tableisten CSS anpassen

    • Boersenfeger
    • 24. August 2024 um 17:05

    Sören Hentzschel Vielen Dank für die (ggf. kurzfristig wirkende Lösung) und auch für den Hinweis auf die Latenz!

    Damit ist mein Anliegen fürs Erste erledigt. Warten wir ab, was sich da noch tut. ^^
    Ich danke auch FuchsFan und 2002Andreas für die lösungsorientierte Mitwirkung! :thumbup:

  • Tableisten CSS anpassen

    • Boersenfeger
    • 24. August 2024 um 16:49

    Ich wäre auch verbunden, wenn die Nebendiskussion über "Shadow-Dingens" woanders weitergeführt würde, auch das Design von Scrollbuttons ist für mich nicht relevant. Danke!

  • Tableisten CSS anpassen

    • Boersenfeger
    • 24. August 2024 um 15:08
    Zitat von FuchsFan

    Meine Meinung, mit Kritik sollte immer sparsam umgegangen werden, erst recht, wenn man keine Lösung anbieten kann.

    Danke für dein Verständnis :)!

    // Ich finde sowieso, dass Animositäten (komischerweise meist in letzter Zeit von Mitleser und auch von .DeJaVu ins Feld geführt werden) nicht zielführend sind. Ich bin in solchen Dingen einfach zu blöd. Da hilft es auch nicht, immer wieder darauf rumzureiten, ich solle mich in meiner Freizeit damit beschäftigen. Wer keine Lösung anbieten kann oder will, sollte vielleicht einfach sein M.... halten. Danke!

    Sören Hentzschel Ich hatte weiter unten auch den ganzen CSS Code gepostet, der sich mit den Tabs beschäftigt. Ein Script konnte ich durch Testdurchgänge ausschließen ebenso weitere CSS-Codes

    Es scheint ja so zu sein, dass mein Code (und der anderer Nutzer) bis 130 funktionierte. Die Frage ist bisher unbeantwortet, ob man das heilen kann?

    Wenn das nicht mehr möglich ist, dann ist es eben so.

    Und vielleicht nochmal als Info an alle: Ich habe keinen einzigen Code selbst entworfen sondern hier und da (vor allem bei Endor ) abgeschrieben und mit der Hilfe von Einigen für mich weiter angepasst. Ich nutze eine Vielzahl von CSS die mittels UserCSSLoader.uc.js geladen werden. Die userChrome.js sieht dementsprechend so aus:

    Code
    // userChrome.js
    userChrome.ignoreCache = true;
    userChrome.import("*", "UChrm");
  • Tableisten CSS anpassen

    • Boersenfeger
    • 23. August 2024 um 18:21

    Ich wollte mich gerade melden und mitteilen, das dein Code hier nix verändert... :)

    Hoffen wir auf die Gelehrten. ;)

Unterstütze uns!

Jährlich (2026)

0 %

0% (0,00 von 650 EUR)

Jetzt spenden
  1. Kontakt
  2. Datenschutz
  3. Impressum
Community-Software: WoltLab Suite™
Mastodon