docs: (Core) Select custom item styles (#4603)

* adding styles for custom examples * addressng kevins comment * tryign to fix multilayout build issues by for,
SAP · Feb 10, 2021 · 4a80974 · 4a80974
1 parent 52e8c6f
commit 4a80974
Show file tree

Hide file tree

Showing 8 changed files with 21 additions and 11 deletions.
diff --git a/...component-docs/select/examples/select-custom-trigger/select-custom-trigger.component.scss b/...component-docs/select/examples/select-custom-trigger/select-custom-trigger.component.scss
@@ -12,3 +12,12 @@
         padding-right: 0.5rem;
     }
 }
+
+[dir="rtl"] span {
+        padding-right: 0.5rem;
+}
+
+[dir="rtl"] fd-icon {
+        padding-left: 0.5rem;
+
+}
diff --git a/...e/component-docs/select/examples/select-custom-trigger/select-custom-trigger.component.ts b/...e/component-docs/select/examples/select-custom-trigger/select-custom-trigger.component.ts
@@ -1,9 +1,10 @@
-import { Component } from '@angular/core';
+import { Component, ViewEncapsulation } from '@angular/core';
 
 @Component({
     selector: 'fd-select-custom-trigger',
     templateUrl: './select-custom-trigger.component.html',
-    styleUrls: ['./select-custom-trigger.component.scss']
+    styleUrls: ['./select-custom-trigger.component.scss'],
+    encapsulation: ViewEncapsulation.None
 })
 export class SelectCustomTriggerComponent {
     options: string[] = ['Apple', 'Pineapple', 'Tomato', 'Strawberry'];

diff --git a/...latform-forms/checkbox/platform-checkbox-examples/platform-binary-checkbox.component.html b/...latform-forms/checkbox/platform-checkbox-examples/platform-binary-checkbox.component.html
@@ -45,7 +45,7 @@ <h3>Binary Checkbox in Reactive/Model Driven Form</h3>
 <div style="padding-left: 2rem;">form value: {{ customForm.getRawValue() | json }}</div>
 
 <h3>Disabled Checkbox</h3>
-<fdp-form-group multiLayout="true">
+<fdp-form-group>
     <fdp-form-field #disabled id="disabled" label="Red" rank="1">
         <fdp-checkbox name="disabled-cb" [isBinary]="true" title="Red"
             (checkedChange)="checkedChangeFunction($event)" (indeterminateChange)="indeterminateChangeFunction($event)"

diff --git a/libs/platform/src/lib/components/form/checkbox-group/checkbox-group.component.spec.ts b/libs/platform/src/lib/components/form/checkbox-group/checkbox-group.component.spec.ts
@@ -12,7 +12,7 @@ import { By } from '@angular/platform-browser';
 @Component({
     selector: 'fdp-cbg-reactive-test',
     template: `
-        <fdp-form-group [multiLayout]="true" [formGroup]="form1" [object]="formData">
+        <fdp-form-group [formGroup]="form1" [object]="formData">
             <fdp-form-field #fl1 [id]="'phones'" [label]="'Phones interested in:'" zone="zLeft" rank="1">
                 <fdp-checkbox-group
                     [list]="phoneslist"
@@ -271,7 +271,7 @@ describe('CheckboxGroup component Reactive Form Test', () => {
 @Component({
     selector: 'fdp-cbg-template-driven-test',
     template: `
-        <fdp-form-group [multiLayout]="true">
+        <fdp-form-group>
             <fdp-form-field [id]="'phonest'" [label]="'Phones interested in:'" zone="zLeft" rank="1">
                 <fdp-checkbox-group [list]="phoneslist" [name]="'brands'" [(ngModel)]="phones"></fdp-checkbox-group>
             </fdp-form-field>
@@ -545,7 +545,7 @@ describe('Checkbox Group Component Template driven Form Tests', () => {
 @Component({
     selector: 'fdp-cbg-reactive-formgroup-data',
     template: `
-        <fdp-form-group [multiLayout]="true" [formGroup]="form2">
+        <fdp-form-group [formGroup]="form2">
             <fdp-form-field #fl1 [id]="'phones'" [label]="'Phones interested in:'" zone="zLeft" rank="1">
                 <fdp-checkbox-group [list]="phoneslist" [name]="'brands'" formControlName="phones"></fdp-checkbox-group>
             </fdp-form-field>

diff --git a/libs/platform/src/lib/components/form/input-group/input-group.component.spec.ts b/libs/platform/src/lib/components/form/input-group/input-group.component.spec.ts
@@ -86,7 +86,7 @@ describe('InputGroup component', () => {
 /** Usage with form */
 @Component({
     template: `
-        <fdp-form-group #fg [multiLayout]="true" [formGroup]="form" [object]="initialFormModel">
+        <fdp-form-group #fg [formGroup]="form" [object]="initialFormModel">
             <fdp-form-field
                 #ff
                 id="qty"

diff --git a/libs/platform/src/lib/components/form/radio-group/radio-group.component.spec.ts b/libs/platform/src/lib/components/form/radio-group/radio-group.component.spec.ts
@@ -12,7 +12,7 @@ import { SelectItem } from '../../../domain/data-model';
 @Component({
     selector: 'fdp-test-reative-fdp-form-group',
     template: `
-        <fdp-form-group [multiLayout]="true" [formGroup]="form1" [object]="formData">
+        <fdp-form-group [formGroup]="form1" [object]="formData">
             <fdp-form-field #fl1 [id]="'pizzaBrand'" [label]="'Select Pizza Store:'" zone="zLeft" rank="1">
                 <fdp-radio-group
                     [list]="pizzaBrands"
@@ -248,7 +248,7 @@ describe('Radio Group Test with Reactive fdp-form-group', () => {
 @Component({
     selector: 'fdp-test-template-driven-fdp-form-group',
     template: `
-        <fdp-form-group [multiLayout]="true">
+        <fdp-form-group>
             <fdp-form-field [id]="'pizzaBrandt'" [label]="'Select Pizza Store:'" zone="zLeft" rank="1">
                 <fdp-radio-group
                     [list]="pizzaBrands"

diff --git a/libs/platform/src/lib/components/form/step-input/number/number-step-input.component.spec.ts b/libs/platform/src/lib/components/form/step-input/number/number-step-input.component.spec.ts
@@ -412,7 +412,7 @@ describe('NumberStepInputComponent main functionality', () => {
 @Component({
     template: `
         <form [formGroup]="form" (ngSubmit)="onSubmit($event)">
-            <fdp-form-group #fg1 [multiLayout]="true" [formGroup]="form" [object]="initialFormModel">
+            <fdp-form-group #fg1 [formGroup]="form" [object]="initialFormModel">
                 <fdp-form-field
                     #ff
                     id="qty"

diff --git a/libs/platform/src/lib/components/form/text-area/text-area.component.spec.ts b/libs/platform/src/lib/components/form/text-area/text-area.component.spec.ts
@@ -14,7 +14,7 @@ import '@angular/localize/init';
     selector: 'fdp-test-textarea',
     template: `
         <form [formGroup]="form" (ngSubmit)="onSubmit()">
-            <fdp-form-group #fg1 [multiLayout]="true" [formGroup]="form">
+            <fdp-form-group #fg1 [formGroup]="form">
                 <fdp-form-field
                     #basicTextareaField
                     [id]="'basicTextarea'"