Style conflicts with DevExtreme

[EatonZ]

Issue type

I'm submitting a ... (check one with "x")

• bug report
• feature request

Issue description

Current behavior:
Nebular styles are bleeding into a 3rd party component, the DevExtreme Data Grid.

Expected behavior:
Nebular styles should not be influencing the look and behavior of the grid at all. This page states 3rd party components are encouraged, so this doesn't seem like something that should be happening.

I did try Shadow DOM to isolate the grid, and that did solve the issue, but it turns out the grid isn't compatible with Shadow DOM (scrolling breaks), so it was only half a fix.

Steps to reproduce:
Run the sample. Inspect element down to this and you can see Nebular is erroneously adding padding and fonts to a non-Nebular element:

Related code:
I put together a sample for you. Download and run in your favorite IDE.
Sample.zip

It looks like the problematic Nebular styling is here.

Important Note:
There may be other styling issues with Nebular and DevExtreme components. This is just one example of a visible issue, but there may be more that could be affecting the components in hidden ways.

Other information:

npm: 6.1.0
node: 10.6.0
Browser: Chrome 67 on Windows 10 1803

Angular: 6.0.9
Nebular: 2.0.0-rc.9

[nnixaa]

Hey @EatonZ, this is clearly a bug in the Nebular tabs. Thanks for the report.

[xavidram]

Good Morning,

This issue still seems to persist.