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

Merge branch 'unprotected' into VM/RED-8748

Browse Source
This commit is contained in:
Valentin Mihai 2024-05-22 21:42:37 +03:00
commit a668b23118
3 changed files with 14 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/assets/styles/common-base-screen.scss
View File

@ -32,6 +32,7 @@
.buttons {
display: flex;
margin-right: 8px;
align-items: center;
> *:not(:last-child) {
margin-right: 14px;

15
src/lib/help-mode/help-button/help-button.component.scss
View File

@ -1,14 +1,15 @@
:host {
display: flex;
align-items: center;
width: 60px;
width: 40px;
height: 24px;
}
.help-mode-slide-toggle {
display: inline-block;
position: relative;
width: 60px;
height: 34px;
width: 40px;
height: 24px;
cursor: pointer;
&.active,
@ -25,7 +26,7 @@
top: 50%;
left: 0;
width: 100%;
height: 34px;
height: 25px;
background-color: var(--iqser-grey-4);
border-radius: 20px;
transform: translateY(-50%);
@ -35,8 +36,8 @@
position: absolute;
top: 50%;
left: 4px;
width: 25px;
height: 25px;
width: 20px;
height: 20px;
background-color: #fff;
border-radius: 50%;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
@ -60,6 +61,6 @@
}
.toggle-input:checked + .toggle-track + .toggle-thumb {
left: calc(100% - 30px);
left: calc(100% - 22px);
}
}

7
src/lib/listing/table-header/table-header.component.html
View File

@ -1,15 +1,18 @@
<div [class.selection-enabled]="selectionEnabled" class="header-item">
<div [attr.help-mode-key]="helpModeKey" class="header-title">
<iqser-round-checkbox
id="select-all-entities-toggle"
(click)="listingService.selectAll()"
*ngIf="selectionEnabled"
[active]="listingService.areAllSelected$ | async"
[indeterminate]="listingService.notAllSelected$ | async"
id="select-all-entities-toggle"
></iqser-round-checkbox>
<span class="all-caps-label">
{{ tableHeaderLabel | translate: { length: totalSize || (listingService.displayedLength$ | async) } }}
<span *ngIf="listingService.selectedLength$ | async as selectedItems">
({{ 'table-header.selected-count' | translate: { count: selectedItems } }})
</span>
</span>
</div>
@ -33,12 +36,12 @@
<iqser-table-column-name
*ngFor="let config of tableColumnConfigs"
[class]="config.class"
[id]="config.id"
[label]="config.notTranslatable ? config.label : (config.label | translate)"
[leftIcon]="config.leftIcon"
[rightIconTooltip]="config.rightIconTooltip"
[rightIcon]="config.rightIcon"
[sortByKey]="config.sortByKey"
[id]="config.id"
></iqser-table-column-name>
<div *ngIf="hasEmptyColumn"></div>