Skip to content

Commit a142b82

Browse files
Muskan Guptaci-build
Muskan Gupta
authored and
ci-build
committed
Updating style for vertical tabs
1 parent e0f578a commit a142b82

File tree

2 files changed

+183
-0
lines changed
  • ui.af.apps/src/main/content/jcr_root/apps/core/fd/components/form/verticaltabs/v1/verticaltabs

2 files changed

+183
-0
lines changed

‎ui.af.apps/src/main/content/jcr_root/apps/core/fd/components/form/verticaltabs/v1/verticaltabs/README.md‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -46,6 +46,7 @@ BLOCK cmp-verticaltabs
4646
ELEMENT cmp-verticaltabs__tablist
4747
ELEMENT cmp-verticaltabs__label
4848
ELEMENT cmp-verticaltabs__label-container
49+
ELEMENT cmp-verticaltabs__tabs-container
4950
ELEMENT cmp-verticaltabs__tab
5051
MOD cmp-verticaltabs__tab--active
5152
MOD cmp-verticaltabs__tab--stepped

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

Lines changed: 182 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,182 @@
1+
<?xml version="1.0" encoding="UTF-8"?>
2+
<jcr:root xmlns:sling="http://sling.apache.org/jcr/sling/1.0" xmlns:cq="http://www.day.com/jcr/cq/1.0" xmlns:jcr="http://www.jcp.org/jcr/1.0" xmlns:nt="http://www.jcp.org/jcr/nt/1.0"
3+
jcr:primaryType="nt:unstructured"
4+
jcr:title="panel">
5+
<items jcr:primaryType="nt:unstructured">
6+
<tabsOnLeftPanel
7+
jcr:primaryType="nt:unstructured"
8+
jcr:title="Tabs on Left"
9+
id="af_tabsonleft"
10+
cssSelector=".cmp-verticaltabs"
11+
longTitle="Vertical Tabs Panel Container"
12+
propertySheet="/mnt/overlay/fd/af/components/stylePropertySheet/common">
13+
<items jcr:primaryType="nt:unstructured">
14+
<verticalTabsLabelContainer
15+
jcr:primaryType="nt:unstructured"
16+
jcr:title="Label Container"
17+
id="af_verticalTabslabelcontainer"
18+
cssSelector=".cmp-verticaltabs__label-container"
19+
longTitle="Vertical Tabs Label Container"
20+
propertySheet="/mnt/overlay/fd/af/components/stylePropertySheet/common">
21+
<items jcr:primaryType="nt:unstructured">
22+
<verticalTabsLabel
23+
jcr:primaryType="nt:unstructured"
24+
jcr:title="Label"
25+
id="af_verticalTabslabel"
26+
cssSelector=".cmp-verticaltabs__label"
27+
longTitle="Vertical Tabs 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-verticaltabs__label:hover"/>
34+
<focus
35+
jcr:primaryType="nt:unstructured"
36+
jcr:title="Focus"
37+
cssSelector=".cmp-verticaltabs__label:focus"/>
38+
</states>
39+
</verticalTabsLabel>
40+
<verticalTabsHelpIcon
41+
jcr:primaryType="nt:unstructured"
42+
jcr:title="Help Icon"
43+
id="af_verticalTabshelpicon"
44+
cssSelector=".cmp-verticaltabs__questionmark"
45+
longTitle="Vertical Tabs 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-verticaltabs__questionmark:focus"/>
53+
<hover
54+
jcr:primaryType="nt:unstructured"
55+
jcr:title="Hover"
56+
cssSelector=".cmp-verticaltabs__questionmark:hover"/>
57+
<disabled
58+
jcr:primaryType="nt:unstructured"
59+
jcr:title="Disabled"
60+
cssSelector=".cmp-verticaltabs__questionmark:disabled"/>
61+
</states>
62+
</verticalTabsHelpIcon>
63+
</items>
64+
<states jcr:primaryType="nt:unstructured">
65+
<disabled
66+
jcr:primaryType="nt:unstructured"
67+
jcr:title="Disabled"
68+
cssSelector=".cmp-verticaltabs__label-container:disabled"/>
69+
<hover
70+
jcr:primaryType="nt:unstructured"
71+
jcr:title="Hover"
72+
cssSelector=".cmp-verticaltabs__label-container:hover"/>
73+
<focus
74+
jcr:primaryType="nt:unstructured"
75+
jcr:title="Focus"
76+
cssSelector=".cmp-verticaltabs__label-container:focus"/>
77+
</states>
78+
</verticalTabsLabelContainer>
79+
<verticalTabsDescriptionShort
80+
jcr:primaryType="nt:unstructured"
81+
jcr:title="Short Description"
82+
id="af_verticalTabsdescriptionshort"
83+
cssSelector=".cmp-verticaltabs__shortdescription"
84+
longTitle="Vertical Tabs Short Description"
85+
propertySheet="/mnt/overlay/fd/af/components/stylePropertySheet/common">
86+
</verticalTabsDescriptionShort>
87+
<verticalTabsDescriptionLong
88+
jcr:primaryType="nt:unstructured"
89+
jcr:title="Long Description"
90+
id="af_verticalTabsdescriptionlong"
91+
cssSelector=".cmp-verticaltabs__longdescription"
92+
longTitle="Vertical Tabs 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-verticaltabs__longdescription:focus"/>
99+
<hover
100+
jcr:primaryType="nt:unstructured"
101+
jcr:title="Hover"
102+
cssSelector=".cmp-verticaltabs__longdescription:hover"/>
103+
</states>
104+
</verticalTabsDescriptionLong>
105+
<verticalTabsTabContainer
106+
jcr:primaryType="nt:unstructured"
107+
jcr:title="Tab Container"
108+
id="af_verticalTabstabcontainer"
109+
cssSelector=".cmp-verticaltabs__tabs-container"
110+
longTitle="Vertical Tabs Tab Container"
111+
propertySheet="/mnt/overlay/fd/af/components/stylePropertySheet/common">
112+
<items jcr:primaryType="nt:unstructured">
113+
<verticalTabsTabList
114+
jcr:primaryType="nt:unstructured"
115+
jcr:title="Tabs List"
116+
id="af_verticalTabstablist"
117+
cssSelector=".cmp-verticaltabs__tablist"
118+
longTitle="Vertical Tabs Tab List"
119+
propertySheet="/mnt/overlay/fd/af/components/stylePropertySheet/common">
120+
<items jcr:primaryType="nt:unstructured">
121+
<verticalTabsTab
122+
jcr:primaryType="nt:unstructured"
123+
jcr:title="Tab"
124+
id="af_verticalTabstab"
125+
cssSelector=".cmp-verticaltabs__tab"
126+
longTitle="Vertical Tabs Tab"
127+
propertySheet="/mnt/overlay/fd/af/components/stylePropertySheet/common">
128+
<states jcr:primaryType="nt:unstructured">
129+
<active
130+
jcr:primaryType="nt:unstructured"
131+
jcr:title="Active"
132+
cssSelector=".cmp-verticaltabs__tab--active"/>
133+
<hover
134+
jcr:primaryType="nt:unstructured"
135+
jcr:title="Hover"
136+
cssSelector=".cmp-verticaltabs__tab:hover"/>
137+
<focus
138+
jcr:primaryType="nt:unstructured"
139+
jcr:title="Focus"
140+
cssSelector=".cmp-verticaltabs__tab:focus"/>
141+
<disabled
142+
jcr:primaryType="nt:unstructured"
143+
jcr:title="Disabled"
144+
cssSelector=".cmp-verticaltabs__tab:disabled"/>
145+
</states>
146+
</verticalTabsTab>
147+
</items>
148+
<states jcr:primaryType="nt:unstructured">
149+
<hover
150+
jcr:primaryType="nt:unstructured"
151+
jcr:title="Hover"
152+
cssSelector=".cmp-verticaltabs__tablist:hover"/>
153+
<focus
154+
jcr:primaryType="nt:unstructured"
155+
jcr:title="Focus"
156+
cssSelector=".cmp-verticaltabs__tablist:focus"/>
157+
<disabled
158+
jcr:primaryType="nt:unstructured"
159+
jcr:title="Disabled"
160+
cssSelector=".cmp-verticaltabs__tablist:disabled"/>
161+
</states>
162+
</verticalTabsTabList>
163+
</items>
164+
<states jcr:primaryType="nt:unstructured">
165+
<hover
166+
jcr:primaryType="nt:unstructured"
167+
jcr:title="Hover"
168+
cssSelector=".cmp-verticaltabs__tabs-container:hover"/>
169+
<focus
170+
jcr:primaryType="nt:unstructured"
171+
jcr:title="Focus"
172+
cssSelector=".cmp-verticaltabs__tabs-container:focus"/>
173+
<disabled
174+
jcr:primaryType="nt:unstructured"
175+
jcr:title="Disabled"
176+
cssSelector=".cmp-verticaltabs__tabs-container:disabled"/>
177+
</states>
178+
</verticalTabsTabContainer>
179+
</items>
180+
</tabsOnLeftPanel>
181+
</items>
182+
</jcr:root>

0 commit comments

Comments
 (0)