Zeilen-Dekoration/Abstand in der SideBar

gero

Hallo zusammen ... ich habe nun den 29er so wie ich ihn haben will, bis auf eine Sache und da komm ich mit DOMI einfach nicht weiter.
Die Zeilenabstände in der Sidebar (AIOS (aber auch ohne AIOS)) bei Lesezeichen, History usw. sind plötzlich ziemlich gross und die Zeilen werden durch die Maus gehighlightet. Jede Zeile hat quasi einen dünnen Rahmen. Kann man das irgendwie verhindern.
Schrift selber kann ich verändern ... mir gehts nur um die Zeilenabstände und die "Dekoration" der Zeilen, die offenbar den Abstand vergrössert.

danke schon mal vorab
gruss
gero

2002Andreas

Teste das bitte mal:

CSS

/* AGENT_SHEET */


@-moz-document url("chrome://browser/content/bookmarks/bookmarksPanel.xul"), 


url("chrome://browser/content/browser.xul"),


url("chrome://browser/content/history/history-panel.xul") {


.sidebar-placesTree,
        .sidebar-placesTree treechildren::-moz-tree-row  {
          min-height: 15px !important;
          height: 18px !important;
        }


        .sidebar-placesTree treechildren::-moz-tree-image{
          margin: -2px 2px !important;}
        }

Alles anzeigen

Werte musst du dir wenn dann noch anpassen.

gero

Hallo Andreas ... danke für die schnelle Hilfe !
Das hat schon viel Schönes und geht in die richtige Richtung - aber kann man dieses Highlighten auch irgendwie loswerden ?
Dann wär's perfekt für mich ...

gruss
gero

2002Andreas

Hallo gero...

bei mir sieht das mit dem Code so aus:

[Blockierte Grafik: http://www11.pic-upload.de/thumb/09.05.14/9hsgmsnkfzw8.jpg]

Zitat von gero

dieses Highlighten auch irgendwie loswerden ?

Kommt das evtl. durch einen anderen Code bei dir!?

gero

Hallo Andreas
Sieht bei mir ganz genau so aus wie bei dir.
Mit "Highlighten" meine ich den dünnen Rahmen um die aktive Zeile und farbliche (blasse) Unterlegung.
Ansonsten alles perfekt.

gruss
gero

2002Andreas

Hallo gero..

Zitat von gero

farbliche (blasse) Unterlegung.

Die kommt vom Betriebssytem, hier Windows. Ob man das entfernen kann :-??

gero

Hallo Andreas ... ja, habe auch die Vermutung, dass hier auf Win-Bibliotheken zugegriffen wird ...
ABER: Hier gehts doch auch noch ...

CSS

menu:hover,
menuitem:hover 
{
-moz-appearance: none !important;
color: #FFFFFF !important;
background-color:#08336A !important;
border: none !important;
}

... seltsam ... ?

gruss
gero

2002Andreas

Zitat von gero

Ich danke dir

Das war wie immer gern geschehen, leider konnte ich dir keine perfekt Lösung anbieten

Evtl. fällt aber einem anderen User noch etwas ein dazu...gedulde dich bitte etwas.

Sephira

Also mit der Holzhammermethode klappts:

CSS

/* AGENT_SHEET */


@-moz-document 
url("chrome://browser/content/bookmarks/bookmarksPanel.xul")


{
tooltip{
display:none!important;}
}

Alles anzeigen

Edit, Ach doch nicht, das war was anderes.

gero

So - mit dem Code kann ich einigermassen leben:

CSS

.sidebar-placesTree,
.sidebar-placesTree treechildren::-moz-tree-row
{
-moz-appearance: none !important;
margin: -2px -2px !important;}


treechildren::-moz-tree-cell(hover),
treechildren::-moz-tree-cell-text(hover)
{
-moz-appearance: none !important;
color: #00ff00 !important;
Background-color: #373E44 !important;}

Alles anzeigen

... leider bleiben da beim scrollen dünne grid-lines stehen ... vielleicht hat ja noch jemand Zeit + Musse ... oder eine Idee ...
:?

bejot

Moin gero,
versuche es mal so. Müsste klappen.

CSS

treechildren::-moz-tree-cell(hover),
    treechildren::-moz-tree-cell-text(hover),
  ]treechildren::-moz-tree-row(hover)
    {
    -moz-appearance: none !important;
    color: #00ff00 !important;
   border:none !important;
    Background-color: #373E44 !important;}

Gruß bejot

gero

Hallo bejot ... erstmal danke für deine Mühe ...
Code klappt leider nur vor einem weissen Hintergrund, sobald da eine Farbe ist, zeigt das einen seltsamen Effekt:
Überfahre ich die SideBar mit der Mouse von oben nach unten > werden die überfahrenen Zeilen hell eingerahmt.
Bewege ich die Mouse wieder nach oben > verschwinden die Rahmen wieder ... ?:?

gruss
gero

///
( was macht AHK ... ? ... )

gero

So ist alles bestens ... da war noch ein "outline + outline-offset" zu killen ...

CSS

treechildren::-moz-tree-cell(hover),
treechildren::-moz-tree-cell-text(hover),
treechildren::-moz-tree-row(hover)
{
-moz-appearance: none !important;
color: #ffffff !important;
border:none !important;
Background-color: #08336A !important;
text-decoration: none !important;
outline: none !important;
outline-offset: none !important;
}

Alles anzeigen

nochmals Dank an alle

gruss
gero

2002Andreas

Zitat von gero

nochmals Dank an alle

Dank auch an dich für den neuen Code. :klasse:

PS:
Das

Zitat

outline-offset: none !important;

ergibt hier eine Fehlermeldung....Code funktioniert aber auch ohne diesen Eintrag.

bejot

Zitat von 2002Andreas

outline-offset: none !important;
ergibt hier eine Fehlermeldung....Code funktioniert aber auch ohne diesen Eintrag.

Bei mir keine Fehlermeldung... aber ja braucht man nicht, da der default Wert=0

bejot

Klasse dass du es hingekriegt hast.

Zitat von gero

( was macht AHK ... ? ... )

Na ja bin nicht mehr so oft dort... ist mir zu verworren mit 2 Foren :-??

2002Andreas

Zitat von bejot

Bei mir keine Fehlermeldung..

Hallo bejot...

hier mal ein Screenshot davon:

[Blockierte Grafik: http://www11.pic-upload.de/thumb/12.05.14/829cxg6t23v.jpg]

Boersenfeger

..nun bin ich etwas verwirrt...
in einem anderen Thread gab 2002Andreas diesen Code zu Besten

CSS

@-moz-document url("chrome://browser/content/bookmarks/bookmarksPanel.xul"),


    url("chrome://browser/content/browser.xul"),


    url("chrome://browser/content/history/history-panel.xul") {


    .sidebar-placesTree,
            .sidebar-placesTree treechildren::-moz-tree-row  {
              min-height: 15px !important;
              height: 18px !important;
            }


            .sidebar-placesTree treechildren::-moz-tree-image{
              margin: -2px 2px !important;}
            }

Alles anzeigen

Damit war in der Lesezeichen-Sidebar das Problem des zu großen Zwischenraumes der einzelnen Einträge in meinen Füchsen gebannt, was ich von dem hier geposteten Code nicht sagen konnte...
oder zählt dieser nur für die verwendete Erweiterung AIOS?
[attachment=0]2014-05-13_194428.jpg[/attachment]

2002Andreas

Der funktioniert hier ganz normal.

[Blockierte Grafik: http://www11.pic-upload.de/thumb/13.05.14/ydmudmxuaqf5.jpg]

Teste es bitte mal mit ändern der Werte von:

min-height: 15px !important;
height: 15px !important;

gero

Für die Zeilenhöhe in Lesezeichen, History und Sage++ (mit und ohne AIOS) funktioniert bei mir der Code hier (Höhe anpassen):

CSS

* treechildren::-moz-tree-row
{
height: 22px !important;
}

gruss
gero