added new styles for the dossier view buttons

This commit is contained in:
Edi Cziszter 2021-11-07 10:59:09 +02:00
parent 8beb712c54
commit 52e576eccc
5 changed files with 27 additions and 0 deletions

20
src/assets/icons/csv.svg Normal file
View File

@ -0,0 +1,20 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 25.4.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg id="Layer_1" style="enable-background:new 0 0 14 14;" version="1.1" viewBox="0 0 14 14" x="0px"
xml:space="preserve" xmlns="http://www.w3.org/2000/svg" y="0px">
<style type="text/css">
.st0 {
fill: currentColor;
}
</style>
<g id="Styleguide">
<g id="Export-just-icons" transform="translate(-979.000000, -252.000000)">
<g id="Group" transform="translate(979.000000, 252.000000)">
<g id="list-view">
<path class="st0" d="M0,0h14v14H0V0z M2.8,12.6V9.8H1.4v2.8H2.8z M2.8,5.6H1.4v2.8h1.4V5.6z M4.2,8.4h8.4V5.6H4.2V8.4z M1.4,4.2
h1.4V1.4H1.4V4.2z M4.2,1.4v2.8h8.4V1.4H4.2z M12.6,9.8H4.2v2.8h8.4V9.8z"/>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 806 B

View File

@ -99,6 +99,10 @@ iqser-icon-button {
&.primary {
background: var(--iqser-primary-2);
}
&.dossierView {
background-color: var(--iqser-btn-bg);
}
}
}
}

View File

@ -2,6 +2,7 @@
<button
(click)="performAction($event)"
[class.dark-bg]="type === circleButtonTypes.dark"
[class.dossierView]="circleButtonTypes.dossierView"
[class.overlay]="showDot"
[class.primary]="type === circleButtonTypes.primary"
[class.warn]="type === circleButtonTypes.warn"

View File

@ -3,6 +3,7 @@ export const CircleButtonTypes = {
primary: 'primary',
warn: 'warn',
dark: 'dark',
dossierView: 'dossierView',
} as const;
export type CircleButtonType = keyof typeof CircleButtonTypes;

View File

@ -17,6 +17,7 @@ export class IqserIconsModule {
'check',
'close',
'collapse',
'csv',
'document',
'download',
'edit',