inteligr8/alfresco-content-app
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-content-app.git synced 2026-09-09 18:02:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

[ACS-12390] Fix overlapped search input after resizing (#5335)

Browse Source
This commit is contained in:
AleksanderSklorz
2026-08-13 11:17:52 +02:00
committed by GitHub
parent 7a576dd5b7
commit 4275cd3b23
3 changed files with 14 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files
projects/aca-content/src/lib/aca-content.module.ts
+2 -1
View File
@@ -62,7 +62,7 @@ import { TagsColumnComponent } from './components/dl-custom-components/tags-colu
import { UserInfoComponent } from './components/common/user-info/user-info.component'; import { UserInfoComponent } from './components/common/user-info/user-info.component';
import { SidenavComponent } from './components/sidenav/sidenav.component'; import { SidenavComponent } from './components/sidenav/sidenav.component';
import { ContentManagementService } from './services/content-management.service'; import { ContentManagementService } from './services/content-management.service';
import { SHELL_NAVBAR_MIN_WIDTH, ShellLayoutComponent } from '@alfresco/adf-core/shell'; import { SHELL_NAVBAR_MIN_WIDTH, SHELL_NAVBAR_SMALL_SCREEN_BREAKPOINT, ShellLayoutComponent } from '@alfresco/adf-core/shell';
import { UserMenuComponent } from './components/sidenav/user-menu/user-menu.component'; import { UserMenuComponent } from './components/sidenav/user-menu/user-menu.component';
import { MAT_DIALOG_DEFAULT_OPTIONS } from '@angular/material/dialog'; import { MAT_DIALOG_DEFAULT_OPTIONS } from '@angular/material/dialog';
import { SearchResultsRowComponent } from './components/search/search-results-row/search-results-row.component'; import { SearchResultsRowComponent } from './components/search/search-results-row/search-results-row.component';
@@ -82,6 +82,7 @@ import { IsFeatureSupportedInCurrentAcsPipe } from './pipes/is-feature-supported
provideFolderRulesExtension(), provideFolderRulesExtension(),
provideTranslations('app', 'assets'), provideTranslations('app', 'assets'),
{ provide: SHELL_NAVBAR_MIN_WIDTH, useValue: 0 }, { provide: SHELL_NAVBAR_MIN_WIDTH, useValue: 0 },
{ provide: SHELL_NAVBAR_SMALL_SCREEN_BREAKPOINT, useValue: 793 },
{ {
provide: MAT_DIALOG_DEFAULT_OPTIONS, provide: MAT_DIALOG_DEFAULT_OPTIONS,
useValue: { closeOnNavigation: true, hasBackdrop: true, autoFocus: true } useValue: { closeOnNavigation: true, hasBackdrop: true, autoFocus: true }
projects/aca-content/src/lib/components/search/search-input/search-input.component.scss
+12 -12
View File
@@ -51,6 +51,18 @@ $search-border-radius: 4px;
font-size: 16px; font-size: 16px;
line-height: calc($search-height / 2); line-height: calc($search-height / 2);
} }
@media screen and (width <= 840px) {
.app-input-form-field {
width: 450px;
}
}
@media screen and (width <= 521px) {
.app-input-form-field {
width: 444px;
}
}
} }
.aca-search-input--suffix { .aca-search-input--suffix {
@@ -73,18 +85,6 @@ $search-border-radius: 4px;
} }
} }
@media screen and (width <= 959px) {
$search-width-small: 400px;
.aca-search-input {
max-width: $search-width-small;
}
.app-search-container {
max-width: $search-width-small;
}
}
@media screen and (width <= 599px) { @media screen and (width <= 599px) {
.aca-search-input { .aca-search-input {
max-width: 220px; max-width: 220px;
projects/aca-content/src/lib/components/search/search-results/search-results.component.scss
-2
View File
@@ -18,8 +18,6 @@ body:has(aca-search-results) {
aca-search-results { aca-search-results {
.aca-content-header { .aca-content-header {
overflow-x: auto;
@include mat.icon-button-overrides( @include mat.icon-button-overrides(
( (
icon-color: var(--theme-foreground-text-color) icon-color: var(--theme-foreground-text-color)