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

Theme

Browse Source
This commit is contained in:
Adina Țeudan 2022-06-28 12:02:14 +03:00
parent a6d244a3a9
commit 9714c93fc3
15 changed files with 25 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/assets/styles/_common-mixins.scss
View File

@ -40,11 +40,11 @@
}
@mixin inset-shadow {
box-shadow: inset 0 4px 3px -2px var(--iqser-btn-bg-hover);
box-shadow: inset 0 4px 3px -2px var(--iqser-shadow);
}
@mixin drop-shadow {
box-shadow: 0 4px 3px 2px var(--iqser-btn-bg-hover);
box-shadow: 0 2px 6px 0 var(--iqser-shadow);
}
@mixin clear-btn {
@ -59,9 +59,9 @@
@mixin clear-a {
text-decoration: none;
color: initial;
color: var(--iqser-text);
&:hover {
color: initial;
color: var(--iqser-text);
}
}

2
src/assets/styles/common-breadcrumbs.scss
View File

@ -18,7 +18,7 @@
color: var(--iqser-primary);
&[aria-expanded='true'] .mat-button-wrapper > span {
color: var(--iqser-accent);
color: var(--iqser-text);
}
}
}

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

@ -23,7 +23,7 @@
}
&.mat-button-disabled .mat-button-wrapper {
color: var(--iqser-accent);
color: var(--iqser-text);
opacity: 0.3;
}
}

1
src/assets/styles/common-components.scss
View File

@ -79,6 +79,7 @@
display: flex;
align-items: center;
min-width: fit-content;
@include mixins.line-clamp(1);
mat-icon {
width: 10px;

3
src/assets/styles/common-dialogs.scss
View File

@ -2,7 +2,8 @@
.mat-dialog-container {
display: flex !important;
color: var(--iqser-accent);
color: var(--iqser-text);
background-color: var(--iqser-background);
padding: 0 !important;
border-radius: 8px !important;
@include common-mixins.scroll-bar;

2
src/assets/styles/common-inputs.scss
View File

@ -177,7 +177,7 @@ form .iqser-input-group:not(first-of-type) {
letter-spacing: 0;
line-height: 14px;
margin-bottom: 2px;
color: var(--iqser-accent);
color: var(--iqser-text);
&.mat-checkbox-layout {
opacity: 1;

2
src/assets/styles/common-layout.scss
View File

@ -125,7 +125,7 @@ section.settings {
background-color: var(--iqser-background);
max-width: 650px;
height: fit-content;
box-shadow: 0 1px 5px 0 rgba(40, 50, 65, 0.19);
box-shadow: 0 1px 5px 0 rgba(var(--iqser-accent-rgb), 0.19);
position: unset;
.heading-l {

8
src/assets/styles/common-loading.scss
View File

@ -6,15 +6,15 @@
@keyframes dots {
0%,
20% {
color: rgba(40, 50, 65, 0);
text-shadow: 0.25em 0 0 rgba(40, 50, 65, 0), 0.5em 0 0 rgba(40, 50, 65, 0);
color: rgba(var(--iqser-accent-rgb), 0);
text-shadow: 0.25em 0 0 rgba(var(--iqser-accent-rgb), 0), 0.5em 0 0 rgba(var(--iqser-accent-rgb), 0);
}
40% {
color: #283241;
text-shadow: 0.25em 0 0 rgba(40, 50, 65, 0), 0.5em 0 0 rgba(40, 50, 65, 0);
text-shadow: 0.25em 0 0 rgba(var(--iqser-accent-rgb), 0), 0.5em 0 0 rgba(var(--iqser-accent-rgb), 0);
}
60% {
text-shadow: 0.25em 0 0 #283241, 0.5em 0 0 rgba(40, 50, 65, 0);
text-shadow: 0.25em 0 0 #283241, 0.5em 0 0 rgba(var(--iqser-accent-rgb), 0);
}
80%,
100% {

4
src/assets/styles/common-menu.scss
View File

@ -2,12 +2,12 @@
.mat-menu-panel {
border-radius: 8px !important;
box-shadow: 0 2px 6px 0 rgba(40, 50, 65, 0.3);
max-width: none !important;
min-width: 180px !important;
margin-top: 10px;
background-color: var(--iqser-background);
background-color: var(--iqser-popup-background);
@include common-mixins.scroll-bar;
@include common-mixins.drop-shadow;
.mat-menu-content:not(:empty) {
padding-top: 8px;

4
src/assets/styles/common-select.scss
View File

@ -8,15 +8,15 @@
.mat-option {
margin: 1px 8px;
border-radius: 4px;
color: var(--iqser-text);
&:hover:not(.mat-option-disabled),
&:focus:not(.mat-option-disabled) {
background-color: var(--iqser-grey-6);
background-color: var(--iqser-btn-bg);
}
&.mat-selected:not(.mat-option-multiple) {
background-color: rgba(var(--iqser-primary-rgb), 0.2);
color: var(--iqser-text);
}
}
}

4
src/assets/styles/common-toggle.scss
View File

@ -27,11 +27,11 @@
&.mat-primary.mat-checked {
.mat-slide-toggle-bar {
background-color: var(--iqser-primary);
border: 1px solid var(--iqser-white);
border: 1px solid var(--iqser-background);
}
.mat-slide-toggle-thumb {
background-color: var(--iqser-white);
background-color: var(--iqser-background);
}
.mat-slide-toggle-thumb-container {

10
src/lib/buttons/help-button/help-button.component.html
View File

@ -1,14 +1,6 @@
<iqser-icon-button
*ngIf="dialogButton"
(action)="activateHelpMode()"
icon="iqser:help-outline"
type="help"
[label]="'help-mode.button-text' | translate"
></iqser-icon-button>
<iqser-circle-button
*ngIf="!dialogButton"
(action)="activateHelpMode()"
[tooltip]="'help-mode.button-text' | translate"
icon="iqser:help-outline"
type="help"
[tooltip]="'help-mode.button-text' | translate"
></iqser-circle-button>

3
src/lib/buttons/help-button/help-button.component.ts
View File

@ -8,7 +8,6 @@ import { HelpModeService } from '@iqser/common-ui';
styleUrls: ['./help-button.component.scss'],
})
export class HelpButtonComponent implements OnInit, OnDestroy {
@Input() dialogButton = true;
@Input() helpButtonKey?: string;
constructor(private readonly _helpModeService: HelpModeService) {}
@ -27,6 +26,6 @@ export class HelpButtonComponent implements OnInit, OnDestroy {
window.open(url, '_blank');
return;
}
this._helpModeService.activateHelpMode(this.dialogButton);
this._helpModeService.activateHelpMode();
}
}

2
src/lib/help-mode/help-mode-dialog/help-mode-dialog.component.scss
View File

@ -1,5 +1,5 @@
section {
background: var(--iqser-grey-4);
background: var(--iqser-grey-4); // todo
align-items: center;
.content {

2
src/lib/listing/scroll-button/scroll-button.component.scss
View File

@ -6,7 +6,7 @@
width: 44px;
border: none;
border-radius: 8px 0 0 8px;
box-shadow: -1px 1px 5px 0 rgba(40, 50, 65, 0.25);
box-shadow: -1px 1px 5px 0 rgba(var(--iqser-accent-rgb), 0.25);
&.bottom {
bottom: 30px;