Fix button sizes and styles.

This commit is contained in:
Alexis Lahouze 2017-07-25 23:29:16 +02:00
parent 0e037e664f
commit 931ef38f29
5 changed files with 11 additions and 78 deletions

View File

@ -40,7 +40,7 @@ import { AccountEditModalComponent } from './accountEditModal.component';
<td>{{ account.authorized_overdraft | currency:"EUR":true }}</td>
<td>
<div class="btn-group btn-group-xs">
<div class="btn-group btn-group-sm">
<!-- Edit account. -->
<button type="button" class="btn btn-success"
(click)="modify()">
@ -48,13 +48,13 @@ import { AccountEditModalComponent } from './accountEditModal.component';
</button>
<!-- Delete account, with confirm. -->
<button type="button" class="btn btn-default"
<button type="button" class="btn btn-secondary"
(click)="confirmDelete()">
<span class="fa fa-trash-o"></span>
</button>
<!-- Open account scheduler. -->
<a class="btn btn-default"
<a class="btn btn-secondary"
[hidden]="!account.id"
href="#!/account/{{ account.id }}/scheduler">
<span class="fa fa-clock-o"></span>

View File

@ -1,3 +0,0 @@
@pre-border-color: @pre-bg; // hide the border.
@import "./main.less";

View File

@ -1,64 +0,0 @@
/* jshint node: true */
'use strict';
module.exports = {
scripts: {
'transition': true,
'alert': true,
'button': true,
'carousel': true,
'collapse': true,
'dropdown': true,
'modal': true,
'tooltip': true,
'popover': true,
'scrollspy': true,
'tab': true,
'affix': true
},
styles: {
'mixins': true,
'normalize': true,
'print': true,
'scaffolding': true,
'type': true,
'code': true,
'grid': true,
'tables': true,
'forms': true,
'buttons': true,
'component-animations': true,
'glyphicons': true,
'dropdowns': true,
'button-groups': true,
'input-groups': true,
'navs': true,
'navbar': true,
'breadcrumbs': true,
'pagination': true,
'pager': true,
'labels': true,
'badges': true,
'jumbotron': true,
'thumbnails': true,
'alerts': true,
'progress-bars': true,
'media': true,
'list-group': true,
'panels': true,
'wells': true,
'close': true,
'modals': true,
'tooltip': true,
'popovers': true,
'carousel': true,
'utilities': true,
'responsive-utilities': true
}
};

View File

@ -76,16 +76,16 @@
</td>
<td>
<div class="btn-group btn-group-xs">
<div class="btn-group btn-group-sm">
<!-- Edit operation, for non-canceled operation. -->
<button type="button" class="btn btn-default"
<button type="button" class="btn btn-success"
ng-if="!operation.canceled"
ng-click="operationsCtrl.modify(operation)" title="edit">
<span class="fa fa-pencil-square-o"></span>
</button>
<!-- Toggle pointed operation, for non-canceled operations. -->
<button type="button" class="btn btn-default"
<button type="button" class="btn btn-secondary"
ng-if="!operation.canceled"
ng-click="operationsCtrl.togglePointed(operation)"
ng-class="{active: operation.pointed}" title="point">
@ -93,7 +93,7 @@
</button>
<!-- Toggle canceled operation. -->
<button type="button" class="btn btn-default"
<button type="button" class="btn btn-warning"
ng-click="operationsCtrl.toggleCanceled(operation)"
ng-if="operation.scheduled_operation_id && !rowform.$visible"
ng-class="{active: operation.canceled}" title="cancel">
@ -101,7 +101,7 @@
</button>
<!-- Delete operation, with confirm. -->
<button type="button" class="btn btn-default"
<button type="button" class="btn btn-danger"
ng-if="operation.id && !operation.scheduled_operation_id"
ng-click="operationsCtrl.confirmDelete(operation)">
<span class="fa fa-trash-o"></span>

View File

@ -33,15 +33,15 @@ import { Schedule } from './schedule';
<td>{{ schedule.category }}</td>
<td>
<div class="btn-group btn-group-xs">
<div class="btn-group btn-group-sm">
<!-- Edit operation. -->
<button type="button" class="btn btn-default"
<button type="button" class="btn btn-success"
(click)="modify()" title="edit">
<span class="fa fa-pencil-square-o"></span>
</button>
<!-- Remove operation. -->
<button type="button" class="btn btn-default"
<button type="button" class="btn btn-danger"
[hidden]="!schedule.id"
(click)="confirmDelete()"
title="remove">