inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-05-19 17:14:57 +00:00
Code Issues Packages Projects Releases Wiki Activity

[ACS-8066] Style inputs for link rule dialog (#9773)

Browse Source
This commit is contained in:
AleksanderSklorz 2024-06-05 15:44:08 +02:00 committed by VitoAlbano
parent 86d79571a4
commit 1624260393
3 changed files with 16 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
lib/content-services/src/lib/content-node-selector/content-node-selector-panel/content-node-selector-panel.component.html
View File

@ -4,13 +4,13 @@
class="adf-content-node-selector-content-input" class="adf-content-node-selector-content-input"
subscriptSizing="dynamic" subscriptSizing="dynamic"
*ngIf="showSearch"> *ngIf="showSearch">
<mat-label>{{ 'NODE_SELECTOR.SEARCH' | translate }}</mat-label>
<input matInput <input matInput
id="searchInput" id="searchInput"
[formControl]="searchInput" [formControl]="searchInput"
type="text" type="text"
[value]="searchTerm" [value]="searchTerm"
adf-auto-focus adf-auto-focus
[placeholder]="'NODE_SELECTOR.SEARCH' | translate"
data-automation-id="content-node-selector-search-input"> data-automation-id="content-node-selector-search-input">
<mat-icon *ngIf="searchTerm.length > 0" <mat-icon *ngIf="searchTerm.length > 0"

15
lib/content-services/src/lib/content-node-selector/content-node-selector-panel/content-node-selector-panel.component.scss
View File

@ -52,12 +52,19 @@ h2.adf-search-results-label {
align-items: center; align-items: center;
#{$mat-form-field-infix} { #{$mat-form-field-infix} {
padding-top: 0;
padding-bottom: 0; padding-bottom: 0;
} }
} }
} }
.adf-sites-dropdown-form-field {
&#{$mat-form-field-hide-placeholder} {
#{$mat-form-field-infix} {
padding-top: 0;
}
}
}
#{$mat-form-field-subscript-wrapper} { #{$mat-form-field-subscript-wrapper} {
height: 16px; height: 16px;
} }
@ -66,7 +73,7 @@ h2.adf-search-results-label {
&-input { &-input {
width: 100%; width: 100%;
margin: 16px 0; margin-bottom: 8px;
.adf-content-node-selector-content-input-icon { .adf-content-node-selector-content-input-icon {
color: var(--adf-theme-foreground-icon-color-054); color: var(--adf-theme-foreground-icon-color-054);
@ -80,6 +87,10 @@ h2.adf-search-results-label {
color: var(--adf-theme-foreground-base-color); color: var(--adf-theme-foreground-base-color);
} }
} }
#{$mat-form-field-subscript-wrapper} {
display: none;
}
} }
.adf-site-dropdown-container { .adf-site-dropdown-container {

3
lib/content-services/src/lib/content-node-selector/site-dropdown/sites-dropdown.component.html
View File

@ -1,6 +1,6 @@
<div id="site-dropdown-container" class="adf-site-dropdown-container"> <div id="site-dropdown-container" class="adf-site-dropdown-container">
<mat-form-field class="adf-sites-dropdown-form-field" appearance="fill" subscriptSizing="dynamic"> <mat-form-field class="adf-sites-dropdown-form-field" appearance="fill" subscriptSizing="dynamic">
<mat-label>{{placeholder | translate}}</mat-label> <mat-label>{{ 'NODE_SELECTOR.LOCATION' | translate }}</mat-label>
<mat-select <mat-select
adf-infinite-select-scroll adf-infinite-select-scroll
(scrollEnd)="loadAllOnScroll()" (scrollEnd)="loadAllOnScroll()"
@ -10,6 +10,7 @@
id="site-dropdown" id="site-dropdown"
placeholder="{{placeholder | translate}}" placeholder="{{placeholder | translate}}"
[(value)]="selected" [(value)]="selected"
placeholder="{{placeholder | translate}}"
(selectionChange)="selectedSite($event)"> (selectionChange)="selectedSite($event)">
<mat-select-trigger class="adf-sites-dropdown-select-trigger"> <mat-select-trigger class="adf-sites-dropdown-select-trigger">
{{ selected?.entry.title | translate}} {{ selected?.entry.title | translate}}