Beiträge von FuchsFan

Zitat von 2002Andreas

Problem nur, der Code funktioniert so nicht in der userChrome.css

Nun ist aber genug, lass dir dazu was einfallen.

Aber jetzt hast du einen Anhaltspunkt, dass eventuell doch eine Trennung möglich ist.

Gestern habe ich mir einen neuen Nightly angelegt, um nochmals die Sache mit den Pfeilen zu überprüfen. Solange ich die für mich überdimensionale Höhe der Tabs (Tabbar) nicht verändere, so sind auch die Pfeile im Original erhalten.

Verringere ich die Höhe, so werden auch die Pfeile kleiner, so dass ich den von dir oder Sören geschaffenen Code nutzen muss.

Dadurch werden aber auch wieder die Pfeile in den Lesezeichenordnern mit vergrößert, d.h. vom Original aus vergrößert, und erscheinen dann in der Ansicht sehr groß, wenn der Wert zu hoch angesetzt ist.

Weil ich doch etliche Ordner habe, wo dann die Scrollbutton erscheinen, deshalb mein Ansinnen hier eine Trennung zu schaffen.

Es wäre wirklich gut, wenn hier eine Lösung gezeigt würde.

Andreas, bis hierher meinen besten Dank an dich.

Zitat von 2002Andreas

Hier ändert sich auch bei hover nichts mit deinem Code

Probehalber geändert, Farbe Rot in beiden Button.

toolbarbutton#scrollbutton-up {
  background-color: red !important;
  border: 1px solid royalblue !important;
  /* border-radius: unset !important; */
  margin-top: 1px !important;
  max-height: 28px !important;
  min-height: 28px !important;
}    

Hover geändert auf Farbe Lime

toolbarbutton#scrollbutton-up:hover {
      background-color: lime !important;
      border: 1px solid royalblue !important;
      fill: red !important;
      max-height: 28px !important;
      min-height: 28px !important;
    }

Zitat von 2002Andreas

Kann auch nicht, denn sonst hast du den Pfeil ja in blau, und nicht in rot.

Das ist bei Hover aufgenommen.

So sehen sie in Ruhe aus. und

Zitat von 2002Andreas

Hast du davon mal einen Screenshot bitte.

Sorry, Andreas, war mal Sonne tanken.

Ne, Andreas, da passiert nichts, aber nun habe ich die Scrollbutton nach unten verlagert, damit auf gleiche Höhe gebracht, so geht es dann auch.

Ich bedanke mich für eure Hilfe und eure Bemühungen.

Das Thema hatten wir vor langer Zeit schon einmal, dass die Scrollbutton hier und übergreifend auch in den Lesezeichenordnern wirken. Gibt es zu diesem Zeitpunkt eventuell eine Möglichkeit hier eine Trennung vorzunehmen?

Zitat von 2002Andreas

Und so?

Auch nur das Icon.

Zitat von Sören Hentzschel

Da wäre dann der komplette Code für diesen Bereich hilfreich.

Ist ein wenig durcheinander, weil der Test-Code.

/*======== Alltabs-Button Scrollpfeile (Pfeil links/rechts) ========*/    
/*==== hat auch Wirkung auf Scrollbutton in Lesezeichen ordnern ====*/   
 
toolbarbutton#scrollbutton-up {
    background: lightblue !important;
      border: 1px solid royalblue !important;
      border-radius: unset !important;
      margin-top: 1px !important;
      /* margin-bottom: 2px !important; */
      fill: blue !important;
      max-height: 28px !important;
      min-height: 28px !important;
      size: 22px !important;
    }
    
/* #scrollbutton-up .toolbarbutton-icon {
    transform: scale(1.8) !important;
} */

toolbarbutton#scrollbutton-up:hover {
      background: yellow !important;
      border: 1px solid royalblue !important;
      fill: red !important;
      max-height: 28px !important;
      min-height: 28px !important;
    }

toolbarbutton#scrollbutton-down {
      background: lightblue !important;
      border: 1px solid royalblue !important;
      border-radius: unset !important;
      margin-top: 1px !important;
      /* margin-bottom:  2px !important; */
      max-height: 28px !important;
      min-height: 28px !important;
      size: 22px !important;
    }
/* toolbarbutton#scrollbutton-down .toolbarbutton-icon{
    transform: scale(-1.8) !important;
}     */
toolbarbutton#scrollbutton-down:hover {
      background: yellow !important;
      border: 1px solid royalblue !important;
      fill: red !important;
      max-height: 28px !important;
      min-height: 28px !important;
    }
    
/* All-Tabs-Button wird angezeigt */
#alltabs-button{
      visibility: visible !important;
      fill: blue ! important;
      background: gold !important;
      border: 1px solid blue !important;
      max-width: 28px !important;
      min-width: 28px !important;
      margin-right: 3px !important;
      max-height: 28px !important;
      min-height: 28px !important;
}
    
/* blendet die Hintergrundfarbe (Grau) bei Hover aus */
#alltabs-button:hover .toolbarbutton-badge-stack {
  background: none !important;

}
/* Hintergrund bei Hover */
#alltabs-button:hover {
  background: greenyellow !important;
  border: 1px solid red !important;
    
}    

/* im alltabs-button - new-tab-button ausblenden */
#TabsToolbar #new-tab-button { 
      display: none !important; 
    }

/* rechts bündiger Abschluss der Tableiste */    
hbox.titlebar-spacer,
tabs tab:not([fadein]) {
    display: none !important;
    }


#allTabsMenu-allTabsView {
  background-color: beige !important;
  border: 2px solid green !important;
  border-radius: 8px !important;
  max-width: 0 !important;
  min-height: 600px !important;
  padding: 0 !important;
  margin: 0 !important;
 
  }
  
 /* #alltabs-button {
    list-style-image: url(chrome://global/skin/icons/arrow-dropdown-16.svg);
    transform: scale(2.5) !important;
}  */

#alltabs-button > stack .toolbarbutton-icon {
    list-style-image: url(chrome://global/skin/icons/arrow-dropdown-16.svg);
   transform: scale(2.2) !important;
}


#scrollbutton-down > image {
   transform: scale(-2.0) !important;
}

#scrollbutton-up > image {
  transform: scale(2.0) !important;
}    

Zitat von Sören Hentzschel

CSS

#alltabs-button .toolbarbutton-icon {
  margin-top: -5px !important;
}

Wenn ich den Code so verwende, dann passiert das :

Es wird damit ja nur das Icon verlagert.

Danke, Andreas, das funktioniert perfekt.

Dann noch etwas, ich versuche krampfhaft den #alltabs-button einige Pixel nach oben zu verlegen, er rührt sich nicht von der Stelle, weder mit padding, noch mit margin.

Zitat von Sören Hentzschel

Du musst die Multiplikation mit -1 schon berücksichtigen, damit sich daran nichts ändert:

Das klappt wunderbar, danke Sören.

2002Andreas

Der Code aus #258 will überhaupt nicht wirken.

Zitat von 2002Andreas

Sieht hier so aus:

Nichts zu machen, Andreas, nur noch den Code für die Tabs und die drei rechten Button aktiv, aber die Pfeile bleiben klein.

Füge ich den Code ein, dann ist wieder gut.

Nun habe ich versucht für #scrollbutton-up und #scrollbutton-down das auch so zu übernehmen.

Für up mit dem Code:

#scrollbutton-up .toolbarbutton-icon {
    transform: scale(2.2) !important;
}

Das funktioniert auch, aber wenn ich jetzt auch bei #scrollbutton-down das so verwende, dann dreht der Pfeil nach links, obwohl ja original die Stellung nach rechts zeigt. Was läuft da nicht richtig?

Super, Andreas, das ist es.

Nur zum Verständnis, wenn ich mit folgendem Code unter Proton von der originalen Größe abweiche, dann wird auch das Icon mit verkleinert.

#alltabs-button{
      visibility: visible !important;
      fill: blue ! important;
      background: gold !important;
      border: 1px solid blue !important;
      max-width: 28px !important;
      min-width: 28px !important;
      margin-right: 3px !important;
      max-height: 28px !important;
      min-height: 28px !important;
}

Zitat von 2002Andreas

Die Werte musst du dir dann noch anpassen.

Damit wird der ganze Button mit vergrößert.

Zitat von 2002Andreas

Na siehste....

Andreas, nochmals zu den Pfeilen im Alltabs-Button, gibt es da die Möglichkeit diese über css-Code zu vergrößern. Ich finde die Ursache dafür nicht, wieso diese verkleinert hier auftreten.

2002Andreas / milupo

Ein großes Dankeschön an euch Beide, nun habe ich es geschnallt, funktioniert tadellos.

Zitat von 2002Andreas

Dann links daneben auf diesen Button noch klicken:

Das habe ich nie gemacht, werde es dann morgen ausgiebig testen. Danke, Andreas, für die Lehrvorführung.

Zitat von 2002Andreas

dann wird dir im linken Teil automatisch die Bezeichnungg dafür angezeigt.

Das habe ich auch gedacht, aber das war hier nicht so. Deshalb suche ich immer auf der linken Seite nach dem passenden Eintrag, alle Pfeile aufklappen, ein riesiger Aufwand. Nun habe ich mich schon immer gewundert, wie du das so schnell raus bekommst. Also doch der Meister!

Zitat von 2002Andreas

Dann mit der Maus den gesuchten Eintrag auswählen.

Ja, danke Andreas, das habe ich schon durch, aber erst einmal den Eintrag finden.

Zitat von 2002Andreas

Funktioniert genau wie mit allen anderen Einträgen auch.

Glaube ich dir gern, aber da gehört doch schon eine gewisse Übung und Erfahrung dazu, und die fehlt mir immer noch.

Aber der Code #234 funktioniert auch, dann muss ich ja wohl an die Arbeit, um das zu bereinigen. Wenn ich nicht weiter komme, dann rufe ich um Hilfe.

Zitat von milupo

Endors Dateien sollten auf jeden Fall da sein. Denn es sind externe Dateien, die nicht von Mozilla zur Verfügung gestellt werden.

Erst einmal danke für deine Erläuterungen, milupo. Die Dateien hatte ich schon vorab alle auf "Vordermann" gebracht, nur hapert es bei mir mit der Feststellung der Selektoren, ist doch nicht so einfach.

Zitat von 2002Andreas

Es funktioniert mit base64 oder direktem Pfad:

Nun habe ich mal diesen Code in die Datei von Endor eingefügt, dann ist das Icon da. Darauf aufbauend wollte ich andere (privates Fenster, usw,) anzeigen, aber es passiert nichts. Haben sich da eventuell doch die Selektoren geändert?

In den Untermenüs, Hilfe z.B., werden alle Icons angezeigt. Ist ja a Wahnsinn!

Zitat von Boersenfeger

dieser Thread stammt anfänglich von mir und wurde dann von FuchsFan mitgenutzt..

Nicht dass du mich vom Platz verweist.