Search code examples
javascriptjquerycsssapui5

Custom css of one application is reflected in every application inside the launchpad

Hi all, I have used standard sapui5 classes and overriding them using !important to those properties. The issue is when my app is opened and closed , the other application in the launchpad also inherits the css that is marked with !important property.

Things I have tried

  • Added a class to the container view and cascading the style from the class but this works partially
  • Added a class to the control and styling the control. Even this is not working in all cases.

So looking forward for your answers in different perspective with the use of css, javascript or jQuery.

Solution

  • This is because of the use of !important to the custom CSS properties.This practice should be avoided and CSS specificity should be used to overcome this issue.

    credits to @Marc for the reference.