Lesezeichensymbolleiste - Problem mit Padding

D3r_T1m

Hallo,
ich habe mir mit Stylish eine kleine Animation für die Lesezeichensymbolleiste gebastelt:

Code

.bookmark-item:hover
{animation: hover 2s forwards}


@keyframes hover
{
  0%
  {
    padding-right: 0px;
    padding-left: 0px;
  }
  100%
  {
    padding-right: 30px;
    padding-left: 30px;
  }
}

Alles anzeigen

Das Problem ist, dass bei Lesezeichen mit längeren Namen das Lesezeichen ab einem bestimmten Punkt nicht mehr größer wird, sondern padding scheinbar nach innen angewandt wird, sodass ein Teil des Namens abgeschnitten und durch "..." ersetzt wird.
Hat jemand eine Idee, was ich ändern könnte, um das zu verhindern?

2002Andreas

Hallo und Willkommen hier im Forum.

Zitat von D3r_T1m

eine kleine Animation

Ich habe mir den Code mal installiert...was genau soll denn wann wie funktionieren :-??

Fox2Fox

Zitat von 2002Andreas

...was genau soll denn wann wie funktionieren :-??

Die Schaltfläche wird beim Hoovern breiter

[attachment=0]Klick3.gif[/attachment]

2002Andreas

Zitat von Fox2Fox

Die Schaltfläche wird beim Hoovern breiter

Danke, in einem anderen Profil konnte ich das nachvollziehen :klasse:

Eine Lösung weiß ich aber leider auch nicht.

Fox2Fox

Zitat von 2002Andreas

Eine Lösung weiß ich aber leider auch nicht.

Ich auch nicht.

Das Verändern der Werte bringt nicht den gewünschten Erfolg. Da muss vielleicht noch mehr in den Code eingebaut werden.

Sören Hentzschel

Die Lösung ist das Offensichtlichste: die Breite ist beschränkt, also muss die maximale Breite entfernt werden:

CSS

.bookmark-item {
  max-width: none !important;
}

D3r_T1m

Danke, das funktioniert.