You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
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...
The text was updated successfully, but these errors were encountered:
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
changed the title
Styles not applied
[!] Styles not applied
Sep 2, 2018
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
Control + C
code . - opens VS Code
npm i @sq-ui/ng-sq-ui
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:
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...
The text was updated successfully, but these errors were encountered: