Beiträge von Boersenfeger
-
-
...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?
-
-
Ich habe nun noch diese Zeile 44 eingefügt,
jetzt schleicht sich die Sidebar annehmbar davon. Danke Sören Hentzschel für diesen Hinweis!
Oben bereits eingefügt.
-
Danke 2002Andreas ,damit ists wieder so wie vormals.
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
Alles anzeigen/* 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; } }
-
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
durchsuchen und ggf. ändern.
-
Moin, siehe Betreff:
CSS
Alles anzeigen/* 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; } }
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.
Schalte ich den Code still, funktionieren der Aufruf via Menü und auch mit STRG+B.
-
Alles Gute edvoldi ,
Vor allem aber viel Gesundheit und weiterhin viel Spaß an der EDV
wünscht Boersenfeger
-
-
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
Alles anzeigen/* 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);
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.
-
Der Fehlerteufel war zu Gast und hat ein n geklaut
-
Danke!! Wenn ich mal wieder einen klaue, muss ich halt genau lesen.
-
Ich habe nun nochmal alles ganz in Ruhe zusammen getippt und nach einem Neustart funktioniert es nun mit dem Shadow Script und Shadow CSS.
Was ich noch nicht weiß; wann muss ein CSS via Shadow verwirklicht werden?
-
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!
-
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
Alles anzeigen// 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 ); }; })();
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?
-
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.
-
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! -
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!
-
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:
-
Ich wollte mich gerade melden und mitteilen, das dein Code hier nix verändert...
Hoffen wir auf die Gelehrten.