Skip to content

Commit f199ed8

Browse files
Muskan Guptaci-build
Muskan Gupta
authored and
ci-build
committed
Updating style for email and accordion
1 parent 7209a63 commit f199ed8

File tree

2 files changed

+194
-51
lines changed
  • ui.af.apps/src/main/content/jcr_root/apps/core/fd/components/form

2 files changed

+194
-51
lines changed

‎ui.af.apps/src/main/content/jcr_root/apps/core/fd/components/form/accordion/v1/accordion/_cq_styleConfig/.content.xml‎

Lines changed: 191 additions & 48 deletions
Original file line numberDiff line numberDiff line change
@@ -11,66 +11,209 @@
1111
longTitle="Accordion Panel Container"
1212
propertySheet="/mnt/overlay/fd/af/components/stylePropertySheet/common">
1313
<items jcr:primaryType="nt:unstructured">
14-
<accordionBar
15-
jcr:primaryType="nt:unstructured"
16-
jcr:title="Header"
17-
id="af_accordionpanelheader"
18-
cssSelector=".cmp-accordion__header"
19-
longTitle="Accordion Header Bar"
20-
propertySheet="/mnt/overlay/fd/af/components/stylePropertySheet/common">
14+
<accordionLabelContainer
15+
jcr:primaryType="nt:unstructured"
16+
jcr:title="Label Container"
17+
id="af_accordionlabelcontainer"
18+
cssSelector=".cmp-accordion__label-container"
19+
longTitle="Accordion Label Container"
20+
propertySheet="/mnt/overlay/fd/af/components/stylePropertySheet/common">
21+
<items jcr:primaryType="nt:unstructured">
22+
<accordionLabel
23+
jcr:primaryType="nt:unstructured"
24+
jcr:title="Label"
25+
id="af_accordionlabel"
26+
cssSelector=".cmp-accordion__label"
27+
longTitle="Accordion Label"
28+
propertySheet="/mnt/overlay/fd/af/components/stylePropertySheet/common">
29+
<states jcr:primaryType="nt:unstructured">
30+
<hover
31+
jcr:primaryType="nt:unstructured"
32+
jcr:title="Hover"
33+
cssSelector=".cmp-accordion__label:hover"/>
34+
<focus
35+
jcr:primaryType="nt:unstructured"
36+
jcr:title="Focus"
37+
cssSelector=".cmp-accordion__label:focus"/>
38+
</states>
39+
</accordionLabel>
40+
<accordionHelpIcon
41+
jcr:primaryType="nt:unstructured"
42+
jcr:title="Help Icon"
43+
id="af_accordionhelpicon"
44+
cssSelector=".cmp-accordion__questionmark"
45+
longTitle="Accordion Help Icon"
46+
propertySheet="/mnt/overlay/fd/af/components/stylePropertySheet/common"
47+
secondarySelectors="af_guideContainer:af_helpicon">
48+
<states jcr:primaryType="nt:unstructured">
49+
<focus
50+
jcr:primaryType="nt:unstructured"
51+
jcr:title="Focus"
52+
cssSelector=".cmp-accordion__questionmark:focus"/>
53+
<hover
54+
jcr:primaryType="nt:unstructured"
55+
jcr:title="Hover"
56+
cssSelector=".cmp-accordion__questionmark:hover"/>
57+
<disabled
58+
jcr:primaryType="nt:unstructured"
59+
jcr:title="Disabled"
60+
cssSelector=".cmp-accordion__questionmark:disabled"/>
61+
</states>
62+
</accordionHelpIcon>
63+
</items>
2164
<states jcr:primaryType="nt:unstructured">
22-
<active
23-
jcr:primaryType="nt:unstructured"
24-
jcr:title="Active"
25-
cssSelector=".cmp-accordion__header:active"/>
26-
<stepped
27-
jcr:primaryType="nt:unstructured"
28-
jcr:title="Visited"
29-
cssSelector=".cmp-accordion__header.stepped"/>
65+
<disabled
66+
jcr:primaryType="nt:unstructured"
67+
jcr:title="Disabled"
68+
cssSelector=".cmp-accordion__label-container:disabled"/>
3069
<hover
31-
jcr:primaryType="nt:unstructured"
32-
jcr:title="Hover"
33-
cssSelector=".cmp-accordion__header:hover"/>
70+
jcr:primaryType="nt:unstructured"
71+
jcr:title="Hover"
72+
cssSelector=".cmp-accordion__label-container:hover"/>
73+
<focus
74+
jcr:primaryType="nt:unstructured"
75+
jcr:title="Focus"
76+
cssSelector=".cmp-accordion__label-container:focus"/>
77+
</states>
78+
</accordionLabelContainer>
79+
<accordionDescriptionShort
80+
jcr:primaryType="nt:unstructured"
81+
jcr:title="Short Description"
82+
id="af_accordiondescriptionshort"
83+
cssSelector=".cmp-accordion__shortdescription"
84+
longTitle="Accordion Short Description"
85+
propertySheet="/mnt/overlay/fd/af/components/stylePropertySheet/common">
86+
</accordionDescriptionShort>
87+
<accordionDescriptionLong
88+
jcr:primaryType="nt:unstructured"
89+
jcr:title="Long Description"
90+
id="af_accordiondescriptionlong"
91+
cssSelector=".cmp-accordion__longdescription"
92+
longTitle="Accordion Long Description"
93+
propertySheet="/mnt/overlay/fd/af/components/stylePropertySheet/common">
94+
<states jcr:primaryType="nt:unstructured">
95+
<focus
96+
jcr:primaryType="nt:unstructured"
97+
jcr:title="Focus"
98+
cssSelector=".cmp-accordion__longdescription:focus"/>
99+
<hover
100+
jcr:primaryType="nt:unstructured"
101+
jcr:title="Hover"
102+
cssSelector=".cmp-accordion__longdescription:hover"/>
34103
</states>
104+
</accordionDescriptionLong>
105+
<accordionPanelItem
106+
jcr:primaryType="nt:unstructured"
107+
jcr:title="Panel Item"
108+
id="af_accordionpanelitem"
109+
cssSelector=".cmp-accordion__item"
110+
longTitle="Accordion Panel Item"
111+
propertySheet="/mnt/overlay/fd/af/components/stylePropertySheet/common">
35112
<items jcr:primaryType="nt:unstructured">
36-
<accordionPanelTitle
113+
<accordionHeader
114+
jcr:primaryType="nt:unstructured"
115+
jcr:title="Header"
116+
id="af_accordionpanelheader"
117+
cssSelector=".cmp-accordion__header"
118+
longTitle="Accordion Header"
119+
propertySheet="/mnt/overlay/fd/af/components/stylePropertySheet/common">
120+
<states jcr:primaryType="nt:unstructured">
121+
<active
122+
jcr:primaryType="nt:unstructured"
123+
jcr:title="Active"
124+
cssSelector=".cmp-accordion__header:active"/>
125+
<hover
126+
jcr:primaryType="nt:unstructured"
127+
jcr:title="Hover"
128+
cssSelector=".cmp-accordion__header:hover"/>
129+
</states>
130+
</accordionHeader>
131+
<accordionHeaderButton
37132
jcr:primaryType="nt:unstructured"
38-
jcr:title="Title"
39-
id="af_accordionpaneltitle"
133+
jcr:title="Header Button"
134+
id="af_accordionheaderbutton"
40135
cssSelector=".cmp-accordion__button"
41-
longTitle="Accordion Panel Title"
136+
longTitle="Accordion Header Button"
42137
propertySheet="/mnt/overlay/fd/af/components/stylePropertySheet/common">
138+
<items jcr:primaryType="nt:unstructured">
139+
<accordionHeaderTitle
140+
jcr:primaryType="nt:unstructured"
141+
jcr:title="Title"
142+
id="af_accordionheadertitle"
143+
cssSelector=".cmp-accordion__title"
144+
longTitle="Accordion Header Title"
145+
propertySheet="/mnt/overlay/fd/af/components/stylePropertySheet/common">
146+
<states jcr:primaryType="nt:unstructured">
147+
<active
148+
jcr:primaryType="nt:unstructured"
149+
jcr:title="Active"
150+
cssSelector=".cmp-accordion__title:active"/>
151+
<hover
152+
jcr:primaryType="nt:unstructured"
153+
jcr:title="Hover"
154+
cssSelector=".cmp-accordion__title:hover"/>
155+
</states>
156+
</accordionHeaderTitle>
157+
<accordionHeaderIcon
158+
jcr:primaryType="nt:unstructured"
159+
jcr:title="Icon"
160+
id="af_accordionheadericon"
161+
cssSelector=".cmp-accordion__icon"
162+
longTitle="Accordion Header Icon"
163+
propertySheet="/mnt/overlay/fd/af/components/stylePropertySheet/common">
164+
<states jcr:primaryType="nt:unstructured">
165+
<active
166+
jcr:primaryType="nt:unstructured"
167+
jcr:title="Active"
168+
cssSelector=".cmp-accordion__icon:active"/>
169+
<hover
170+
jcr:primaryType="nt:unstructured"
171+
jcr:title="Hover"
172+
cssSelector=".cmp-accordion__icon:hover"/>
173+
</states>
174+
</accordionHeaderIcon>
175+
</items>
176+
<states jcr:primaryType="nt:unstructured">
177+
<active
178+
jcr:primaryType="nt:unstructured"
179+
jcr:title="Active"
180+
cssSelector=".cmp-accordion__button:active"/>
181+
<hover
182+
jcr:primaryType="nt:unstructured"
183+
jcr:title="Hover"
184+
cssSelector=".cmp-accordion__button:hover"/>
185+
</states>
186+
</accordionHeaderButton>
187+
<accordionPanelWidget
188+
jcr:primaryType="nt:unstructured"
189+
jcr:title="Widget"
190+
id="af_accordionpanelwidget"
191+
cssSelector=".cmp-accordion__panel"
192+
longTitle="Accordion Panel Widget"
193+
propertySheet="/mnt/overlay/fd/af/components/stylePropertySheet/common">
43194
<states jcr:primaryType="nt:unstructured">
44195
<active
45-
jcr:primaryType="nt:unstructured"
46-
jcr:title="Active"
47-
cssSelector=".cmp-accordion__button:active"/>
48-
<stepped
49-
jcr:primaryType="nt:unstructured"
50-
jcr:title="Visited"
51-
cssSelector=".cmp-accordion__button.stepped"/>
196+
jcr:primaryType="nt:unstructured"
197+
jcr:title="Active"
198+
cssSelector=".cmp-accordion__panel:active"/>
52199
<hover
53-
jcr:primaryType="nt:unstructured"
54-
jcr:title="Hover"
55-
cssSelector=".cmp-accordion__button:hover"/>
200+
jcr:primaryType="nt:unstructured"
201+
jcr:title="Hover"
202+
cssSelector=".cmp-accordion__panel:hover"/>
56203
</states>
57-
</accordionPanelTitle>
204+
</accordionPanelWidget>
58205
</items>
59-
</accordionBar>
60-
<accordionPanelDescription
61-
jcr:primaryType="nt:unstructured"
62-
jcr:title="Description"
63-
id="af_accordionpaneldescription"
64-
cssSelector=".cmp-accordion__panel .cmp-container__label"
65-
longTitle="Accordion Panel Description"
66-
propertySheet="/mnt/overlay/fd/af/components/stylePropertySheet/common"/>
67-
<contentArea
68-
jcr:primaryType="nt:unstructured"
69-
jcr:title="Content Area"
70-
id="af_accordionpanelcontentarea"
71-
cssSelector=".cmp-accordion__panel"
72-
longTitle="Accordion Content Area"
73-
propertySheet="/mnt/overlay/fd/af/components/stylePropertySheet/common"/>
206+
<states jcr:primaryType="nt:unstructured">
207+
<active
208+
jcr:primaryType="nt:unstructured"
209+
jcr:title="Active"
210+
cssSelector=".cmp-accordion__item:active"/>
211+
<hover
212+
jcr:primaryType="nt:unstructured"
213+
jcr:title="Hover"
214+
cssSelector=".cmp-accordion__item:hover"/>
215+
</states>
216+
</accordionPanelItem>
74217
</items>
75218
</accordionPanel>
76219
</items>

‎ui.af.apps/src/main/content/jcr_root/apps/core/fd/components/form/emailinput/v1/emailinput/_cq_styleConfig/.content.xml‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -68,15 +68,15 @@
6868
<disabled
6969
jcr:primaryType="nt:unstructured"
7070
jcr:title="Disabled"
71-
cssSelector="cmp-adaptiveform-emailinput__label-container:disabled"/>
71+
cssSelector=".cmp-adaptiveform-emailinput__label-container:disabled"/>
7272
<hover
7373
jcr:primaryType="nt:unstructured"
7474
jcr:title="Hover"
75-
cssSelector="cmp-adaptiveform-emailinput__label-container:hover"/>
75+
cssSelector=".cmp-adaptiveform-emailinput__label-container:hover"/>
7676
<focus
7777
jcr:primaryType="nt:unstructured"
7878
jcr:title="Focus"
79-
cssSelector="cmp-adaptiveform-emailinput__label-container:focus"/>
79+
cssSelector=".cmp-adaptiveform-emailinput__label-container:focus"/>
8080
</states>
8181
</emailLabelContainer>
8282
<emailWidgetAndText

0 commit comments

Comments
 (0)