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

Text button type

Browse Source
This commit is contained in:
Adina Țeudan 2023-01-21 09:57:51 +02:00
parent 5208063f48
commit 1bef72a321
2 changed files with 16 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/assets/styles/common-buttons.scss
View File

@ -2,14 +2,17 @@
.mat-flat-button {
border-radius: var(--iqser-button-radius) !important;
font-size: var(--iqser-button-font-size) !important;
height: var(--iqser-button-height);
display: flex !important;
align-items: center;
&:not(.text) {
height: var(--iqser-button-height);
}
.mat-button-wrapper {
display: flex;
align-items: center;
line-height: 34px;
line-height: var(--iqser-font-size);
transition: opacity 0.2s;
width: 100%;
@ -68,10 +71,19 @@ iqser-circle-button {
background: rgba(var(--iqser-primary-rgb), 0.1);
}
&:not(.overlay):not(.mat-button-disabled):not(.primary):not(.dark-bg):not(.warn):not(.help):hover {
&:not(.overlay):not(.mat-button-disabled):not(.primary):not(.dark-bg):not(.warn):not(.help):not(.text):hover {
background-color: var(--iqser-btn-bg);
}
&.text {
color: var(--iqser-primary);
font-weight: 500 !important;
&:hover {
background-color: rgba(var(--iqser-primary-rgb), 0.05);
}
}
&.primary {
font-weight: 500 !important;
background-color: var(--iqser-primary);

1
src/lib/buttons/types/icon-button.type.ts
View File

@ -3,6 +3,7 @@ export const IconButtonTypes = {
dark: 'dark',
primary: 'primary',
help: 'help',
text: 'text',
} as const;
export type IconButtonType = keyof typeof IconButtonTypes;