sxhundred/ISA-Frontend
1
0
Fork 0
mirror of https://dev.azure.com/hugendubel/ISA/_git/ISA-Frontend synced 2025-12-31 09:37:15 +01:00
Code Issues Packages Projects Releases Wiki Activity

UI Lib - Button - HTML and Styling for rightAlign

Browse Source 
Additional input param rightAlign
This commit is contained in:
Sebastian
2020-03-02 17:01:55 +01:00
parent 91f83e6de2
commit 617bc4f8fc
2 changed files with 14 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
libs/ui/src/lib/button/button.component.html
View File

@@ -7,6 +7,7 @@
small: type == 'small',
medium: type == 'medium',
big: type == 'big',
'align-right': alignRight,
load: loading,
disabled: disabled && primary,
'secondary-disabled': disabled && !primary
@@ -21,5 +22,12 @@
<div class="content-wrapper" [ngClass]="{ 'loading-visibility': loading }">
<ng-content></ng-content>
</div>
<div class="spinner" [ngClass]="{ load: loading, smallOffset: smallOffset, 'red-spinner': primary === false }"></div>
<div
class="spinner"
[ngClass]="{
load: loading,
smallOffset: smallOffset,
'red-spinner': primary === false
}"
></div>
</button>

6
libs/ui/src/lib/button/button.component.scss
View File

@@ -62,6 +62,10 @@ button {
&.big {
padding: 22px 32px;
}
&.align-right {
padding-right: 0;
}
}
.spinner {
@@ -118,7 +122,7 @@ button.load span {
}
.disabled {
background-color: #89949E !important;
background-color: #89949e !important;
}
.secondary-disabled {