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>{{ account.authorized_overdraft | currency:"EUR":true }}</td>
<td> <td>
<div class="btn-group btn-group-xs"> <div class="btn-group btn-group-sm">
<!-- Edit account. --> <!-- Edit account. -->
<button type="button" class="btn btn-success" <button type="button" class="btn btn-success"
(click)="modify()"> (click)="modify()">
@ -48,13 +48,13 @@ import { AccountEditModalComponent } from './accountEditModal.component';
</button> </button>
<!-- Delete account, with confirm. --> <!-- Delete account, with confirm. -->
<button type="button" class="btn btn-default" <button type="button" class="btn btn-secondary"
(click)="confirmDelete()"> (click)="confirmDelete()">
<span class="fa fa-trash-o"></span> <span class="fa fa-trash-o"></span>
</button> </button>
<!-- Open account scheduler. --> <!-- Open account scheduler. -->
<a class="btn btn-default" <a class="btn btn-secondary"
[hidden]="!account.id" [hidden]="!account.id"
href="#!/account/{{ account.id }}/scheduler"> href="#!/account/{{ account.id }}/scheduler">
<span class="fa fa-clock-o"></span> <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>
<td> <td>
<div class="btn-group btn-group-xs"> <div class="btn-group btn-group-sm">
<!-- Edit operation, for non-canceled operation. --> <!-- 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-if="!operation.canceled"
ng-click="operationsCtrl.modify(operation)" title="edit"> ng-click="operationsCtrl.modify(operation)" title="edit">
<span class="fa fa-pencil-square-o"></span> <span class="fa fa-pencil-square-o"></span>
</button> </button>
<!-- Toggle pointed operation, for non-canceled operations. --> <!-- 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-if="!operation.canceled"
ng-click="operationsCtrl.togglePointed(operation)" ng-click="operationsCtrl.togglePointed(operation)"
ng-class="{active: operation.pointed}" title="point"> ng-class="{active: operation.pointed}" title="point">
@ -93,7 +93,7 @@
</button> </button>
<!-- Toggle canceled operation. --> <!-- Toggle canceled operation. -->
<button type="button" class="btn btn-default" <button type="button" class="btn btn-warning"
ng-click="operationsCtrl.toggleCanceled(operation)" ng-click="operationsCtrl.toggleCanceled(operation)"
ng-if="operation.scheduled_operation_id && !rowform.$visible" ng-if="operation.scheduled_operation_id && !rowform.$visible"
ng-class="{active: operation.canceled}" title="cancel"> ng-class="{active: operation.canceled}" title="cancel">
@ -101,7 +101,7 @@
</button> </button>
<!-- Delete operation, with confirm. --> <!-- 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-if="operation.id && !operation.scheduled_operation_id"
ng-click="operationsCtrl.confirmDelete(operation)"> ng-click="operationsCtrl.confirmDelete(operation)">
<span class="fa fa-trash-o"></span> <span class="fa fa-trash-o"></span>

View File

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