Andreas/ngx-admin
1
0
Fork 0
mirror of https://github.com/akveo/ngx-admin.git synced 2025-12-16 23:40:14 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix(buttons): fix button styles (#8)

Browse source
This commit is contained in:
Dmitry Nehaychik 2017-07-07 17:15:32 +03:00 • committed by GitHub
parent 51b68b9d65
commit fa8342cc6d
4 changed files with 14 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

7
src/app/@theme/styles/global.scss
View file

@ -9,7 +9,12 @@
} }
} }
//global styles for thw whole application //global styles for the whole application
[class^='col-'] { [class^='col-'] {
padding: 0 0.75rem; padding: 0 0.75rem;
} }
.row {
margin-right: -0.75rem;
margin-left: -0.75rem;
}

6
src/app/pages/ui-features/buttons/buttons.component.scss
View file

@ -14,10 +14,12 @@
.header { .header {
color: white; color: white;
font-size: 0.875rem;
line-height: 1rem;
} }
.subheader { .subheader {
font-size: 0.875rem; font-size: 0.75rem;
line-height: 1rem; line-height: 1rem;
font-weight: 300; font-weight: 300;
color: nga-theme(color-fg-hint); color: nga-theme(color-fg-hint);
@ -54,7 +56,7 @@
} }
.example-container .container-btn { .example-container .container-btn {
margin-bottom: 1rem; margin-bottom: 1.5rem;
} }
.actions-groups { .actions-groups {

8
src/app/pages/ui-features/buttons/size-buttons/size-buttons.component.html
View file

@ -2,7 +2,7 @@
<nga-card-header>Button Sizes</nga-card-header> <nga-card-header>Button Sizes</nga-card-header>
<nga-card-body> <nga-card-body>
<div class="row"> <div class="row">
<div class="size-container"> <div class="size-container col-md-3">
<div class="container-title"> <div class="container-title">
<span>Rectangle Button</span> <span>Rectangle Button</span>
</div> </div>
@ -13,7 +13,7 @@
<button class="btn btn-primary btn-lg">Large Button</button> <button class="btn btn-primary btn-lg">Large Button</button>
</div> </div>
</div> </div>
<div class="size-container"> <div class="size-container col-md-3">
<div class="container-title"> <div class="container-title">
<span>Medium Button</span> <span>Medium Button</span>
</div> </div>
@ -24,7 +24,7 @@
<button class="btn btn-primary btn-md">Medium Button</button> <button class="btn btn-primary btn-md">Medium Button</button>
</div> </div>
</div> </div>
<div class="size-container"> <div class="size-container col-md-3">
<div class="container-title"> <div class="container-title">
<span>Small Button</span> <span>Small Button</span>
</div> </div>
@ -35,7 +35,7 @@
<button class="btn btn-primary btn-sm">Small Button</button> <button class="btn btn-primary btn-sm">Small Button</button>
</div> </div>
</div> </div>
<div class="size-container"> <div class="size-container col-md-3">
<div class="container-title"> <div class="container-title">
<span>Tiny Button</span> <span>Tiny Button</span>
</div> </div>

8
src/app/pages/ui-features/buttons/size-buttons/size-buttons.component.scss
View file

@ -2,14 +2,6 @@
@import '~@akveo/nga-theme/styles/global/bootstrap/buttons'; @import '~@akveo/nga-theme/styles/global/bootstrap/buttons';
@include nga-install-component() { @include nga-install-component() {
.row {
padding: 0 1rem;
}
.size-container {
margin-right: 1rem;
}
.subheader { .subheader {
margin-bottom: 1rem; margin-bottom: 1rem;
color: nga-theme(color-fg-heading); color: nga-theme(color-fg-heading);