Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[!] Styles not applied #23

Closed
tomavelev opened this issue Aug 27, 2018 · 2 comments
Closed

[!] Styles not applied #23

tomavelev opened this issue Aug 27, 2018 · 2 comments
Assignees
Labels
bug Something isn't working documentation

Comments

@tomavelev
Copy link

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

  • everything is OK
    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:
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
Copy link
Contributor

ardentia commented Sep 1, 2018

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 samuil4 changed the title Styles not applied [!] Styles not applied Sep 2, 2018
@samuil4 samuil4 added the bug Something isn't working label Sep 2, 2018
@samuil4
Copy link
Contributor

samuil4 commented Sep 2, 2018

This is duplicate of #22

@samuil4 samuil4 mentioned this issue Sep 2, 2018
@samuil4 samuil4 closed this as completed Sep 5, 2018
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working documentation
Projects
None yet
Development

No branches or pull requests

3 participants