Skip to content

Commit

Permalink
fix(edit-content): Autocomplete component responsiveness #27421 (#27474)
Browse files Browse the repository at this point in the history
* fixed expand on tags

* Changed selector on has() for SonarQube bug

* Removed border
  • Loading branch information
KevinDavilaDotCMS authored and dsolistorres committed Feb 9, 2024
1 parent 520a739 commit 4cfbaa8
Showing 1 changed file with 6 additions and 1 deletion.
Original file line number Diff line number Diff line change
Expand Up @@ -10,10 +10,15 @@ p-autocomplete.p-inputwrapper-focus {
.p-fluid .p-autocomplete.p-component, // To override the default behavior
.p-autocomplete.p-component {
display: grid;
align-items: center;
align-items: baseline;
grid-template-columns: auto repeat(3, max-content); // This will make the grid to remove the columns that are not in the grid
}

.p-fluid .p-autocomplete.p-component:has(.p-icon-wrapper),
.p-autocomplete.p-component:has(.p-icon-wrapper) {
grid-template-columns: max-content auto; // When have icon, have 2 grids: icon and tags
}

.p-autocomplete {
@extend #form-field-extend;
height: auto;
Expand Down

0 comments on commit 4cfbaa8

Please sign in to comment.