akveo / akveo/nebular

Web Component

未关闭
#1,748 0 条评论 0 个 reaction 已指派 0 人 在 GitHub 查看
module:theme needs triage P4: nice to have
主要语言
TypeScript
星标
8.1k
派生
1.5k
PR 合并指标
30 天内没有已合并 PR

描述

### Issue type

* [x] bug report
* [x] feature request

### Issue description

**Current behavior:**
Web Component based on Nebular theming system does not correctly import the CSS rules using _"view encapsulation"_ **ShadowDom** in AppComponent

**Expected behavior:**
Nebular styles are applied to the ShadowDom when the theme is installed also in the root component.

Maybe I miss some configurations, but I can see correct behavior if I configure the project like in the stackblitz example linked below.

The workaround was to put a div that surrounds the root component where has been inserted the CSS class of the currently selected theme.

**Steps to reproduce:**
- Create a new angular project with nebular
- Create a nested module with a component
- Refactor AppModule for generate a web component whit ShadowDom encapsulation
- (optional) Build project and deploy in a html page

working example --> [StackBlitz Nebular Web Component](https://stackblitz.com/edit/github-unajr2?file=src%2Fapp%2Fapp.component.ts)

贡献指南

打开贡献指南

评估

这个 Issue 还没有评估数据。

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。