[ACS-7572] link rules dialog fixes (#9607)

lib/content-services/src/lib/breadcrumb/dropdown-breadcrumb.component.html

@@ -18,6 +18,7 @@
         <mat-select
             #dropdown
             *ngIf="hasPreviousNodes()"
+            panelClass="adf-breadcrumb-dropdown-panel"
             class="adf-dropdown-breadcrumb-path-select"
             tabindex="-1"
             role="button"

lib/content-services/src/lib/breadcrumb/dropdown-breadcrumb.component.scss

@@ -1,3 +1,5 @@
+@import 'styles/mat-selectors';
+
 $dropdown-horizontal-offset: 30px;
 
 .adf {
@@ -47,7 +49,6 @@ $dropdown-horizontal-offset: 30px;
         width: 0;
         height: 0;
         overflow: hidden;
-        margin-top: 35px;
 
         &-select {
             width: 0;
@@ -64,8 +65,6 @@ $dropdown-horizontal-offset: 30px;
     }
 
     &-dropdown-breadcrumb-path-option.adf-dropdown-breadcrumb-path-option-node {
-        height: 28px;
-        line-height: 28px;
         padding: 0 12px;
         font-size: var(--theme-caption-font-size);
     }
@@ -98,3 +97,7 @@ $dropdown-horizontal-offset: 30px;
         margin-right: $dropdown-horizontal-offset;
     }
 }
+
+#{$cdk-overlay-pane}:has(>.adf-breadcrumb-dropdown-panel){
+    min-width: fit-content;
+}

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

@@ -1,5 +1,6 @@
 <div class="adf-content-node-selector-content">
     <mat-form-field floatPlaceholder="never"
+                    appearance="outline"
                     class="adf-content-node-selector-content-input"
                     subscriptSizing="dynamic"
                     *ngIf="showSearch">

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

@@ -45,6 +45,7 @@ h2.adf-search-results-label {
 
         &-input {
             width: 100%;
+            margin: 16px 0;
 
             &-icon {
                 color: var(--adf-theme-foreground-icon-color-054);
@@ -58,29 +59,10 @@ h2.adf-search-results-label {
 
         .adf-site-dropdown-container {
             display: block;
-            margin-bottom: 15px;
 
-            #{$mat-form-field-label} {
+            .adf-sites-dropdown-form-field {
-                padding-top: 16px;
+                width: 100%;
             }
-
-            #{$mat-floating-label-above} {
-                padding-top: 0;
-            }
-        }
-    }
-
-    .adf-sites-dropdown-form-field {
-        margin-top: 4px;
-        margin-bottom: 16px;
-    }
-
-    .adf-site-dropdown-list-element {
-        width: 100%;
-        margin-bottom: 0;
-
-        .adf-sites-dropdown-select-trigger {
-            font-size: var(--theme-body-1-font-size);
         }
     }
 

lib/content-services/src/lib/content-node-selector/content-node-selector.component.scss

@@ -44,27 +44,6 @@ adf-content-node-selector {
 .adf-content-node-selector-dialog {
     #{$mat-form-field} {
         width: 100%;
-
-        #{$mat-select-arrow-wrapper} {
-            transform: translateY(2px);
-            padding-right: 4px;
-        }
-
-        #{$mat-form-field-infix} {
-            border-top: 0.85em solid transparent;
-            padding-bottom: 6px;
-            padding-top: 20px;
-        }
-
-        #{$mat-floating-label} {
-            padding-top: 8px;
-        }
-    }
-
-    .adf-content-node-selector-content-input-icon {
-        font-size: 21px;
-        padding: 18px 0 0;
-        margin-right: -4px;
     }
 
     .adf-dropdown-breadcrumb-icon {
@@ -81,9 +60,6 @@ adf-content-node-selector {
     }
 
     .adf-content-node-selector-dialog-title {
-        padding-bottom: 4px;
-        padding-left: 0;
-        padding-right: 0;
         font-size: var(--theme-title-font-size);
         font-weight: 600;
         font-style: normal;

lib/content-services/src/lib/site-dropdown/sites-dropdown.component.html

@@ -1,5 +1,5 @@
 <div id="site-dropdown-container" class="adf-site-dropdown-container">
-    <mat-form-field class="adf-sites-dropdown-form-field" subscriptSizing="dynamic">
+    <mat-form-field class="adf-sites-dropdown-form-field" appearance="outline" subscriptSizing="dynamic">
         <mat-label>{{ 'NODE_SELECTOR.LOCATION' | translate }}</mat-label>
         <mat-select
             adf-infinite-select-scroll

lib/core/src/lib/styles/_mat-selectors.scss

@@ -111,4 +111,5 @@ $mat-floating-label--required: '.mdc-floating-label--required';
 $mat-evolution-chip: '.mdc-evolution-chip';
 $mat-standard-chip: '.mat-mdc-standard-chip';
 $mat-evolution-chip-action: '.mdc-evolution-chip__action';
-$mat-evolution-chip-text-label: '.mdc-evolution-chip__text-label'
+$mat-evolution-chip-text-label: '.mdc-evolution-chip__text-label';
+$cdk-overlay-pane: '.cdk-overlay-pane';