Firefox 57: Wie mehrere Zeilen Lesezeichen untereinander

[L.A.1]

Hallo,

ich hatte bislang das Add-on "Roomy Bookbar" welches erlaubte 3 oder 4 Zeilen multirow Lesezeichen
bei Firefox anzuzeigen.

Mit dem Firefoxupdate ist dieses Add-on nicht mehr funktionsfähig.

Kennt jemand eine Alternative?

PS: Bitte nicht irgendwelche .css Dateien etc. - ich meine wirklich ein normales Add-on

 

[bossbeelze]

Untereinander = Lesezeichensymbolleiste?

Einfach als Namen nen . (Punkt).

 

[L.A.1]

Namen nen. Punkt?

Was meinst Du damit genau?

 

[derlorenz]

FF 57 ist so frisch, da musst du einfach etwas Geduld haben. Die Entwickler werden ihre Addon's schon entsprechend aktualisieren.

 

[L.A.1]

Ich habe keine Zeit so lange jeden Tag meine Lesezeichen zu suchen bis irgendwann ein Add-on erscheint.

 

[bossbeelze]

Rects klick Lesezeichen - Eigenschaften- Name

 

[L.A.1]

Ich verstehe nicht was Du meinst, damit kann man keine multirow Lesezeichen unter FF57 machen.

 

[derlorenz]

Dann bleibt dir wohl nur ein Downgrade auf eine FF Version mit der dein Addon funktioniert...

 

[bossbeelze]

Natürlich nicht. Aber Du bekommst mehr inne Reihe. Ich hab 63.

 

[L.A.1]

Es ging bei meiner Frage um "multirow" Lesezeichen, siehe oben.

 

[macko125]

@bossbeelze Deine Lösung ist aber nicht was der TE wollte. Jeder Lesezeicheneintrag bzw. dessen Name auf einen Punkt abzuändern bewirkt lediglich, dass die Einträge horizontal weniger Platz einnehmen, und nicht das die Lesezeichenleiste mehrzeilig angezeigt wird.

@L.A.1 Ein Addon wird es für das nicht geben, weil die Webextension API keine Anpassung an der UI von Firefox mehr erlaubt. (ob dies in der Zukunft in einem beschränkten Rahmen möglich gemacht wird, bleibt noch abzusehen)
Jedoch besteht die Möglichkeit die Lesezeichenleiste mehrzeilig anzuzeigen, wenn aber auch nur mittels Einträge in der userChrome.css. Anders geht es halt nicht, auch wenn du dies eigentlich nicht haben wolltest. Aber kurz eine userChrome.css zu erstellen und den entsprechenden Code rein zu kopieren, ist eigentlich relativ einfach (Hier ein >>Beispiel<< wie man eine erstellen kann. Den dortigen Beispielcode ersetzt du natürlich mit dem von mir geposteten Code)

Und hier noch der entsprechende Code den du reinkopieren musst, um die Lesezeichenleiste mehrzeilig anzuzeigen:

/* Firefox Quantum userChrome.css tweaks ************************************************/
/* Github: https://github.com/aris-t2/customcssforfx ************************************/
/****************************************************************************************/

:root {
  --bookmark_items_height: 26px; /* <- bookmark items - line height */
  --bookmark_items_lines: 3; /* <- maximum amount of lines */
}

#personal-bookmarks {
  display: block;
}

#personal-bookmarks #PlacesToolbar {
  display: block;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: calc( var(--bookmark_items_lines) * var(--bookmark_items_height) );
}

#personal-bookmarks #PlacesToolbar > hbox {
  display: -moz-stack !important;
  left: 0px;
  right: 0px;
  width: 100%;
}

#personal-bookmarks #PlacesToolbar #PlacesToolbarItems {
  overflow-x: visible;
  overflow-y: visible;
}

#personal-bookmarks #PlacesToolbar #PlacesToolbarItems > box {
  display: block;
}

#personal-bookmarks #PlacesToolbar > .bookmark-item{
  visibility: visible !important;
}

#personal-bookmarks #PlacesToolbar .chevron{
  visibility: collapse;
}

#personal-bookmarks #PlacesToolbar > hbox > hbox{
  overflow-x: hidden;
  overflow-y: hidden;
}

#personal-bookmarks #PlacesToolbar #PlacesToolbarDropIndicator[collapsed="true"],
#personal-bookmarks #PlacesToolbar #PlacesToolbarDropIndicator{
  display: none;
}

#personal-bookmarks #PlacesToolbar toolbarbutton.bookmark-item{
  padding-top: 2px;
  padding-bottom: 2px;
}

#personal-bookmarks #PlacesToolbar toolbarbutton.bookmark-item:hover:active:not([disabled="true"]),
#personal-bookmarks #PlacesToolbar toolbarbutton.bookmark-item[open="true"] {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}

#personal-bookmarks #PlacesToolbar toolbarseparator{
  -moz-appearance: none !important;
  visibility: visible !important;
  display: inline;
  text-shadow: none !important;
  border-left: 3px solid ThreeDShadow !important;
  border-right: 3px solid ThreeDHighlight !important;
  vertical-align: middle;
}

#personal-bookmarks toolbarbutton.bookmark-item[dragover][open]{
  -moz-appearance: toolbarbutton;
}

#navigator-toolbox #PersonalToolbar {
  max-height: calc( var(--bookmark_items_lines) * var(--bookmark_items_height) ) !important;
}

 

[L.A.1]

Danke macko

Darf ich Dich um etwas bitten?

Ich suche nun schon fast 30 Minuten den Direktlink zum Download von Mozilla 56.02 direkt bei Mozilla?
Kannst Du mir da helfen?

Danach würde ich gerne deinen Vorschlag probieren...

 

[macko125]

Ja da kann ich dir auch gerne weiterhelfen.
Hier der Link zu Firefox 56.0.2 (x32) und Firefox 56.0.2 (x64)

Alle Release Versionen von Firefox kannst du übrigens unter diesem Link finden: https://archive.mozilla.org/pub/firefox/releases/

 

[L.A.1]

danke

 

[_jo_]

@macko125 - vielen Dank, ich habe das auch gesucht, dank dir funktioniert das nun wieder

Kann mir noch jemand verraten, wie ich die Tableiste wieder unter die Lesezeichen bekomme? Über den einfachen Eintrag 'browser.tabs.onTop' in der config geht das nicht mehr

...und noscript hätte ich auch gern wieder, aber das kommt vllt irgendwann

 

[macko125]

@_jo_ Tabs unter die Lesezeichen bzw. Navigationstoolbar zu bekommen geht unter Firefox 57 auch hier nur mittels einer userChrome.css Anpassung.
Bis Noscript angepasst wurde, empfehle ich in der Zwischenzeit uMaxtrix zu verwenden.

Hier noch der Code für die userChrome.css, um die Tabs unter der Navigationstoolbar zu haben (ergo unten):
Übrigens findet man auf dieser >>Seite<< zahlreiche userChrome.css Tweaks, welche mehrheitlich auf Basis von Classic Theme Restorer portiert wurden. (unten geposteter Code stammt auch von dort)

/**********************Tabs below navigation toolbar*******************************/


/* tabs toolbar adjustment */
#main-window[tabsintitlebar] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar, 
#main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
#main-window[uidensity=compact][tabsintitlebar] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
#main-window[uidensity=compact][tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive="true"] ~ #TabsToolbar,
#TabsToolbar{
  -moz-padding-start: 2px !important;
}
#main-window[tabsintitlebar][sizemode="normal"]:not([inFullscreen]) #TabsToolbar {
  margin-top: 0px !important;
}

/* fix for application/hamburger button in titlebar */
#main-window[tabsintitlebar][inFullscreen] #toolbar-menubar[autohide="true"][inactive="true"] ~ #nav-bar  #PanelUI-button {
  visibility: collapse !important;
}

/* tab height */
#tabbrowser-tabs,
#tabbrowser-tabs > .tabbrowser-arrowscrollbox,
.tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned] {
  min-height: 25px !important;
}

/* toolbar order (start) ************************************/
#print-preview-toolbar,
#printedit-toolbar,
#titlebar {
  -moz-box-ordinal-group: 0 !important;
}
#navigator-toolbox #toolbar-menubar {
  -moz-box-ordinal-group: 1 !important;
}
/* navigation toolbar */
#navigator-toolbox #nav-bar {
  -moz-box-ordinal-group: 2 !important;
}
/* bookmarks toolbar */
#navigator-toolbox #PersonalToolbar {
  -moz-box-ordinal-group: 3 !important;
}
/* 3rd party toolbars */
#navigator-toolbox toolbar {
  -moz-box-ordinal-group: 10 !important;
}
/* tabs toolbar */
#navigator-toolbox #TabsToolbar {
  -moz-box-ordinal-group: 100 !important;
}
/* toolbar order (end) **************************************/

/* toolbar colors */
#TabsToolbar:not(:-moz-lwtheme){
  -moz-appearance: none !important;
  background-image: linear-gradient(#f9f9fa,#f9f9fa) !important;
}

/* remove color overlay for lw-themes */
#main-window:not([style*='--lwt-header-image:url("resource:///chrome/browser/content/browser/defaultthemes/compact.header.png");']) :-moz-any(#nav-bar,#PersonalToolbar,#TabsToolbar):-moz-lwtheme{
  background: unset !important;
}

/* adjust compact themes */
#main-window[style*='--lwt-header-image:url("resource:///chrome/browser/content/browser/defaultthemes/compact.header.png");'] :-moz-lwtheme-brighttext #TabsToolbar:-moz-lwtheme {
  background-image: linear-gradient(#323234,#323234) !important;
}
#main-window[style*='--lwt-header-image:url("resource:///chrome/browser/content/browser/defaultthemes/compact.header.png");'] :-moz-lwtheme-darktext #TabsToolbar:-moz-lwtheme {
  background-image: linear-gradient(#f5f6f7,#f5f6f7) !important;
}

/* toolbar borders */
#main-window #navigator-toolbox::after {
  /*border-bottom: unset !important;*/
  opacity: 0 !important;
}
#TabsToolbar{
  margin-bottom: 0px !important;
  border-bottom: 1px solid #5f7181 !important;
}
#main-window[sizemode="normal"]  #TabsToolbar:not(:-moz-lwtheme){
  border-left: 1px solid #5f7181 !important;
  border-right: 1px solid #5f7181 !important;
}

#main-window:not([inFullscreen="true"])[tabsintitlebar] #TabsToolbar{
  -moz-margin-end: 0px !important;
}

#main-window[tabsintitlebar] #TabsToolbar .titlebar-placeholder{
  visibility: collapse !important;
}

#main-window[tabsintitlebar][sizemode="normal"] #toolbar-menubar[autohide="true"][inactive="true"],
#main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"][inactive="true"] {
  margin-top: 21px !important;
}

#tabbrowser-tabs .tab-drop-indicator {
  margin-bottom: 0px !important;
}

#PersonalToolbar:-moz-lwtheme,
#nav-bar:-moz-lwtheme {
  background-image: none !important;
  box-shadow: none !important;
  border-top: none !important;
  border-bottom: none !important;
}

/* remove tab fog */
#TabsToolbar:not(:-moz-lwtheme),
#TabsToolbar:not(:-moz-lwtheme)::before,
#TabsToolbar:not(:-moz-lwtheme)::after {
  box-shadow: unset !important;
}

/* remove 'dragging tab' margin/padding nonsense */
#TabsToolbar[movingtab] {
  padding-bottom: unset !important;
}

#TabsToolbar[movingtab] > .tabbrowser-tabs {
  padding-bottom: unset !important;
  margin-bottom: unset !important;
}

#TabsToolbar[movingtab] + #nav-bar {
  margin-top: unset !important;
}

/* scroll buttons */
#TabsToolbar:not(:-moz-lwtheme) #alltabs-button,
#TabsToolbar:not(:-moz-lwtheme) .tabbrowser-arrowscrollbox > .scrollbutton-up,
#TabsToolbar:not(:-moz-lwtheme) .tabbrowser-arrowscrollbox > .scrollbutton-down {
  fill: black !important;
}

 

[_jo_]

- genial, Danke!

 

[L.A.1]

Ok, ich bekomme das mit der chrome.css nicht hin, bin absolutler Laie auf dem Gebiet und stelle
mich wahrscheinlich äußerst dämlich an. :-(

Folgendes habe ich bis jetzt gemacht:

1. Mit Texteditor die userchrome.css erstellt, indem ich den Code in eine Textdatei kopierte habe und den Ordner danach die Endung .css gegeben habe. (nun erscheint ein Rädchen im Symbol)

2. diese Datei in den chrome Ordner unter meinem Firefox Profil kopiert

3. keine Ahnung ob das richtig war bzw. wie es jetzt weitergeht.

 

[macko125]

Ich greife dir ein wenig unter die Arme.

Ich habe dir unter dem Anhang schon die fertige userChrome.css Datei in einer ZIP hochgeladen. Die userchrome.css Datei einfach im Profilordner von Firefox in den chrome Ordner packen. Danach Browser neustarten (Profilordner ist einfach zu erreichen unter---> about:support in Adresszeile eingeben---> Dort unter Profilordner--> Ordner öffnen) Falls der chrome Ordner noch nicht im Profilordner von Firefox vorhanden ist---> Einfach neuen Ordner erstellen und diesen chrome nennen.


Anhang anzeigen userChrome.zip

 

[L.A.1]

Danke, das hatte ich bereits gemacht...nur wie werden jetzt die Lesezeichen mehrzeilig angezeigt?