FF 78: Dropdown Marker in Lesezeichenleiste nicht mehr darstellbar

Loom

Hallo,

ich hatte meine Lesezeichenleiste so eingestellt, dass die Icons der Lesezeichen ausgeblendet waren und ein Dropdown Marker rechts neben den Lesezeichen-Ordnern erschien.

Mit Firefox 78 wird der Dropdown Marker allerdings nicht mehr dargestellt.

Der verwendete Code:

CSS

.bookmark-item[container="true"] .toolbarbutton-menu-dropmarker {
   display: -moz-box !important;
   padding-left: 2px !important;
   font-weight: normal !important;
   list-style-image: url(arrow-dn-dis.gif) !important;
   width: 16px;
   height: 16px;
   -moz-box-align: center;
   -moz-box-pack: center;
   padding: 1px;
   moz-image-region: auto;
}


.bookmark-item > .toolbarbutton-icon {
  margin: 0px !important;
  display: none !important;
}

.bookmark-item,
.bookmark-item[type=menu] {
  margin: 0 2px !important;
}

.toolbarbutton-text {
  font-size: 9pt !important;
}

Alles anzeigen

Es wäre toll, wenn jemand eine Idee hätte, um den Marker zurückzuholen.

Vielen Dank!

milupo

Hallo Loom, ersetzte mal Zeile 5 durch folgende Zeile:

CSS

background: url(arrow-dn-dis.gif) no-repeat !important;

Loom

Danke für die schnelle Hilfe!

Aber leider funktioniert es nicht. Weiterhin kein Dropdown-Marker neben den Ordnern.

milupo

Du hast Firefox neu gestartet?

Loom

Natürlich.

Bei dir funktioniert es?

milupo

Nein. Ich gehe aber jetzt erst mal ins Bett. So wie es scheint, gibt es die Klasse .toolbarbutton-menu-dropmarker nicht mehr. Aber morgen (äh, heute) ist auch noch ein Tag.

Loom

Trotzdem vielen Dank für die Hilfe.

Vielleicht findet sich ja noch ein Weg. Wenn ich nicht so ein verdammter Ästhet wäre, könnte mir die Optik der Lesezeichenleiste ja völlig egal sein. Aber das Ding ist im Ursprungszustand einfach unerträglich hässlich

Boersenfeger

//... was eine Geschmacksfrage ist... ich finde zum Beispiel die Lesezeichenzeile so häßlich, das ich sie gar nicht nutze..

Dharkness

Hi Loom,

wie wäre es damit ↓?

CSS

toolbar[id="PersonalToolbar"] toolbarbutton[class="bookmark-item"][type="menu"] {
background: #7B7B7B url("..//chrome/icons/dropdown-down_white.png") no-repeat !important;
background-position: right !important;
padding-right: 15px !important;
}

Das ↓ sind die von mir Testhalber erstellten Dropdown-Marker.

→" "←

Eventuell musst Du Dir halt noch andere Dropdown-Marker erstellen und das CSS-Schnipsel noch Deinen Farb- und Abstandsentsprechungen anpassen.

Sieht bei mir so ↓ aus.

Im Ordner chrome ist bei dem CSS-Schnipsel noch ein Unterordner Namens icons anzulegen.

Loom

Funktioniert! Die Dropdown Marker bei Ordnern sind wieder da.

Eine Kleinigkeit allerdings: Es gibt bei den Ordnern keine Mouse-Over Markierung mehr. Lediglich bei normalen Lesezeichen gibt es bei Mausberührung die Markierung. Wenn man das noch beheben könnte, dann wäre es perfekt

Dharkness

Hi,

in dem Fall würde ich das so ↓ verwenden.

CSS

toolbar[id="PersonalToolbar"] toolbarbutton[class="bookmark-item"][type="menu"] {
background: #7B7B7B url("..//chrome/icons/dropdown-down_white.png") no-repeat !important;
background-position: right !important;
padding-right: 15px !important;
}
toolbar[id="PersonalToolbar"] toolbarbutton[class="bookmark-item"][type="menu"]:hover {
background: #D1E2F2 url("..//chrome/icons/dropdown-down_black.png") no-repeat !important;
background-position: right !important;
padding-right: 14px !important;
}

Dafür benötigst Du dann eventuell 2 Icons, je nachdem welche Farbe Du fürs hovern verwendest.

Loom

Danke Ralf,

was ich aber meinte: Wenn man normale Lesezeichen via Mouse-Over berührt, dann werden sie markiert. Das funktioniert nun allerdings nicht mehr bei Lesezeichen, welche einen Ordner beeinhalten, und somit auch via Dropdown-Marker gekennzeichnet sind.

Der Name des Lesezeichen-Ordners verändert nicht mehr die Farbe.

2002Andreas

Zitat von Loom

funktioniert nun allerdings nicht mehr bei Lesezeichen

Das sieht hier so aus:

Ich habe den Pfad für mich angepasst, und den Hintergrund entfernt.

CSS

toolbar[id="PersonalToolbar"] toolbarbutton[class="bookmark-item"][type="menu"] {
background:  url("..//icons/dropdown-down.png") no-repeat !important;
background-position: right !important;
padding-right: 17px !important;
}
toolbar[id="PersonalToolbar"] toolbarbutton[class="bookmark-item"][type="menu"]:hover {
background: #D1E2F2 url("..//icons/dropdown-down.png") no-repeat !important;
background-position: right !important;
padding-right: 17px !important;
}

Dharkness

Hi Loom,

gib uns doch bitte mal Dein vollständiges CSS, füge es bitte als Code, den → </> Button verwenden, ein.

clio

Loom

Zitat

ich hatte meine Lesezeichenleiste so eingestellt, dass die Icons der Lesezeichen ausgeblendet waren und ein Dropdown Marker rechts neben den Lesezeichen-Ordnern erschien.

So habe ich das in meinem FF 78.0.1 auch, allerdings mit weniger Aufwand:

.menu-iconic-left
{ visibility: hidden !important;
margin-left: -6px !important; }

.bookmark-item > .toolbarbutton-icon,
{ display: none !important; }

Im ersten Code die -6px links und visibility deswegen, damit zwischen dem Rand und den Einträgen etwas Platz bleibt.

Damit ist man flexibel, mit display none eher nicht.

Ein screenshot zeigt mehr:

Loom

So, nach einigen Versuchen habe ich es perfekt hinbekommen!

Ich hoffe, es hält erst mal wieder für ein paar FX Versionen ..

CSS

/* Icons der Lesezeichen-Toolbar entfernen, grau einfärben, Dropmarker Icon von FF 63 */

toolbar[id="PersonalToolbar"] toolbarbutton[class="bookmark-item"][type="menu"] {
background:  url("arrow-dn-dis.gif") no-repeat !important;
background-position: right !important;
padding-right: 12px !important;
}
toolbar[id="PersonalToolbar"] toolbarbutton[class="bookmark-item"][type="menu"]:hover {
background: #dedfe0 url("arrow-dn-dis.gif") no-repeat !important;
background-position: right !important;
padding-right: 12px !important;
}

.bookmark-item > .toolbarbutton-icon {
  margin: 0px !important;
  display: none !important;
}

.bookmark-item,
.bookmark-item[type=menu] {
  margin: 0 2px !important;
}

.toolbarbutton-text {
  font-size: 9pt !important;
}

#personal-bookmarks .toolbarbutton-text {
  margin: 0px 0px 0px 0px !important;
  padding: 1px 1px 1px 1px !important;
}

/* Dropdown Bookmark Einträge Highlight Farbe */
#personal-bookmarks menupopup menu:hover, menuitem:hover {
 -moz-appearance: none !important;
 background-color:#dedfe0 !important;
}

Alles anzeigen

Vielen Dank für die Hilfe, der Support hier ist wirklich beeindruckend!

Dharkness

Hi Loom,

das ist doch schön zu hören.