Button um weiteres Profil zu öffnen

omar1979

also ich hab das so, im script das von 2002Andreas eingefügt:

CSS

   let ProfilePath = PathUtils.toFileURI(PathUtils.join(PathUtils.profileDir, 'chrome', 'icons')); // Pfad zum Profilordner und gleich in den entsprechenden Unterordner
   let ButtonIcon = "Profilstarten1.png"; // Name & Dateiendung des anzuzeigenden Symbols!
   var css =`
       #profileschange-button { list-style-image: url("${ProfilePath}/${ButtonIcon}") }
       #profileschange-button > image {
       width: 40px !important;
       height: 40px !important; }
   `;

und so sieht es aus:

Habe das Icon extra etwas grösser als den Anderen gemacht..

FuchsFan

Zitat von Mira_Belle

Mach doch mal bitte ein "Foto", vor der Benutzung, nach der Benutzung des Codes.
Bitte.

Bei 33px bleibt das Icon in kleiner Form, wie ich es schon mal gezeigt habe.

Jetzt mit 35px wäre m.M.n. die normale Größe, dabei ist auch der Button schon vergrößert ( dritter v. rechts).

Um es ganz krass zu machen, damit es zu sehen ist, hier eine Größe von 40px.

2002Andreas

Zitat von FuchsFan

in kleiner Form

Manchmal sind aber die Icons auch schon unterschiedlich.

Meine sind auch nicht alle gleich.

FuchsFan

Zitat von 2002Andreas

Sind die Icons evtl. zu klein, hast du es mal mit anderen getestet?

Ja, Andreas, mit 30px x 30px , trotzdem werden sie so klein angezeigt.

Mira_Belle

Ihr seid mir zu schnell!

FuchsFan

Schau Dir mal den CSS-Code von mir für die Buttons an.

2002Andreas

Zitat von FuchsFan

mit 30px x 30px

Nein, ich meinte mit einem anderen Icon.

Nur mal zum Vergleich.

FuchsFan

Zitat von 2002Andreas

Meine sind auch nicht alle gleich.

Stimmt, aber so ist es ja bei mir auch, trotzdem passen sie sich den Button an, bis auf diese zwei Scripte.

Zitat von 2002Andreas

Nein, ich meinte mit einem anderen Icon.

Kann nehmen was ich will, es ändert sich nicht.

2002Andreas

Zitat von FuchsFan

bis auf diese zwei Scripte.

Und wenn du das Icon aus dem Skript entfernst, und es als eigene CSS Datei erstellst?

Ist die Größe dann anders?

Oder dieses Icon mal für einen anderen Eintrag nehmen zwecks Test.

Mira_Belle

Zitat von FuchsFan

Zitat von 2002Andreas

Meine sind auch nicht alle gleich.

Stimmt, aber so ist es ja bei mir auch, trotzdem passen sie sich den Button an, bis auf diese zwei Scripte.

Zitat von 2002Andreas

Nein, ich meinte mit einem anderen Icon.

Kann nehmen was ich will, es ändert sich nicht.

Ich habe folgendes CSS

CSS

    #home-button, #forward-button, #back-button {
        fill: #FFA500 !important;
    }
    #nav-bar .toolbarbutton-1,
    #toolbar-menubar .toolbarbutton-1 {
        margin: 2px 3px 3px!important;
        min-height: 30px !important;
        max-height: 30px !important;
        min-width: 30px !important;
        max-width: 30px !important;
/*        border-radius: 50% !important;    */
        border-radius: 50% !important;        
        background-position: center !important;
        background: linear-gradient(155deg, rgba(0, 0, 0, 0.25),  rgba(255, 255, 255, 0.25) );    
        box-shadow:  -1px -1px 2px rgba(255,255,255, 0.25), 2px 2px 2px rgba(0, 0, 0, 0.25);
        filter: contrast(110%) brightness(90%) !important;
        transition: filter 0.33s, box-shadow 0.33s !important;
    }    
    #nav-bar .toolbarbutton-1:hover:not([disabled="true"]),
    #toolbar-menubar .toolbarbutton-1:hover:not([disabled="true"]) {
        filter: contrast(120%) brightness(100%) !important;
    }    
    #nav-bar .toolbarbutton-1:hover:not([disabled="true"]):active:not([disabled="true"]),
    #toolbar-menubar .toolbarbutton-1:hover:not([disabled="true"]):active:not([disabled="true"]) {
/*        border-radius: 50% !important;    */
        border-radius: 50% !important;
        background: linear-gradient(145deg, rgba(0,0,0,.5),  rgba(48,48,48,.5), rgba(108,108,108,0.5) ) !important;
        box-shadow:  0px 0px 1px rgba(255,255,255,.25) !important;
    }    
    #nav-bar .toolbarbutton-1 .toolbarbutton-icon,
    #toolbar-menubar .toolbarbutton-1 .toolbarbutton-icon,
    #nav-bar .toolbarbutton-1 .toolbarbutton-badge-stack,
    #toolbar-menubar .toolbarbutton-1 .toolbarbutton-badge-stack {
        background: transparent !important;
/*    fill: rgba(220,220,220,1) !important; */
        filter:  drop-shadow( 1px 1px 1px rgba(25,25,25,.75)) !important;
        transition: fill 0.33s, filter 0.33s, transform .33s !important;
    }    
    #nav-bar .toolbarbutton-1:not([open]):hover:not([disabled="true"]) .toolbarbutton-icon,
    #toolbar-menubar .toolbarbutton-1:not([open]):hover:not([disabled="true"]) .toolbarbutton-icon,
    #nav-bar .toolbarbutton-1:not([open]):hover:not([disabled="true"]) .toolbarbutton-badge-stack
    #toolbar-menubar .toolbarbutton-1:not([open]):hover:not([disabled="true"]) .toolbarbutton-badge-stack {
/*        fill: rgba(255,255,255,1) !important; */
        filter: drop-shadow( 1px 1px 1px rgba(25,25,25,1.00)) drop-shadow( -1px -1px 3px rgba(200,200,200, 0.5)) brightness(120%) !important;
        transition: fill 0.33s, filter 0.33s, transform .33s !important;
    }    
    #nav-bar .toolbarbutton-1:hover:not([disabled="true"]):active:not([disabled="true"]) .toolbarbutton-icon,
    #toolbar-menubar .toolbarbutton-1:hover:not([disabled="true"]):active:not([disabled="true"]) .toolbarbutton-icon,
    #nav-bar .toolbarbutton-1:hover:not([disabled="true"]):active:not([disabled="true"]) .toolbarbutton-badge-stack,
    #toolbar-menubar .toolbarbutton-1:hover:not([disabled="true"]):active:not([disabled="true"]) .toolbarbutton-badge-stack {
        fill: rgba(0,207,229,1) !important;  
        filter: drop-shadow( 1px 1px 1px rgba(25,25,25,.75)) drop-shadow( -1px -1px 3px rgba(0,207,229,1)) brightness(120%) !important;
        transform: translate(0px,1px)  !important;
    }
    #nav-bar .toolbarbutton-1[open] .toolbarbutton-icon,
    #toolbar-menubar .toolbarbutton-1[open] .toolbarbutton-icon,
    #nav-bar .toolbarbutton-1[open] .toolbarbutton-badge-stack,
    #toolbar-menubar .toolbarbutton-1[open] .toolbarbutton-badge-stack {
        fill: rgba(0,207,229,1) !important;  
        filter: drop-shadow( 1px 1px 1px rgba(25,25,25,.75)) drop-shadow( -1px -1px 3px rgba(0,207,229,1)) brightness(120%) !important;
        transform: translate(0px,0px)  !important;
    }

Alles anzeigen

Damit sind meine Buttons angepasst und verändern auch nicht ihre Größe,

wenn ich die Symbole im Skript per CSS anspreche!

Sieht so bei mir aus!

2002Andreas

Eben erst gesehen:

Zitat von Mira_Belle

Ihr seid mir zu schnell!

Ältere Menschen/Rentner haben eben nie Zeit.

FuchsFan

Zitat von 2002Andreas

Und wenn du das Icon aus dem Skript entfernst, und es als eigene CSS Datei erstellst?
Ist die Größe dann anders?

Oder dieses Icon mal für einen anderen Eintrag nehmen zwecks Test.

Das habe ich alles schon durch, Icons gewechselt, Größe gewechselt, Format gewechselt, nichts da.

Wir machen es jetzt so, ich bedanke mich für Euren Einsatz, und wir lassen es dabei bewenden. Da machen wir doch wegen dieser Kleinigkeit kein Drama draus. Einverstanden?

2002Andreas

Zitat von FuchsFan

Einverstanden?

Wenn du das erstmal zumindest so lassen willst, klar

FuchsFan

Zitat von Mira_Belle

Ich habe folgendes CSS

Ich bedanke mich, das schaue ich mir mal genauer an.

Mira_Belle

Zitat von FuchsFan

Das habe ich alles schon durch, Icons gewechselt, Größe gewechselt, Format gewechselt, nichts da.
Wir machen es jetzt so, ich bedanke mich für Euren Einsatz, und wir lassen es dabei bewenden. Da machen wir doch wegen dieser Kleinigkeit kein Drama draus. Einverstanden?

Och nö, Dramen sind doch so fesselnd.

Hier mal ein aktuelleres Bildchen.

Ganz rechts, der bunte Pfeil ist vergrößert.

2002Andreas

Was mich nur wundert, warum ist das nur bei 2 Skripten so

Mira_Belle

Zitat von 2002Andreas

Was mich nur wundert, warum ist das nur bei 2 Skripten so

FuchsFan verwendet ja auch eigenen CSS-Code zum Anpassen der Buttons.

Eventuell liegt da die Ursache.

Wie ich schon schrieb, bei mir werden ALLE Buttons per eigene CSS angesprochen und verändert.

Wenn ich in irgendeinem Skript per CSS das Symbol in der Größe ändere,

bleiben die Buttons so wie sie in ihrer Größe und Aussehen in der CSS festgelegt wurden!

2002Andreas

Zitat von Mira_Belle

Eventuell liegt da die Ursache.

Ich habe jetzt mal für 2 Skripte das gleiche Icon genommen.

Das eine Skript ist das hier aus diesem Thread.

Beide Icons sind gleich groß:

Es kann also nicht am Skript selber liegen

Dharkness

Zitat von FuchsFan

Jetzt mit 35px wäre m.M.n. die normale Größe, dabei ist auch der Button schon vergrößert ( dritter v. rechts).

Schau Dir mal das Padding des Buttons an.

Mira_Belle

Zitat von 2002Andreas

Ich habe jetzt mal für 2 Skripte das gleiche Icon genommen.
Das eine Skript ist das hier aus diesem Thread.
Beide Icons sind gleich groß:
Es kann also nicht am Skript selber liegen

Den Test verstehe ich jetzt nicht!

Eventuell muss ich mal aufstehen, weil ich auf der Leitung sitze.

Vielleicht hilft es ja auch die Größe der Buttons festzutackern?

CSS

    #nav-bar .toolbarbutton-1,
    #toolbar-menubar .toolbarbutton-1 {
        margin: 2px 3px 3px!important;
        min-height: 30px !important;
        max-height: 30px !important;
        min-width: 30px !important;
        max-width: 30px !important;

Nur so ein Gedanke.

2002Andreas

Zitat von Mira_Belle

Den Test verstehe ich jetzt nicht!

Ich habe für dein Skript und ein anderes Skript das gleiche Icon verwendet.

Beide dann mal nebeneinander geschoben.

Dadurch kann man erkennen, beide Icons sind gleich groß.

Dein Skript nutzt eine andere Pfaderkennung als mein 2tes.

Also kann es auf jeden Fall nicht am Skript selber liegen.

Button um weiteres Profil zu öffnen

Ähnliche Themen

Fehlerhafte Grafikdarstellung bei bestimmten Websites

Update Tabs verdecken das Menü.

Scrollen funktioniert nicht

[GELÖST] FF105 crasht auf MX-Linux 19.4 xfce (64-bit)