Marmelator/red-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1.4k Wiki Activity

remove debris

Browse Source
This commit is contained in:
Dan Percic 2021-07-29 13:22:33 +03:00 committed by Timo Bejan
parent 6b8d11a048
commit 638978872d
6 changed files with 0 additions and 85 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
apps/red-ui/src/app/modules/shared/components/buttons/chevron-button/chevron-button.component.html
View File

@ -1,5 +0,0 @@
<button [class.overlay]="showDot" [class.primary]="primary" mat-button>
<span>{{ label }}</span>
<mat-icon class="chevron-icon" svgIcon="red:arrow-down"></mat-icon>
</button>
<div *ngIf="showDot" class="dot"></div>

7
apps/red-ui/src/app/modules/shared/components/buttons/chevron-button/chevron-button.component.scss
View File

@ -1,7 +0,0 @@
button {
padding: 0 10px 0 14px;
mat-icon {
width: 14px;
}
}

13
apps/red-ui/src/app/modules/shared/components/buttons/chevron-button/chevron-button.component.ts
View File

@ -1,13 +0,0 @@
import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
@Component({
selector: 'redaction-chevron-button',
templateUrl: './chevron-button.component.html',
styleUrls: ['./chevron-button.component.scss'],
changeDetection: ChangeDetectionStrategy.OnPush
})
export class ChevronButtonComponent {
@Input() label: string;
@Input() showDot = false;
@Input() primary = false;
}

14
apps/red-ui/src/app/modules/shared/components/buttons/icon-button/icon-button.component.html
View File

@ -1,14 +0,0 @@
<button
(click)="action.emit($event)"
[class.has-icon]="!!icon"
[class.overlay]="showDot"
[class.primary]="type === 'primary'"
[class.show-bg]="type === 'show-bg'"
[disabled]="disabled"
mat-button
type="button"
>
<mat-icon *ngIf="icon" [svgIcon]="icon"></mat-icon>
<span>{{ label }}</span>
</button>
<div *ngIf="showDot" class="dot"></div>

22
apps/red-ui/src/app/modules/shared/components/buttons/icon-button/icon-button.component.scss
View File

@ -1,22 +0,0 @@
@import '../../../../../../assets/styles/variables';
button {
padding: 0 14px;
width: 100%;
&.has-icon {
padding: 0 14px 0 10px;
}
&.show-bg {
background-color: $grey-6;
&:not(.mat-button-disabled):hover {
background-color: $grey-4;
}
}
mat-icon {
width: 14px;
}
}

24
apps/red-ui/src/app/modules/shared/components/buttons/icon-button/icon-button.component.ts
View File

@ -1,24 +0,0 @@
import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';
export type IconButtonType = 'default' | 'show-bg' | 'primary';
export enum IconButtonTypes {
DEFAULT = 'default',
SHOW_BG = 'show-bg',
PRIMARY = 'primary'
}
@Component({
selector: 'redaction-icon-button',
templateUrl: './icon-button.component.html',
styleUrls: ['./icon-button.component.scss'],
changeDetection: ChangeDetectionStrategy.OnPush
})
export class IconButtonComponent {
@Input() icon: string;
@Input() label: string;
@Input() showDot = false;
@Input() disabled = false;
@Input() type: IconButtonType = IconButtonTypes.DEFAULT;
@Output() action = new EventEmitter<any>();
}