Open modal with set color bar


I create a modal window with a header using a var called “color”:

before I open the modal, I set: $scope.color = ‘blue’;
but when I open this modal, the header bar lost the position and go up.

(It`s happening only on mobile version)


Where is this “blue” injected? I would do it like this:

If your modal gets called, set $scope.color to “blue”.
Then you could place that value into inline CSS like:


The change of the background-color attribute of that modal shouldn´t change anything with positioning. I do this in my apps as well.
Is this what your looking for?