akveo / akveo/nebular

Override bootstrap's text-emphasis-variant mixin to properly set text-#{status} colours

Offen
#1,906 3 Kommentare 6 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
bug module:theme needs triage
Vorherrschende Sprache
TypeScript
Sterne
8.1k
Forks
1.5k
PR-Merge-Kennzahlen
Keine gemergten PRs in 30 T.

Beschreibung

### Issue type

**I'm submitting a ...**

* [x] bug report
* [ ] feature request

### Issue description

**Current behavior:**

The theme colours in the ` .text-#{$status}` classes are being overriden by bootstrap's mixin

**Expected behavior:**

The theme colours should be used

**Steps to reproduce:**

Add the `text-primary` class to any div and view the applied classes in your browser. Or view the ngx-admin typography page and apply the cosmic theme:

> .nb-theme-cosmic .text-primary {
> ~~color: #a16eff;~~
> }

> .text-primary {
> color: #007bff !important;
> }

### Workaround:

Add this to a parent scss (eg styles/_overrides.scss in ngx-admin):
```
@each $status in nb-get-statuses() {
@include text-emphasis-variant(".text-#{$status}", nb-theme(color-#{$status}-default));
}
```

### Other information:

**npm, node, OS, Browser**
```
Node: v10.16.0
npm: 6.9.0
OS: macOS Sierra 10.12.6
Browser: Chrome
```

**Angular, Nebular**
```
Angular: 8.1.1
Nebular: 4.1.3
```

Beitragsleitfaden

Beitragsleitfaden öffnen

Bewertung

Dieses Issue wurde noch nicht bewertet.

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.