Beiträge von harff182

BrokenHeart :

Zitat von BrokenHeart

Dann bitte mal testen:

Ich bin eben nochmal deinen Code durchgegangen und über die Zeilen 45-48 gestolpert

Ist das der Rest vom Schützenfest, den Du vergessen hast rauszunehmen?

BrokenHeart:

Aus border: 0px solid transparent !important; hab ich noch schnell border: 2px solid black !important; gemacht und schon fühl ich mich wieder wie zu hause

Danke für die beiden Erklärungen zu RGB/rgba.

Das hilft mir aber leider nicht, anhand des Codes zu erkennen, wo welche Farbe gesetzt wird.

Auch die Sache mit der Transparenz ist für mein Verständnis des Codes leider nicht hilfreich.

Bin halt in einigen Bereichen zudummzumzum....

Huch... da is ja zwischzeitlich ein Code aufgetaucht.

ich geh mal schnell testen....

BrokenHeart :

Ich hab mal versucht, Deinen Code zu verstehen, um einige Teile zu ändern, scheitere aber bei einigen Sachen

Textfarbe hab ich aus meinem alten CSS übernehmen können und hinten angehängt:

/* aus altem .css */ /*210908*/
#urlbar-input[placeholder] {
    color: blue !important;
    font-weight: bold !important;
    font-size: 13px !important;        
}

Aaaaber:

Um die Urlbar gibts es einen Farbverlauf, den ich gerne weg hätte.

Zur Verdeutlichung hab ich mal das Blau aus dem Hintergrund weggenommen:

Und für weitere Fragen, auch den Code oben wieder deaktiviert:

Eine Veränderung beim Hovern brauch ich nicht.

Stattdessen hätte ich gerne einen weißen Hintergrund, wenn ich die urlbar fokussiere, denn jetzt wirds dann dunkel:

Wenn ich nun in die urlbar klicke, um einen Teilstring zu markieren/kopieren, siehts so aus:

Ich hoffe ich habe mich verständlich genug ausgedrückt und es ist ersichtlich, wo's mir mangelt.

Leider komme ich mir den ganzen Zeilen mit rgbas nicht zurecht.

Kannst/magst Du mir weiterhelfen?

BrokenHeart :

Danke, daß Du Dich so ausführlich mit meinem "Haribo-Design-Problem" beschaftigt hast und für die Erläuterung.

Hab den Code grade mal kurz getestet - sieht schon gut aus

Kann mich aber erst heut Abend reinvertiefen, da ich gleich 2 Arzt-Termine für meine Mom und mich habe.

Bis später dann...

Mira_Belle :

Danke fürs Teilen, nu bin ich mit meinen menuseparatoren da, wo ich gerne hinwollte

Ich hab ein letztes "optisches Problemchen", das der Behebung harret:

Ohne Focus sieht die urlbar so aus:

Fokussiert, also z.B. wenn ich reinklicke, verändert sie sich in der Höhe:

Folgenden urlbar-bezogenen Code habe ich in meinen .css gefunden:

/*  URL in fetter Schrift, Hauptadresse markanter
    200120 von Milupo von hier:
    https://www.camp-firefox.de/forum/thema/129888-adresse-in-urlbar-fette-schrift/?postID=1136582#post1136582
*/

#urlbar-input[placeholder] {
    color: blue !important;
    font-weight: bold !important;
}

/*#########################################################################################*/
/*    Url-Bar-Feld bei Focus klein lassen
    Andreas von hier:
    https://www.camp-firefox.de/forum/thema/130624-url-adressleistengr%C3%B6%C3%9Fe-anpassen/?postID=1146279#post1146279
    scheint ab FF89 nich zu funktionuckeln, stört aber noch minimal, verglichen mit FF88
*/

#urlbar[breakout][breakout-extend] {
    top: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important;
    left: 0 !important;
    width: 100% !important;
}

#urlbar[breakout][breakout-extend] > #urlbar-input-container {
    height: var(--urlbar-height) !important;
    padding-block: 0 !important;
    padding-inline: 0 !important;
}

#urlbar[breakout][breakout-extend][breakout-extend-animate] > #urlbar-background {
    animation-name: none !important;
}

#urlbar[breakout][breakout-extend] > #urlbar-background {
    box-shadow: none !important;
}

/*#########################################################################################*/
/*     URL-Bar Drop Down verhindern
    200408 von BrokenHaert von hier:
    https://www.camp-firefox.de/forum/thema/130354-ff-75-url-bar-drop-down-verhindern/?postID=1142548#post1142548
*/

.urlbarView {
    display: none !important;
}

/*#########################################################################################*/
/*Rahmen um die Urlbar*/
#urlbar {
    background: white !important;
    border: 2px solid black !important;  /* cyan wär auch nett*/
    border-radius: 8px !important;
}

Ist die Vergrößerung der Höhe nach unten irgendwo in dem Code verursacht?

Wenn ja: was muß ich ändern?

Wenn nein: (wie) kann ich das verhindern?

Deutsch Sprach - schwer Sprach

Nieder mit den Schachtelhalmensätzen

2002Andreas :

Vielleicht hilft es dem Verständnis, den Satz so zu ändern:

... damit Scripte (und bei Nutzung vom UserCSSLoader.uc.js auch CSS Dateien) wieder funktionieren.

Zitat von UliBär

Vielleicht hilft das?

Bei meinereiner auch

Dann kann ich ja dichtmachen...

Zitat von 2002Andreas

Ein Script..eine Datei...ich schätze dauert keine 2 Minuten

Stimmt, ich hatte das mit was anderem (UserCSSLoader) verwexelt.

Ging ganz fix, sieht schon fast wie vorher aus - muß nur noch diverse Scripts/Css auf-/umräumen...

Zitat von 2002Andreas

Zumindest in meinem Hauptprofil kann ich das mit dem Abstand jetzt nachvollziehen.

Eine Lösung habe ich aber noch nicht dafür gefunden

Dann laß ich den Thread her offen, bis wer eine Lösung findet

2002Andreas :

Hmpfff... ich hatte gehofft, darum noch länger drumerumzukommen.

Mal abwarten, wann ich dafür genug Zeit und Ruhe hab.

UliBär :

Ich hab eben "nebenan" aber auch keine Lösung gesehn - oder habsch was überlesen?

Was mich sehr stark irritiert: Warum nur, wenn man einen Bookmarkfolder öffnet?

Hab eben auf 92 upgedated und finde keine Lösung für/gegen folgende optische Ungereimtheiten:

Ich habe mit folgendem Code bisher alle vertikalen Abstände überall erfolgreich verkleinert:

/*    Vertikale Abstände der Einträge überall wieder kleiner
    210609: FF89neu 
            Andy:    https://www.camp-firefox.de/forum/thema/132742
*/
menupopup > menuitem,
menupopup > menu {
  padding-block: 0 !important;
  padding-inline-start: 16px !important;
}

Das klappt nun zwar bei "normalen" PopUps und oben aus der Menu-Zeile heraus, aber nicht beim Öffnen eines Ordners.

Wie bekommen ich den Abstand bei Ordnern wieder hin?

Desweiteren ist bei den Ordnern zwischen Rahmen und Inhalt auch ein "transparenter Rahmen", siehe Pfeile.

Waren bisher auch nicht da.

Verwendetes CSS:

/*     PopUps gerundet
    von FuchsFan hier in Zeilen 59-76 gemopst:
    https://www.camp-firefox.de/forum/thema/112673-userchrome-js-scripte-f%C3%BCr-den-fuchs-diskussion/?postID=1139379#post1139379
*/
/*    milupo:    "Bei border kannst du statt solid auch groove, ridge, inset oder outset verwenden." */

/*     200224: alles auskommentiert, was ich momentan nich mag/will */
/*    210616:    FF89neu*/
/*     210811:    Anpassung -moz-appearance: none!important; */
/*     210817:    optische Anpassungen*/
/*  210907: FF92: Probleme mit Ordnern                 */
    

/* Einstellungen für alle Popup-Fenster */
.popup-internal-box, menupopup, popup {
/*    -moz-appearance: none !important; */             /*FF91 veraltet*/
    appearance: none !important;
    border: 5px red solid !important;
    border-radius: 10px !important;
    /* background-color: white !important; */         /* erste Hintergrundfarbe - ganzes Fenster */   /* padding: 3px  !important; */    /* 210817: Umrandung nach außen versetzt sieht bääh aus*/
    /* width: 325px !important; */                     /* Vorgegebene Breite der Popup-Fenster */  
    /* font-family:  "helvetica"  !important; */
    /* font-style:   italic !important; */             /* Schriftstil */
    /* font-size: 11pt !important; */                 /* Schriftgröße */
    /* font-weight: bold !important; */             /* fette Schrift */
    /* box-shadow: 10px red inset !important; */                 
}

/*     Hintergrundfarbe/Separatoren für alle Popup-Fenster ändern
    210810:    grisu + andy: https://www.camp-firefox.de/forum/thema/133146
*/

.menupopup-arrowscrollbox {
    background-color: blanchedalmond !important; 
    }

menuseparator {
    margin-top:  2px !important;        /*Abstand nach oben*/
    margin-left: 2px !important;        /*Abstand von links*/
    margin-right: 2px !important;        /*Abstand von rechts*/
    min-height: 3px !important;
    max-height: 3px !important;
    background: black !important;
}

Desweitern benutze ich noch folgendes Autopopup_bookmarks.uc.js von aborix :

//     Autopopup_bookmarks.uc.js
//  von @aborix, zuletzt von hier:
//    https://www.camp-firefox.de/forum/thema/131728
//
//    210615: FF89

(function() {

  if (!window.gBrowser)
    return;

  let itemToClose = null;
  let timeoutEnter, timeoutLeave;
  let placesContext = document.getElementById('placesContext');

  placesContext.addEventListener('popuphidden', function() {
    if (itemToClose) {
      itemToClose.open = false;
      itemToClose = null;
    };
  });

  function onMouseenter(event) {
    clearTimeout(timeoutLeave);
    timeoutEnter = setTimeout(function() {
      itemToClose = null;
      if (placesContext._view && !placesContext._view._openedMenuButton) {
        placesContext.hidePopup();
      };
      event.target.open = true;
    }, 100);
  };

  function onMouseleave(event) {
    clearTimeout(timeoutEnter);
    timeoutLeave = setTimeout(function() {
      if (placesContext.state == 'closed') {
        event.target.open = false;
        itemToClose = null;
      } else {
        itemToClose = event.target;
      };
    }, 100);
  };

  function addListeners(items) {
    for (let item of items) {
      item.addEventListener('mouseenter', onMouseenter);
      item.addEventListener('mouseleave', onMouseleave);
    };
  };

  let observer = new MutationObserver(mutations => {
    for (let mutation of mutations) {
      let items = [];
      for (let node of mutation.addedNodes) {
        if (node.type == 'menu') {
          items.push(node);
        };
      };
      addListeners(items);
    };
  });

  addListeners(document.querySelectorAll('#PlacesToolbarItems > toolbarbutton[type="menu"]'));

  observer.observe(document.getElementById('PlacesToolbarItems'), {childList: true});
  setTimeout(() => observer.disconnect(), 5000);

  window.addEventListener('aftercustomization', () =>
    setTimeout(() =>
      addListeners(document.querySelectorAll('#PlacesToolbarItems > toolbarbutton[type="menu"]')),
      100
    )
  );

})();

Keine Ahnung, ob das was beeinflußt...

Wie bekomme ich den "transparenter Rahmen" weg?

Zitat von grisu2099

Wer braucht schon ´ne titlebar?

Meinereiner

Ich hab mal hier im CFF rumgesucht, aber der einzige Thread, den ich gefunden hab, ist geschlossen und ohne Antworten, die mir weiterhelfen könnten: https://www.camp-firefox.de/forum/thema/125522

Zitat von grisu2099

Werde sowas niedliches dann wohl unter "geht hier nich" ablegen, denn aus dem von 2002Andreas verlinkten Artikel kann ich rein garnix ableiten :nowink:

guuuts nächtle

2002Andreas :

Danke für den Link, ich hab in mal reingeguckt - is abba nix für mich, ich tu mich ja schon mit CSS und JS schwer.

also: NEIN ?

Zitat von grisu2099

Oder vielleicht so?

hm... ginge sowas auch in der titlebar?

Ich habs geschafft, alles für den Toggle-Button der Vertical-Bar so hinzubasteln, daß es mir gefällt.

- 16er Icon (dock-side-right-16.png) downgeloaded, angepaßt, ausgerichtet und als File eingebunden.

- Hintergrund umgefärbt, daß er mich beim Hoovern/Aktivieren nicht stört.

Schönes Wochenende allerseits aus dem verregneten Düsseldorf...

Kurz vor Bubu-Time, hab ichs mir doch noch schnell zurechtgebastelt:

Gefällt mir schon nicht schlecht, obs mir funktional zusagt, muß sich zeigen...

2 Kleinigkeiten gefallen mir aber so garnicht:

1: das SVG-Icon ist mir zu "sidebar-ähnlich"

Ich würde das gerne in dem Script austauschen

        #tooglebutton_addonbar_v .toolbarbutton-icon { \
          background: 6px 8px url("chrome://browser/skin/sidebars.svg") no-repeat; \
          fill: forestgreen; \
        }\

Dieses sidebars.svg würde ich gerne gegen ein anderes, FF-internes SVG tauschen, z.B. dock side right.

Letzeres hab ich aber nur in https://design.firefox.com/icons/viewer/# gefunden.

(Wo/wie) gibts eine Liste/Übersicht mit den internen FF-SVGs und den korrekten Bezeichnungen?

2. In dem Button ist um das Sidebar-Icon eine rosa(?) Feld.

Igitt

Das paßt so garnich zu meinem cyan/cornflowerblue-"Design".

Wo kommt das Rosa her und (wie) bekomme ich es wech?

Im Script hab ich nix dazu gefunden

Und jetzt ich schon fast ein, bis morgen....

milupo:

Danke für Deine Ausführungen - meinereiner fühlt sich erleuchtet

Wenn ich Probs habe, melde ich mich dann morgen nach der Bastelstunde wieder.

Schade, kann ich nich abgucken, sondern muß selber basteln

Heut Abend steht aber was anderes an, deswegen hab ich nur einen kurzen Blick in den Code geworfen...

Seh ich das richtig, daß die diese Leiste folgende ID hat: addonbar_v und mit #addonbar_v angsprochen werden muß?

Ich denk da z.b. an Hintergrundfarbe und was mir sonst noch für SchweineSpielereien einfallen