Beiträge von FuchsFan

FuchsFan

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.

CSS

#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;
}

Alles anzeigen

FuchsFan

Zitat von 2002Andreas

Die Werte musst du dir dann noch anpassen.

Damit wird der ganze Button mit vergrößert.

FuchsFan

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.

FuchsFan

2002Andreas / milupo

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

FuchsFan

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.

FuchsFan

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!

FuchsFan

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.

FuchsFan

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.

FuchsFan

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.

FuchsFan

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.

FuchsFan

Zitat von milupo

wenn du deinen Ordner mit den Icons im neuen Proton-Profil wieder dorthin kopiert hast, wo sie im Nichtproton-Profil sind.

Daran habe ich nie etwas geändert, und trotzdem wird in keinem Profil im Hamburger ein Icon angezeigt. Oder liegt es an den Base64-Dateien?

FuchsFan

Zitat von 2002Andreas

Die genaue Bezeichnung für das Popup vom Hamburger lautet

Danke, dann stimmt das noch. Kannst du mir sagen, wieso kein einziges Icon von Endor mehr angezeigt wird (einige sind ja sowieso weg)?

FuchsFan

Zitat von 2002Andreas

Nein, das wäre dann:

Stimmt, Andreas, da habe ich was übersehen. Aber als Code für Hintergrund und Umrandung funktioniert das immer noch.

CSS

#appMenu-popup panelview,
#widget-overflow-mainView {
    background: #F5F5DC !important;
    border: 2px red solid ! important;
    }

FuchsFan

Zitat von milupo

Welches Menü ist das denn?

Ab Version 89 ist es das Menü hinter dem Button (wo das Hamburger hin ist, frag mich nicht (schade übrigens).

FuchsFan

Zitat von milupo

Warum vergibst du eigentlich bei den drei Schaltflächen sowohl background als auch fill und das auch noch mit unterschiedlichen Farben?

Das habe ich mal so übernommen, und mich deshalb nicht weiter darum gekümmert. Danke für deine Hinweise, werde ich ändern.

Zitat von milupo

gibt es den Selektor

Er macht jedenfalls das was er soll ( nur die Icons fehlen alle).

FuchsFan

Zitat von 2002Andreas

Beide zusammen ergibt hier:

Sehr komisch.

In drei Profilen probiert, mit gleichem Ergebnis.

Der Code ist in Verwendung, eventuell kannst du den Fehler ausmachen. Es ist kein weiterer css-Code aktiv (userChrome.css).

CSS

:root {
    --proton-tab-radius: 0px !important;
    --proton-tab-block-margin: 0px !important;
    --inline-tab-padding: 10px !important;
}

#TabsToolbar {
  min-height: 31px !important;
  max-height: 31px !important;
  border-top: 1px solid #B2B2B2 !important;
  border-bottom: 1px solid #B2B2B2 !important;
  padding-bottom: 5px !important;
  padding-left: 3px !important;
}

#TabsToolbar .toolbarbutton-1 {
margin-top: 2px !important;
margin-bottom: 1px !important;
}
#TabsToolbar .toolbarbutton-1 > image {
  padding: 2px 2px !important;
}

/* Höhe der Tabs */
.tabbrowser-tab {
  min-height: 30px !important;
  max-height: 30px !important;
  box-shadow: none !important;
  border: 0 !important;
  margin-right: -3px !important;
  margin-top: -1px !important;
  
}

/* Schrift im Zentrum */
.tab-content {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}
.tab-label-container {
  margin: auto !important;
}
.tabbrowser-tab > .tab-stack > .tab-content > .tab-close-button {
  flex-shrink: 0 !important;
  padding: 7px !important;
  width: 24px !important;
}

/* blendet den Hintergrund aller Tabs aus */
.tab-background[selected] {
  background: none !important; }
.tab-background {
  box-shadow: none !important;
  border: 0 !important;
  background: none !important;
}

/* Länge der Tabs */
.tabbrowser-tab:not([pinned]) {
min-width: 200px !important;
max-width: 200px !important;
}

#tabbrowser-tabs:not([positionpinnedtabs]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab[pinned] + .tabbrowser-tab:not([pinned]) {
  margin-inline-start: 6px !important;
}  



.tabbrowser-tab .tab-content {
  background: lightblue !important;
  padding: 0 3px !important;
  margin-top: 2px !important;
  margin-bottom: 1px !important;
  border: 1px solid grey !important;
}
.tabbrowser-tab[selected="true"] .tab-content {
  background: gold !important;
  margin-top: 2px !important;
  margin-bottom: 1px !important;
}
.tabbrowser-tab:hover .tab-content {
  background: yellow !important;
}
.tabbrowser-tab[selected="true"]:hover .tab-content {
  background: royalblue !important;
}

.tab-throbber:not([pinned]),
.tab-sharing-icon-overlay:not([pinned]),
.tab-icon-pending:not([pinned]),
.tab-icon-image:not([pinned]) {
  margin-top: -1px !important;
  margin-inline-end: 5px !important;
}

/* .tab-icon{
margin-top: -2px !important;} */

.tabbrowser-tab .tab-content .tab-text.tab-label,
.tabbrowser-tab:hover .tab-content .tab-text.tab-label {
  margin-top: 1px !important;
}

.tabbrowser-tab[label*=" - YouTube"] .tab-content,
.tabbrowser-tab[label*="YouTube - youtube.com"] .tab-content {
  background-image: linear-gradient(to bottom, red 0%, red 14%, red 14%, red 100%) !important;
}
.tabbrowser-tab[label*=" - YouTube"][selected="true"] .tab-content,
.tabbrowser-tab[label*="YouTube - youtube.com"][selected="true"] .tab-content {
  background-image: linear-gradient(to bottom, green 0%, green 14%, red 14%, red 100%) !important;
}
.tabbrowser-tab[label*=" - YouTube"]:hover .tab-content,
.tabbrowser-tab[label*="YouTube - youtube.com"]:hover .tab-content {
  background-image: linear-gradient(to bottom, saddlebrown 0%, saddlebrown 14%, saddlebrown 14%, saddlebrown 100%) !important;
}
.tabbrowser-tab[label*=" - YouTube"][selected="true"]:hover .tab-content,
.tabbrowser-tab[label*="YouTube - youtube.com"][selected="true"]:hover .tab-content {
  background-image: linear-gradient(to bottom, green 0%, green 14%, saddlebrown 14%, saddlebrown 100%) !important;
}

.tabbrowser-tab .tab-content vbox.tab-label-container.proton {
  -moz-box-orient: horizontal !important;
}
.tabbrowser-tab .tab-content vbox.tab-label-container.proton hbox.tab-icon-sound {
  margin-top: 3px !important;
  margin-right: 5px !important;
}
.tab-icon-sound[soundplaying="true"],
.tab-icon-sound[muted="true"],
.tab-icon-sound[activemedia-blocked="true"] {
  background: #FFF !important;
  padding: 0 1px !important;
}
.tab-icon-sound[soundplaying="true"] .tab-icon-sound-image,
.tab-icon-sound[muted="true"] .tab-icon-sound-image,
.tab-icon-sound[activemedia-blocked="true"] .tab-icon-sound-image {
  fill: #F10 !important;
}

.tab-icon-sound-image {
    height: 1.5em !important;
}
.tabbrowser-tab .tab-content vbox.tab-label-container.proton label[class="tab-icon-sound-label tab-icon-sound-blocked-label"],
.tabbrowser-tab .tab-content vbox.tab-label-container.proton label[class="tab-icon-sound-label tab-icon-sound-playing-label"],
.tabbrowser-tab .tab-content vbox.tab-label-container.proton label[class="tab-icon-sound-label tab-icon-sound-muted-label"] {
  display: none !important;
}



/*======== 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;
      margin-top: 1px !important;
      /* margin-bottom: 2px !important; */
      fill: blue !important;
      max-height: 28px !important;
      min-height: 28px !important;
      size: 16px !important;
    }

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

toolbarbutton#scrollbutton-down {
      background: lightblue !important;
      border: 1px solid royalblue !important;
      margin-top: 1px !important;
      /* margin-bottom:  2px !important; */
      max-height: 28px !important;
      min-height: 28px !important;
    }
toolbarbutton#scrollbutton-down:hover {
      background: yellow !important;
      border: 1px solid royalblue !important;
      fill: red !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;
      /* margin-top: -4px !important; */
      /* font-size: 2.5em !important; */
     /*  margin-bottom:  2px !important; */
      
    }
    
/* ändert Farbe bei Hover */
#alltabs-button:hover .toolbarbutton-badge-stack {
  background: none !important;
  
}

#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;
 
  }

Alles anzeigen

FuchsFan

Zitat von 2002Andreas

Ich meine, die Pfeile sind (hier) nicht kleiner.

Dann nimm mal bitte den Code "Tabs Proton-Design" von hier RE: Anpassungen wegen Proton dazu, dann sollte es bestimmt auch mit den kleinen Pfeilen so sein.

FuchsFan

Zitat von 2002Andreas

Ergo muss es etwas in deinem kompl. Code sein

Das stimmt, Andreas, wenn ich diesen Code komplett verwende, dann sind auch die Pfeile klein.

CSS

/*======== Alltabs-Button Scrollpfeile (Pfeil links/rechts) ========*/    
/*==== hat auch Wirkung auf Scrollbutton in Lesezeichenordnern ====*/   
 
toolbarbutton#scrollbutton-up {
      background: lightblue !important;
      border: 1px solid royalblue !important;
      margin-top: 1px !important;
      margin-bottom: 1px !important;
      fill: blue !important;
      max-height: 28px !important;
      min-height: 28px !important;
    }

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

toolbarbutton#scrollbutton-down {
      background: lightblue !important;
      border: 1px solid royalblue !important;
      margin-top: 1px !important;
      margin-bottom: 1px !important;
      max-height: 28px !important;
      min-height: 28px !important;
    }
toolbarbutton#scrollbutton-down:hover {
      background: yellow !important;
      border: 1px solid royalblue !important;
      fill: red !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;
      margin-bottom: 3px !important;
    }
    
/* ändert Farbe bei Hover */
#alltabs-button:hover .toolbarbutton-badge-stack {
  background: none !important;
}

#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;
 
  }

Alles anzeigen

Mit Proton müsste es aber trotzdem zu tun haben, denn in Version 88 sieht es mit dem Code noch so aus.

FuchsFan

Zitat von 2002Andreas

Teste bitte mal:

Sorry, Andreas, kann erst heute antworten. Alles perfekt, sieht gut aus, danke.

Wenn du in meinem Beitrag darüber das Bild anschaust, dann ist zu erkennen, dass die Pfeile sich alle verkleinern, sofern bei Proton die Größe der Button geändert wird. Hast du dafür auch noch eine Lösung?

FuchsFan

Der 'alltabs-button erhält bei Hover (grüne Farbe) diesen grauen, im Umriss größeren Hintergrund. Wie bekomme ich den weg?