akveo / akveo/nebular

Angular Nebular styles does not apply for NbChatComponent

未关闭
#2,332 3 条评论 0 个 reaction 已指派 0 人 在 GitHub 查看
主要语言
TypeScript
星标
8.1k
派生
1.5k
PR 合并指标
30 天内没有已合并 PR

描述

### Issue type

* bug report
* [ ] feature request

### Issue description
I have an ongoing Angular project and I'm trying to add Nebular Chat UI to the project.

I installed nebular with npm and did the imports as mentioned in the site. Functionality is working as expected, but the styles are not applied to the component.

Below are the steps I followed.

```
npm install --save @nebular/theme @angular/cdk @angular/animations
npm install --save @nebular/eva-icons
```
Imported NbThemeModule and NbChatModule in app.module.ts
```
import { NbThemeModule, NbChatModule } from '@nebular/theme';

@NgModule({
imports: [
...

NbThemeModule.forRoot(),
NbChatModule
]
```
Added styles in angular.json
```
"styles": [
"node_modules/@nebular/theme/styles/prebuilt/default.css"
]
```
Added html component (Sample available in the site)
```

```
And get this result:
![result_nebular](https://user-images.githubusercontent.com/10290902/80213355-b2dc4e00-8641-11ea-99ba-7b274d14b5c9.png)

here is a link to [stackoverflow](https://stackoverflow.com/questions/61104967/angular-nebular-styles-does-not-apply-for-nbchatcomponent/61408369#61408369)

**Related code:**

here is a link to [codesandbox](https://codesandbox.io/s/nebular-chat-example-p398q)

### Other information:

**npm, node, OS, Browser**
```

```

**Angular, Nebular**
```

```

贡献指南

打开贡献指南

评估

这个 Issue 还没有评估数据。

把新 issue 发到你的邮箱

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