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 摘要。