Beiträge von FuchsFan

FuchsFan

Zitat von Endor

Teste meinen letzten CSS Code mal ohne
Deine ganzen Anpassungen. Nur meinen Code.Denn hier sieht es in allen Firefox Versionen gleich aus.

Hallo Endor!

Der Code aus #299 funktioniert auch bei mir ordnungsgemäß. Der "Fehler" bei der Anzeige kommt dadurch, dass im Addon-Manager (den ich von hier verwende: RE: Ansicht "Erweiterungen verwalten" ) der Eintrag (Zeile 22) .card vorhanden ist, der dafür sorgt, dass unter Empfehlungen die Boxen mit in der Breite angepasst werden. Nehme ich diesen Wert raus, dann wird auch dein Code fehlerlos angezeigt, nur unter Empfehlungen passt es dann nicht mehr.

Wie könnte das unabhängig voneinander gelöst werden, hat jemand eine Idee?

FuchsFan

Zitat von milupo

Das wird es eben nicht.

Das wird es doch!!

Zitat von milupo

Das hier ist gemäß Beitrag #299 von Endor:

Damit es auch du endlich verstehst, das Bild aus Beitrag #305 ist mit dem Code aus #299 entstanden.

Zitat von milupo

Du experimentierst hier rum, änderst immer wieder und wunderst dich, dass etwas nicht funktioniert

Ich muss es ändern, damit es so wie bei dir in Beitrag #306 aussieht.

Und wenn du jetzt zu nörgeln aufhören würdest, und mir sagen könntest, woran es denn liegt, dass es bei mir in allen Firefox-Versionen (78 bis 80) nicht so angezeigt wird, dann können wir uns weiter darüber unterhalten. Wenn nicht, dann Thema hier Ende.

FuchsFan

Zitat von milupo

Weil du einfach für einen Teil der Eigenschaften einen anderen Selektor verwendest

Das macht ja nichts, Hauptsache es wird richtig aufgelöst. Jetzt auch noch einmal für dich, mit dem Code von hier RE: About Seiten mit CSS Codes anpassen sieht es immer noch so aus, auch im 78, wie du erkennen kannst.

FuchsFan

Zitat von Endor

Nur ein kleiner Hinweis, dein obiger Code basiert nicht auf meinem letzten Code.
Vergleiche beide noch mal.

Da hast du Recht, Endor, ich habe auch Teile davon entfernt und neue eingefügt, weil der letzte zum Test angebotene Code immer diese Überschreitung nach rechts bringt. Wieso auch immer ???

FuchsFan

Zitat von Endor

Bitte testen:

Ich habe mir erlaubt deinen letzten Code anzupassen, der dann das bewirkt:

....hier dann der Code:

CSS

    /*  AGENT_SHEET   */
    @namespace url(http://www.w3.org/1999/xhtml);

    @-moz-document url-prefix(about:protections){

    html {background: #ffffff !important;}

    #report-content::before{
    content: "Endors Protection" !important;
    margin-left:380px!important;
    margin-right:5px!important;
    margin-bottom: 20px !important;
    color:red !important;
    font-weight:bold !important;
    font-size:22px!important; }
     
    #report-title{ margin-top: 20px !important;}
     
    .passwords-stored-text .icon-small {
    fill: gold !important;}
     
    .synced-devices-text .icon-small {
    fill: red !important;}    
    
    #report-title, h2{color: #1a75ff !important; font-weight: bold !important; font-size: 18px !important;}
    
    #report-content{
width: 1160px !important;  /* Breite des gelben Feldes */
margin-top: 20px !important;
margin-bottom: 20px !important;
padding-bottom: 20px !important;
padding-top: 15px !important;
padding-left: 50px !important;
padding-right: 50px !important;
background-color: #fffff0 !important;
border-left-color: lightblue!important;
border-top-color: lightblue!important;
border-right-color: dodgerblue!important;
border-bottom-color: dodgerblue!important;
border-radius: 20px !important;
border-width: 4px !important;
border-style: outset !important;}


#report-content:hover{
border-left-color: #bbddff !important;
border-top-color: #bbddff !important;
border-right-color: #11508d !important;
border-bottom-color: #11508d !important;}
    
    #graph-week-summary{
    color: crimson !important; 
    font-weight: bold !important; 
    font-size: 16px !important; 
    margin-left: -80px !important;}
        
    
        
    #interventions{
    padding-top: 15px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    background-color: #fffff0 !important;
    border-left-color:  lightblue!important;
    border-top-color:  lightblue!important;
    border-right-color:  dodgerblue!important;
    border-bottom-color:  dodgerblue!important;
    border-radius: 20px !important;
    border-width:  4px !important;
    border-style: outset !important;}
    
    #interventions:hover{
    background-color: #FFDEAD !important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;}
    
    div.card, 
    section.card:nth-child(3),
    section.card:nth-child(4),
    section.card:nth-child(5),
    section.card:nth-child(6){
    max-width: 1050px !important;
    padding-top: 15px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    border-left-color:  lightblue!important;
    border-top-color:  lightblue!important;
    border-right-color:  dodgerblue!important;
    border-bottom-color:  dodgerblue!important;
    border-radius: 20px !important;
    border-width:  4px !important;
    border-style: outset !important;}
    
    div.card:hover,
    section.card:nth-child(3):hover,
    section.card:nth-child(4):hover,
    section.card:nth-child(5):hover,
    section.card:nth-child(6):hover{
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;
    }
    
    #protection-details{
    background: #efefef url("..//icons/Bild94.png") no-repeat !important;
    margin-right: -5px !important;
    color:black!important;
    font-size:14px!important;
    padding-left:35px!important;
    padding-right:15px!important;
    padding-top: 3px!important;
    padding-bottom: 3px!important;
    border-left-color:  lightblue!important;
    border-top-color:  lightblue!important;
    border-right-color:  dodgerblue!important;
    border-bottom-color:  dodgerblue!important;      
    border-width:2px !important;
    border-style: outset !important;
    background-position:10px 5px!important;
    border-radius:14px!important;}
    
    #protection-details:hover{
    background: #B2EDFA url("..//icons/Bild94.png") no-repeat !important;
    padding-left:35px!important;
    background-position:10px 5px!important;
    border-radius:14px!important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;}
    
    #trackerContent,
    #cryptominerContent,
    #fingerprinterContent,
    #cookieContent,
    #socialContent{
    background-color: #fffff0 !important;
    line-height: 2 !important;}
    
    #tracker,
    #cryptominer,
    #fingerprinter,
    #cookie,
    #social{
    background-color: #fffff0 !important;
    border-left-color:  lightblue!important;
    border-right-color:  dodgerblue!important;
    border-bottom-color:  dodgerblue!important; 
    border-style: outset !important;
    border-bottom-right-radius: 14px !important;
    border-bottom-left-radius:  14px !important;
    }
    
    #tracker-link,
    #cryptominer-link,
    #fingerprinter-link,
    #cookie-link,
    #social-link{
    background: #efefef url("..//icons/Bild1.png") no-repeat !important;
    margin-right: -5px !important;
    color:black!important;
    font-size:14px!important;
    padding-left:35px!important;
    padding-right: 22px!important;
    padding-bottom: 2px!important;
    padding-top: 2px!important;
    border-left-color:  lightblue!important;
    border-top-color:  lightblue!important;
    border-right-color:  dodgerblue!important;
    border-bottom-color:  dodgerblue!important;      
    border-width:2px !important;
    border-style: outset !important;
    background-position:10px 4px!important;
    border-radius:14px!important;}
    
    #tracker-link:hover,
    #cryptominer-link:hover,
    #fingerprinter-link:hover,
    #cookie-link:hover,
    #social-link:hover{
    background: #B2EDFA url("..//icons/Bild1.png") no-repeat !important;
    padding-left:35px!important;
    background-position:10px 4px!important;
    text-decoration: none !important;
    border-radius:14px!important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;}
    
    #lockwise-how-it-works{
    background: #efefef url("..//icons/Bild1.png") no-repeat !important;
    margin-right: -5px !important;
    color:black!important;
    font-size:14px!important;
    padding-left:35px!important;
    padding-right: 22px!important;
    padding-bottom: 2px!important;
    padding-top: 2px!important;
    border-left-color:  lightblue!important;
    border-top-color:  lightblue!important;
    border-right-color:  dodgerblue!important;
    border-bottom-color:  dodgerblue!important;      
    border-width:2px !important;
    border-style: outset !important;
    background-position:10px 4px!important;
    border-radius:14px!important;}
    
    #lockwise-how-it-works:hover{
    background: #B2EDFA url("..//icons/Bild1.png") no-repeat !important;
    padding-left:35px!important;
    background-position:10px 4px!important;
    text-decoration: none !important;
    border-radius:14px!important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;}
    
    #turn-on-sync{
    background: #efefef url("..//icons/Bild83.png") no-repeat !important;
    margin-left: 38px !important;
    color:black!important;
    font-size:14px!important;
    padding-left:35px!important;
    padding-right: 35px!important;
    padding-bottom: 2px!important;
    padding-top: 2px!important;
    border-left-color:  lightblue!important;
    border-top-color:  lightblue!important;
    border-right-color:  dodgerblue!important;
    border-bottom-color:  dodgerblue!important;      
    border-width:2px !important;
    border-style: outset !important;
    background-position:10px 4px!important;
    border-radius:14px!important;}
    
    #turn-on-sync:hover{
    background: #B2EDFA url("..//icons/Bild83.png") no-repeat !important;
    padding-left:35px!important;
    background-position:10px 4px!important;
    text-decoration: none !important;
    border-radius:14px!important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;}
    
    #manage-devices{
    background: #efefef url("..//icons/tools.png") no-repeat !important;
    margin-left: 38px !important;
    color:black!important;
    font-size:14px!important;
    padding-left:35px!important;
    padding-right: 35px!important;
    padding-bottom: 2px!important;
    padding-top: 2px!important;
    border-left-color:  lightblue!important;
    border-top-color:  lightblue!important;
    border-right-color:  dodgerblue!important;
    border-bottom-color:  dodgerblue!important;      
    border-width:2px !important;
    border-style: outset !important;
    background-position:10px 4px!important;
    border-radius:14px!important;}
    
    #manage-devices:hover{
    background: #B2EDFA url("..//icons/tools.png") no-repeat !important;
    padding-left:35px!important;
    background-position:10px 4px!important;
    text-decoration: none !important;
    border-radius:14px!important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;}
    
    .synced-devices-text,
    .passwords-stored-text{min-width: 490px !important;}
    
    #manage-passwords-button{
    min-width: 250px !important;
    background: #0060df url("..//icons/key_go.png") no-repeat !important;
    background-position:14px 10px!important;
    border-left-color:  lightblue!important;
    border-top-color:  lightblue!important;
    border-right-color:  dodgerblue!important;
    border-bottom-color:  dodgerblue!important;      
    border-width:2px !important;
    border-style: outset !important;
    border-radius:22px!important;}
    
    #manage-passwords-button:hover{
    background: #003eaa url("..//icons/key_go.png") no-repeat !important;
    background-position:14px 10px!important;
    border-left-color:  lightblue!important;
    border-top-color:  lightblue!important;
    border-right-color:  dodgerblue!important;
    border-bottom-color:  dodgerblue!important;      
    border-width:2px !important;
    border-style: outset !important;
    border-radius:22px!important;}    
    
    #open-about-logins-button{
    background: #0060df url("..//icons/key_go.png") no-repeat !important;
    background-position:14px 10px!important;
    border-left-color:  lightblue!important;
    border-top-color:  lightblue!important;
    border-right-color:  dodgerblue!important;
    border-bottom-color:  dodgerblue!important;      
    border-width:2px !important;
    border-style: outset !important;
    border-radius:22px!important;}
    
    #open-about-logins-button:hover{
    background: #003eaa url("..//icons/key_go.png") no-repeat !important;
    background-position:14px 10px!important;
    border-left-color:  lightblue!important;
    border-top-color:  lightblue!important;
    border-right-color:  dodgerblue!important;
    border-bottom-color:  dodgerblue!important;      
    border-width:2px !important;
    border-style: outset !important;
    border-radius:22px!important;}    
    
    #sign-up-for-monitor-link {
    -moz-appearance: none !important;
    background: #0060df url("..//icons/database.png") no-repeat !important;
    background-position:18px 19px!important;
    padding-left: 22px!important;
    border-left-color:  lightblue!important;
    border-top-color:  lightblue!important;
    border-right-color:  dodgerblue!important;
    border-bottom-color:  dodgerblue!important;      
    border-width:2px !important;
    border-style: outset !important;
    border-radius:30px!important;}
    
    #sign-up-for-monitor-link:hover{
    background: #003eaa url("..//icons/database.png") no-repeat !important;
    background-position:18px 19px!important;
    border-left-color:  lightblue!important;
    border-top-color:  lightblue!important;
    border-right-color:  dodgerblue!important;
    border-bottom-color:  dodgerblue!important;      
    border-width:2px !important;
    border-style: outset !important;
    border-radius:30px!important;}
    
    #protection-settings{
    background: #efefef url("..//icons/Bild94.png") no-repeat !important;
    margin-right: -5px !important;
    color:black!important;
    font-size:14px!important;
    padding-left:35px!important;
    padding-right: 22px!important;
    padding-bottom: 4px!important;
    padding-top: 4px!important;
    border-left-color:  lightblue!important;
    border-top-color:  lightblue!important;
    border-right-color:  dodgerblue!important;
    border-bottom-color:  dodgerblue!important;      
    border-width:2px !important;
    border-style: outset !important;
    background-position:11px 5px!important;
    border-radius:14px!important;}
    
    #protection-settings:hover{
    background: #B2EDFA url("..//icons/Bild94.png") no-repeat !important;
    padding-left:35px!important;
    background-position:11px 5px!important;
    text-decoration: none !important;
    border-radius:14px!important;
    border-left-color:  #bbddff !important;
    border-top-color:  #bbddff !important;
    border-right-color:  #11508d !important;
    border-bottom-color:  #11508d !important;}
    
    }

Alles anzeigen

FuchsFan

Zitat von Endor

Bitte testen:

Hat sich nichts geändert:

und meine eigenen Änderungen dazu (Ausschnitt):

FuchsFan

Zitat von Endor

Schaltfläche oben fehlte, und Anpassung für Firefox 78+

Danke, Endor, habe ich aufgenommen.

Was ich aber bemerkt habe, dass in allen Versionen von Fox etwas aus der Reihe läuft. Da sieht es dann so aus:

Die drei Boxen gehen immer über den rechten Rand hinaus. Nun habe ich das für mich geändert, indem ich das gelbe Feld verbreitert habe, und im Code bei div.card einen neuen Eintrag vorgenommen habe, mit dem ich die drei Boxen (Felder) in der Breite dazu anpasse:

max-width: 1070px !important; /* Breite der drei Boxen */

Eventuell kannst du das ja mal überprüfen, aber mit dieser Überbreite ist es bei mir in allen Versionen vom Fox.

FuchsFan

Zitat von Endor

Bitte sehr:

Danke, Endor, passt.

FuchsFan

Auch von mir ein Dankeschön, feine Sache.

Nun hat Endor hier RE: Datei/Neues Fenster und Hamburger Menü/Anpassen (Bild2) für den neuen Eintrag ein Icon angelegt.

Wenn jetzt das Script genutzt wird (finde ich viel besser), gibt es veränderte Einträge im Kontext-Menü. Wie bekomme ich jetzt für diesen neuen Eintrag ein Icon hin ?

FuchsFan

Zitat von BrokenHeart

So, ich glaube, ich habe es. Bitte mal testen...

Prima gemacht, nun schnurrt es wieder.

Ich habe in der Zeile auch schon probiert, aber nicht so richtig hinbekommen.

FuchsFan

Zitat von milupo

Der CSS-Code funktioniert noch, aber das Speichern in die vorgegebenen Ordner funktioniert nicht mehr.

Ja, milupo, du hast Recht, das habe ich nicht weiter verfolgt. Verdammt, und nun?

FuchsFan

Zitat von 2002Andreas

mit der Version 78 funktioniert dieses Script hier leider nicht mehr.

Hallo Andreas!

Gerade habe ich das Script in der Version 78.0.1 getestet, funktioniert immer noch.

Das war meine Konfiguration. Und dieses ist der Code aus Beitrag #1:

Edit: ....funktioniert bis zu dieser Ansicht, aber kein Abspeichern in Ordner.

FuchsFan

Zitat von Endor

Hier der für das Tabkontextmenü den braucht es schon ab Firefox 78:

Danke, Endor, eingearbeitet, und es funktioniert mit beiden Codes.

Eine Sache hatte ich noch entdeckt, aber i.M. komme ich nicht mehr drauf, was es war. Dazu melde ich mich dann später wieder. Wenn ich es finde.

FuchsFan

Endor

Hallo Endor!

Im aktuellen Nightly 80 ist ein neuer Eintrag im Kontext-Menü, machst du bitte mal den Eintrag mit Icon dazu fertig.

.....und bei den Tabs auch:

FuchsFan

Zitat von Endor

Für Firefox beta 79 und Nightly 80
bitte mal testen:

Danke, Endor, alles gerichtet.

FuchsFan

Endor

Hallo Endor!

Es gibt Arbeit.

Im Nightly 79 begannen die Änderungen schon, und sind in Version 80 beibehalten worden. Es geht um about:support, siehe im Bild.

FuchsFan

Zitat von Endor

Funktioniert übrigens auch im 78ere Beta einwandfrei.

Prima, dann ist wieder alles bestens. Danke, für den Code.

FuchsFan

Zitat von Endor

Komisch.

In Zeile 185 muss das stehen .fa-icon_check, dann ist alles i.O. Also in dieser Form:

#options > li:nth-child(1).fa-icon_check{display: none !important;}

FuchsFan

Zitat von Endor

Die Symbole müssen im Icons Ordner, im Unterordner ublock gespeichert werden.
Sonst werden sie nicht angezeigt.

Sie sind ja da, werden aber nur bei Hover angezeigt, obwohl im Code ja die Anzeige für beide vorhanden ist.

Edit:

Wenn ich die Zeilen 182 bis 185 auskommentiere, so werden zwar die "alten" Symbole auch angezeigt, aber dann sind auch die neuen Icons zu sehen (also beide).

FuchsFan

Endor

Kannst du das bitte mal nachprüfen, unter Filterlisten werden die Icons von den drei Button nicht angezeigt. Erst bei Hover (leere Cache-Speicher) erscheint dort das Icon.

Edit: Jetzt kann ich nicht sagen, ob es Absicht ist, denn Zeile 182 bis 185 unterbindet ja die Anzeige.

Beiträge von FuchsFan

About Seiten mit CSS Codes anpassen

About Seiten mit CSS Codes anpassen

About Seiten mit CSS Codes anpassen

About Seiten mit CSS Codes anpassen

About Seiten mit CSS Codes anpassen

About Seiten mit CSS Codes anpassen

About Seiten mit CSS Codes anpassen

Skript für Tab-Kontextmenü: "Linke Tabs schließen"

Skript für Tab-Kontextmenü: "Linke Tabs schließen"

Script Speichern in für Fx 78 wieder anpassen

Script Speichern in für Fx 78 wieder anpassen

Script Speichern in für Fx 78 wieder anpassen

Datei/Neues Fenster und Hamburger Menü/Anpassen

Datei/Neues Fenster und Hamburger Menü/Anpassen

About Seiten mit CSS Codes anpassen

About Seiten mit CSS Codes anpassen

Kontextmenü in Eingabefeldern

Kontextmenü in Eingabefeldern

Kontextmenü in Eingabefeldern

Kontextmenü in Eingabefeldern