DetailAndActive tree item padding

[alja]

Seems like I can't remove padding from tree item.

[alja]

I have tried to edit button classes and did not help. This is a fragment of renderer:

    onAfterRendering: function() {
	if (sap.m.StandardTreeItem.prototype.onAfterRendering) {
	    sap.m.StandardTreeItem.prototype.onAfterRendering.apply(this, arguments);
	}


	var oi = this.getMetadata();
            console.log("superduper metadata ", oi);
            console.log("superduper this ", this);
            console.log("superduper this query ", this.$());

           // this.$().css({ "font-size": "0.65rem"});
        //    $(".sapMTreeItemBase").css({ "font-size": "0.65rem"});
            
            this.$().removeClass("sapMTreeItemBase");
            
    //       this.$().removeClass("sapMLIBActionable"); 
     //      this.$().removeClass("sapMLIBTypeDetailAndActive"); 
      //     this.$().removeClass("sapMLIBActive"); 
         //  this.$().removeClass("sapMLIBShowSeparator"); 
      //     this.$().removeClass("sapMLIB-CTX"); 

          // this.$().removeClass("sapMTreeItemBaseChildren"); 
         //  this.$().removeClass("sapMTreeItemBaseExpander");

            
        //   this.$().removeClass("sapMSTI"); 
          //  this.$().removeClass("sapMLIB");

         //  this.$().removeClass("sapMLIBFocusable");   
        //   this.$().removeClass("sapMLIBHoverable");   

            
            this.$().addClass("eveTreeItem");
       //     this.$().addClass("sapUINoContentPadding");
            this.$().addClass("myownclassforpadding");

            
    this.$().find('span').each(function() {
    console.log("after tree rendering ivon");
            //    $(this).removeClass("sapMLIBIconDet");
             //   $(this).removeClass("sapUiIcon");
              //  $(this).removeClass("sapMLIBType");
               // $(this).removeClass("sapMBtn");
               // $(this).removeClass("sapMBtnBase");
      //  $(this).addClass("sapUINoContentPadding");
        $(this).addClass("myownclassforpadding");
    });
        
    this.$().find('button').each(function() {
    console.log("after tree rendering ivon");
          //      $(this).removeClass("sapMLIBIconDet");
        //        $(this).removeClass("sapUiIcon");
      //  $(this).removeClass("sapMLIBType");
     //   $(this).addClass("sapUINoContentPadding");
        $(this).addClass("myownclassforpadding");
               // $(this).removeClass("sapMBtn");
             //   $(this).removeClass("sapMBtnBase");
    });


    },
    renderer:{}
    
    
});

[linev]

Hi Alja,

Here is example how I change some css settings of tree items:

https://github.com/osschar/root/blob/eve7-3/tutorials/eve7/web/Summary.controller.js#L269-L279

This is how highlight is implemented.
You also can use same loop and try to remove some classes you want to do.