SQ-UI / ng-sq-ui

Flexible and easily customizable UI-kit for Angular 11+
MIT License
99 stars 11 forks source link

[!] Styles not applied #23

Closed tomavelev closed 6 years ago

tomavelev commented 6 years ago

In a new empty directory on computer with:

Distributor ID: Ubuntu Description: Ubuntu 18.04.1 LTS Release: 18.04 Codename: bionic

npm@3.5.2 /usr/share/npm Angular CLI: 6.0.8 Node: 8.10.0 OS: linux x64 Angular: ... Package Version

@angular-devkit/architect 0.6.8 @angular-devkit/core 0.6.8 @angular-devkit/schematics 0.6.8 @schematics/angular 0.6.8 @schematics/update 0.6.8 rxjs 6.2.1 typescript 2.7.2

I run the following commands:

npm install -g @angular/cli ng new my-app cd my-app ng serve --open

in ./src/app/app.module.ts

added import { NgSqUiModule } from '@sq-ui/ng-sq-ui'; and NgSqUiModule, // in imports

Added styles to angular.json "./node_modules/@sq-ui/ng-sq-ui/sq-ui-theme.scss", "./node_modules/font-awesome/scss/font-awesome.scss" line 25 and 75

Added some stuff in the app.component

TS:

dropdownOptions: LabelValuePair[] = [ { label: 'option1', value: 'someVal1' }, { label: 'option2', value: 'someVal2' }, { label: 'option3', value: 'someVal3' } ]; HTML: screenshot from 2018-08-28 00-44-42

screenshot from 2018-08-28 00-39-35

Previously I run into errors in the console, but then - probably the problems were on my side. Right now the styles are not being applied. Something small that I'm missing...

ardentia commented 6 years ago

Hello! Thank you for the heads-up - we haven't included this small detail in a visible place in the documentation. You need to manually add the "sq" class to a wrapper element over the app.

samuil4 commented 6 years ago

This is duplicate of https://github.com/SQ-UI/ng-sq-ui/issues/22