inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-07-24 17:32:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

[ACS-8921][ACA] Data Table / The input field in "Filter by Name" dialog is enormous in comparison with the UI design (#10375)

Browse Source
This commit is contained in:
dominikiwanekhyland
2024-11-14 10:31:43 +01:00
committed by GitHub
parent 412295306c
commit 472671bd50
2 changed files with 1 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
lib/content-services/src/lib/search/components/search-text/search-text.component.html
View File

@@ -1,6 +1,6 @@
<mat-form-field
class="adf-search-text-form-field"
appearance="outline">
appearance="fill">
<mat-label>{{ settings?.placeholder | translate }}</mat-label>
<input
matInput

37
lib/content-services/src/lib/search/components/search-text/search-text.component.scss
View File

@@ -3,45 +3,8 @@
.adf-search-text {
padding: 0;
#{$mat-form-field-wrapper} {
margin-top: -5px;
padding: 0;
#{$mat-form-field-infix} {
padding-bottom: 6px;
}
}
#{$mat-notched-outline} {
#{$mat-notched-outline-trailing},
#{$mat-notched-outline-notch} {
border-top: 0 solid;
border-left: 0 solid;
border-right: 0 solid;
border-bottom: 1px solid var(--adf-theme-foreground-secondary-text-color);
#{$mat-floating-label} {
left: 0;
}
}
}
#{$mat-text-field-focused} {
#{$mat-notched-outline-trailing},
#{$mat-notched-outline-notch},
#{$mat-notched-outline-leading} {
border-bottom-width: 2px;
}
}
#{$mat-notched-outline-leading} {
display: none;
}
.adf-search-text-form-field {
width: 100%;
height: 58.5px;
margin-top: 5px;
&-clear-button {
min-width: unset;