Beiträge von FuchsFan

Zitat von Sören Hentzschel

Naja, eigentlich ist das doch eine gute und keine traurige Mitteilung

Das war natürlich die erste, eventuell übereilte Reaktion von mir. Eigentlich hatte ich mir vorgenommen an dem Addon-Manager nichts mehr zu verändern, um mich an die neuen Gegebenheiten anzupassen. Bin auch gut damit zurecht gekommen. Bis ich auf diesen Code hier gestoßen bin, da kamen alte Gewohnheiten wieder zum Vorschein. Und um ehrlich zu sein, Gefallen habe ich allemal daran, und die Funktionen erfüllen bestens ihren Zweck.

Zitat von Sören Hentzschel

Aber natürlich ist klar, dass individuelle Anpassungen angepasst werden müssen

Das "Schlimme" daran sehe ich darin, dass alles in der Entwicklung so kurzweilig ist, aber da können wir Mozilla nun wohl keinen Vorwurf machen. Außerdem hätten wir Fans dann keine Unterhaltung mehr.

Zitat von Sören Hentzschel

von Mozilla nicht gut genug ist, muss halt nochmal anpassen

Ich habe mir nach dem ersten "Schreck" im Nightly den Manager angesehen, er ist m.M.n. gar nicht so übel, die Schaltfläche zum Aktiviere/Deaktivieren ist vorhanden, und ein Klick in den Container öffnet dann die Details wie bisher. Also, man wird sich daran gewöhnen müssen.

Grüße

FuchsFan

Danke, Sören, das liegt in meinem Verständnis. Ich habe lange Ghostery genutzt, aber wie damals diese Meldungen kamen, war ich doch erst einmal baff. Habe es dann deinstalliert und bin zu uBlock. Die o.g. Seite habe ich nur als Beispiel genommen, es gab ja sehr viele Kommentare dazu. Das ist dann aber auch ein gutes Beispiel dafür, wie die User verunsichert werden.

Deshalb war mir dein Statement dazu sehr wichtig.

Grüße

FuchsFan

Na gut, wenn du das so siehst. Einverstanden: Mist!! ?

Zitat von Boersenfeger

Also muss ich jetzt mit dem Mist leben

Nicht unbedingt, es werden nur die Button nicht mehr geladen. Der andere Teil des Codes funktioniert aber immer noch

Grüße

FuchsFan

Auch der Code aus #132 blendet das Suchfeld aus.

Danke, Andreas!!

Zitat von 2002Andreas

Du meinst das kompl. Feld!?

Das sieht jetzt hübsch aus, danke Andreas. ??

Funktioniert auch im 71.

Und noch eine traurige Mitteilung. Vorhin kam im Nightly ein Update rein, damit ist der ganze Code für den Addon-Manager dahin.

Vorher ging alles wie gehabt, Auf Börsenfeger seinem Bild ist zu erkennen, wie es nach dem Update aussieht.

Grüße

FuchsFan

Zitat von 2002Andreas

Hauptsache es ist wech

Was machen wir dazu in 70 und 71 ?

Zitat von 2002Andreas

Nighty wäre:

Im Nightly nichts zu machen, Andreas. Der Code von @BrokenHeart hat sie ausgeblendet.

Grüße

FuchsFan

Zitat von 2002Andreas

Sieht hier so aus im Nightly.

Weder im Nightly noch in den anderen Versionen, Suchfeld ist noch da. Code in die userContent, oder?

Zitat von 2002Andreas

Also alles weg oben!?

Nein, Andreas, der macht es nicht.

Hallo, Andreas!

Ich mische mich mal ein, bis zur 71 Beta sieht es so aus wie auf deinem Bild. Schön wäre, wenn auch das Suchfeld noch weg ist.

Im Nightly ohne Funktion.

Grüße

FuchsFan

Zitat von Sören Hentzschel

Aber wenn man den RAM-Verbrauch niedrig und die Performance hoch halten möchte

Aber nur dann !!

Oder ist nach deiner Meinung dieses alles nicht mehr wahr? (es gibt viele andere Kommentare dazu / Heise,usw.).

https://www.kuketz-blog.de/browser-addon-…ritt-und-tritt/

Deine Meinung würde mich brennend interessieren.

Grüße

FuchsFan

Zitat von Büssen

Habe in meiner Not schon Zeile 125 von 94 auf 107 vw geändert, damit zumindest die Umrandung passt.

Mal etwas grundsätzliches zu dem Code. Wird der Thread von Anfang an gelesen, so wird jeder erkennen, dass auch ich erst lernen musste damit umzugehen. Und nur über die Hilfe von @2002Andreas und @milupo ist daraus geworden, was es ist.

Jetzt nochmal zur Anpassung für unterschiedliche Bildschirmauflösungen, was überhaupt nicht schlimm ist, wenn ich die entsprechenden Werte anpasse. Wo finde ich sie?

Um die Container nach meinem Geschmack anzupassen gibt es folgenden Block:

addon-list addon-card > .addon.card
{
    width: 94vw  !important;  /* Ausdehnung der Container (weiße Boxen) zum rechten Rand hin */
    margin-bottom: 5px !important;  /* Abstand zwischen den Containern */
    height: 65px !important;  /* Höhe der Container */
    border: 1px solid grey !important; /* Umrandung der Container mit Farbauswahl */
    
}

Die 94vw sind bei mir passend für die 1920x1080. An diesem Wert muss geschraubt werden, damit ich die Ausdehnung zum rechten Rand hin verändern kann, so wie ich es haben möchte. Hinter den übrigen Werten habe ich eingefügt was sie bewirken.

So dann kommen wir zu den Button auf der rechten Seite. Wie in die richtige Position bringen? Dazu als Beispiel den Button "Deaktiviern":

/**** Button  Deaktivieren ****/    
addon-list section addon-card div.card.addon div.addon-card-collapsed div.more-options-menu addon-options panel-list panel-item[action="toggle-disabled"] { 
    margin-left: -10px !important;
    padding-right: 20px !important;
    background: gainsboro !important; /* Hintergrundfarbe */
    border-radius: 60px !important;
    }

addon-list section addon-card div.card.addon div.addon-card-collapsed div.more-options-menu addon-options panel-list panel-item[action="toggle-disabled"]:hover {
    background: magenta !important; /* Farbe bei Mauskontakt */
    color: white !important; /* Schriftfarbe bei Mauskontakt */
    }

Dieses ist der erste Code-Teil dafür (es gibt noch einen zweiten Block). Hier ist eigentlich nur die Farbe anzupassen, ganz nach dem eigenen Geschmack.

Dann zu dem zweiten Block für diesen Button.

addon-list section addon-card .card.addon .addon-card-collapsed .more-options-menu addon-options panel-list panel-item[action="toggle-disabled"] 
{
    position: absolute !important;
    top: 16px !important; /* Abstand vom oberen Rand */
    left: 460px !important; /* Entfernung zum rechten Rand hin */
    box-shadow: inset 0 0 4px 4px #888; /* innerer Schatten im Button/ 4px die Breite/ #888 die Farbe */
    }    

In diesem Teil lege ich fest, wo in dem Container der Button erscheinen soll. Hinter den einzelnen Werten steht was sie bewirken.

Nach dieser Verfahrensweise muss ich dementsprechend alle anderen Button ausrichten. Andreas meinte, eine fummelige Angelegenheit. Mit Lust und Laune, und probieren geht es dann schon.

So , ich hoffe, dass es doch nun jeder hinbekommen sollte. Andere Werte habe ich auch nicht verändert.

Grüße

FuchsFan

Zitat von Büssen

dort gestanden hätte, wäre meine Frage nicht gekommen.

Ja, man lernt immer wieder dazu. Aber fragen kostet ja auch nichts! ???

Zitat von Büssen

eine andere Auflösung am PC > 1680 x 1050 <

Deshalb habe ich geschrieben, dass ich den Code für eine Auflösung 1920x1080 hergerichtet habe. Schlussfolgerung für Geräte mit anderer Auflösung, es muss an dem Code geschraubt werden.

Grüße

FuchsFan

Zitat von 2002Andreas

Dieser Teil im Code ist das:

Guten Morgen!

Nein, das ist er nicht. In dem Code aus Beitrag #109 von Zeile 215 bis 220 ersetzen.

Grüße

FuchsFan

Zitat von scorpie

ich hab noch so ne dünne Linie über den aktiven tab mit deinem Code

Nun waren wir ja erst einmal bei dem Code von @BrokenHeart, dafür waren jetzt die Code_Schnipsel gedacht. Wenn du die jetzt in den Code von BrokenHeart einfügst, dann ist alles bestens. Habe ich jetz probiert.

Nimmst du jetzt meinen Code, dann darfst du nichts weiter verwenden, außerdem musst du ein Theme von Mozilla installieren (ich habe Clouds), sonst werden die Farben nicht richtig dargestellt. Frage nicht warum, das Thema hatten wir schon mal.

Die graue Linie unter den Tabs bekommst du damit weg, zusätzlich einfügen:

/*** doppelte graue Linie unter der Tabs-Toolbar entfernen ***/
#nav-bar{
  box-shadow: none !important;
  }      

Dann versuche mal diesen Code, läuft bei mir bis zur aktuellen Nightly. Farben sind alle anpassbar. Ich nutze Tabs nur oben abgerundet, wenn du unten dazu haben willst, kein Problem.

/**********************************************************************************************************/    
/************************ Anpassen der TAB-Leiste *********************************************************/
/**********************************************************************************************************/


/*** inaktiver Tab Rand Stärke und Farbe ****************/
.tab-background[selected="true"],
.tabbrowser-tab:not([selected="true"]) {
  border-radius: 10px 10px 0 0 !important; 
  border: 1px solid #4682B4 !important;
      }

/****** entfernt störende Teile des Tab-Hintergrundes ********/
.tabbrowser-tab::after, .tabbrowser-tab::before {
    margin-inline-start: 0px!important;
    border-left: 0px solid!important;
    border-image: none !important;
    border-image-slice: 0 !important;
    width: 0px !important;
    box-sizing: border-box;
    opacity: 0 !important;
      }
      
/************* Tabschliessen-Button ****************/
.tab-close-button.close-icon{
    display: -moz-box !important;
    width: 20px; height: 20px !important;
    border: none !important;
    border-radius: 5px !important;
    background-color: none !important;
}

.tab-close-button {
    color: red !important; /* Farbe des Kreuzes */
}      
      
      
/**** blendet den Hintergrund aller Tabs aus *******/
.tab-background {
    background: none !important;
}      
      
/*** nicht aktiver Tab ändert Farbe nach Überfahren mit der Maus ******/
.tabbrowser-tab:hover {
  background-image: linear-gradient(to top, gold 30%, yellow 60%)!important;/*background: yellow !important;*/
  color: black !important;
  
}      
      
/************* Hintergrund aktiver Tab ****************/
.tab-background[selected] {
  background-image: linear-gradient(to top, orange 15%, yellow 90%)!important;/*background: gold !important;*/
  border-radius: 10px 10px 0 0 !important;
  border: 1px solid black !important;
}        
      
/************* Schrift aktiver Tab ****************/
.tabbrowser-tab[selected] {
  background: none !important;
  font-weight: bold !important;  /* fette Schrift */
}      
      
/************* Schrift im Zentrum des Tabs ****************/
.tab-label {
  -moz-box-flex: 1 !important;
  text-align: center !important;
}      
      
/*********** Abstand zwischen den Tabs ******************/

.tabbrowser-tab {
    margin-left: 1px !important;
    }      
    
/********** obere sichtbare Tablinie entfernt ****************/
.tab-line { 
    display:none!important
}
      
/*** doppelte graue Linie unter der Tabs-Toolbar entfernt ***/
#nav-bar{
  box-shadow: none !important;
  }      

/******* Höhe und Breite der Tabs einstellen ********/
.tabbrowser-tab{
    max-height: 24px!important;  
    -moz-box-flex: 0!important;
    width: 180px!important;      /** Breite der Tabs **/
}    

/******** Icon im Tab versetzt ********************************/
#TabsToolbar .tab-icon-image {
  height: 15px !important;
  width:  15px !important;
  margin-left: -4px !important;
  margin-bottom: 2px !important;
}  

/****************/

Zitat von harff182

Wenn die 4 Untermenüs auch aufgehellt aufpoppen, brauch ich mir ja nur das passende Weiß auszusuchen....

Nu isses weiß:

Zitat von harff182

Wenn ich meine Menüs aufklappe, ist alles so öde in Grau.

Wenn dir das zusagt, dann gib Bescheid, ich stelle dann den Code hier rein.

Grüße

FuchsFan