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 ui buttons page (#465)

Browse source 
* fix(logo): hover color of logo is changed

* fix(grid): fixed grid and styles on ui.buttons page
This commit is contained in:
ESadouski 2016-11-24 11:31:55 +03:00 • committed by Dmitry Nehaychik
parent 130bcc3bf2
commit c48616a007
3 changed files with 20 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/app/pages/ui/components/buttons/buttons.html
View file

@ -1,21 +1,21 @@
<div class="widgets">
<div class="row">
<div class="col-md-3">
<div class="col-xl-3 col-lg-6 col-md-6">
<ba-card title="Flat Buttons" baCardClass="with-scroll button-panel">
<flat-buttons></flat-buttons>
</ba-card>
</div>
<div class="col-md-3">
<div class="col-xl-3 col-lg-6 col-md-6">
<ba-card title="Raised Buttons" baCardClass="with-scroll button-panel">
<raised-buttons></raised-buttons>
</ba-card>
</div>
<div class="col-md-3">
<div class="col-xl-3 col-lg-6 col-md-6">
<ba-card title="Different Sizes" baCardClass="with-scroll button-panel df-size-button-panel">
<sized-buttons></sized-buttons>
</ba-card>
</div>
<div class="col-md-3">
<div class="col-xl-3 col-lg-6 col-md-6">
<ba-card title="Disabled" baCardClass="with-scroll button-panel">
<disabled-buttons></disabled-buttons>
</ba-card>

4
src/app/pages/ui/components/buttons/buttons.scss
View file

@ -128,3 +128,7 @@ $btn-icon-size: 34px;
text-align: center;
margin: 5px 0;
}
.btn-group.flex-dropdown {
display: flex;
}

24
src/app/pages/ui/components/buttons/components/dropdownButtons/dropdownButtons.html
View file

@ -88,8 +88,8 @@
<h5 class="panel-subtitle">Split button dropdowns</h5>
<div class="row btns-row">
<div class="col-sm-4 col-xs-6">
<div class="btn-group" dropdown>
<div class="col-sm-4 col-xs-6 col-lg-4 col-md-6">
<div class="btn-group flex-dropdown" dropdown>
<button type="button" class="btn btn-primary">Primary</button>
<button type="button" class="btn btn-primary" dropdownToggle addToggleClass="true">
<span class="sr-only">Toggle Dropdown</span>
@ -103,8 +103,8 @@
</ul>
</div>
</div>
<div class="col-sm-4 col-xs-6">
<div class="btn-group" dropdown>
<div class="col-sm-4 col-xs-6 col-lg-4 col-md-6">
<div class="btn-group flex-dropdown" dropdown>
<button type="button" class="btn btn-success">Success</button>
<button type="button" class="btn btn-success" dropdownToggle addToggleClass="true">
<span class="sr-only">Toggle Dropdown</span>
@ -118,8 +118,8 @@
</ul>
</div>
</div>
<div class="col-sm-4 col-xs-6">
<div class="btn-group" dropdown>
<div class="col-sm-4 col-xs-6 col-lg-4 col-md-6">
<div class="btn-group flex-dropdown" dropdown>
<button type="button" class="btn btn-info">Info</button>
<button type="button" class="btn btn-info" dropdownToggle addToggleClass="true">
<span class="sr-only">Toggle Dropdown</span>
@ -133,8 +133,8 @@
</ul>
</div>
</div>
<div class="col-sm-4 col-xs-6">
<div class="btn-group" dropdown>
<div class="col-sm-4 col-xs-6 col-lg-4 col-md-6">
<div class="btn-group flex-dropdown" dropdown>
<button type="button" class="btn btn-default">Default</button>
<button type="button" class="btn btn-default" dropdownToggle addToggleClass="true">
<span class="sr-only">Toggle Dropdown</span>
@ -148,8 +148,8 @@
</ul>
</div>
</div>
<div class="col-sm-4 col-xs-6">
<div class="btn-group" dropdown>
<div class="col-sm-4 col-xs-6 col-lg-4 col-md-6">
<div class="btn-group flex-dropdown" dropdown>
<button type="button" class="btn btn-warning">Warning</button>
<button type="button" class="btn btn-warning" dropdownToggle addToggleClass="true">
<span class="sr-only">Toggle Dropdown</span>
@ -163,8 +163,8 @@
</ul>
</div>
</div>
<div class="col-sm-4 col-xs-6">
<div class="btn-group" dropdown>
<div class="col-sm-4 col-xs-6 col-lg-4 col-md-6">
<div class="btn-group flex-dropdown" dropdown>
<button type="button" class="btn btn-danger">Danger</button>
<button type="button" class="btn btn-danger" dropdownToggle addToggleClass="true">
<span class="sr-only">Toggle Dropdown</span>