Skip to content

Commit d43edf2

Browse files
HUSSAR-mtrelaHUSSAR-mtrela
committed
add TODOs
1 parent db3cf04 commit d43edf2

2 files changed

Lines changed: 131 additions & 153 deletions

File tree

‎samples/gallery/dark-theme/index.html‎

Lines changed: 20 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -4,16 +4,13 @@
44
<title>Theme Gallery</title>
55
<meta charset="UTF-8" />
66

7-
87
<link rel="shortcut icon" href="https://dl.infragistics.com/x/img/browsers/wc.png" >
98
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" />
109
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Kanit&display=swap" />
1110
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Titillium Web" />
1211
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Berkshire+Swash">
1312

1413
<link rel="stylesheet" href="https://dl.infragistics.com/x/css/samples/shared.v8.css" type="text/css" />
15-
16-
1714
</head>
1815

1916
<body >
@@ -29,7 +26,10 @@
2926
</select>
3027
</div> -->
3128

32-
29+
<!-- TODO add sparkline -->
30+
<!-- TODO add category-chart -->
31+
<!-- TODO add shape-chart -->
32+
<!-- TODO wrap card elements when their min-width exceeds the container -->
3333

3434
<div class="container vertical">
3535
<div class="container horizontal">
@@ -61,20 +61,20 @@
6161

6262
<div class="container horizontal" style="margin-top: 0rem;">
6363

64-
<div class="container vertical" width="50%" style="padding: 1rem;">
64+
<div class="card container vertical" width="50%" style="padding: 1rem;">
6565
<label class="ig-title">TreeMap with Fill Scale</label>
6666
<igc-treemap id="treeMap2" width="100%" height="100%"></igc-treemap>
6767
</div>
68-
<div class="container vertical" width="50%" style="padding: 1rem;">
68+
<div class="card container vertical" width="50%" style="padding: 1rem;">
6969
<label class="ig-title">TreeMap with Fill Brushes</label>
7070
<igc-treemap id="treeMap1" width="100%" height="100%"></igc-treemap>
7171
</div>
7272

73-
<div class="container vertical" width="50%" style="padding: 1rem;">
73+
<div class="card container vertical" width="50%" style="padding: 1rem;">
7474
<label class="ig-title">DataChart with Scatter Point Series</label>
7575
<igc-data-chart id="dataScatterPointChart" width="100%" height="100%" ></igc-data-chart>
7676
</div>
77-
<div class="container vertical" width="50%" style="padding: 1rem;">
77+
<div class="card container vertical" width="50%" style="padding: 1rem;">
7878
<label class="ig-title">DataChart with Bubble Series</label>
7979
<igc-data-chart id="dataScatterBubbleChart" width="100%" height="100%" ></igc-data-chart>
8080
</div>
@@ -83,24 +83,24 @@
8383

8484
<div class="container horizontal" style="margin-top: 3rem;">
8585

86-
<div class="container vertical" width="50%" style="padding: 1rem;">
86+
<div class="card container vertical" width="50%" style="padding: 1rem;">
8787
<label class="ig-title">DataChart with Callout Layer</label>
8888
<igc-data-chart id="dataCalloutChart" width="100%" height="100%" ></igc-data-chart>
8989
</div>
9090

91-
<div class="container vertical" width="50%" style="padding: 1rem;">
91+
<div class="card container vertical" width="50%" style="padding: 1rem;">
9292
<label class="ig-title">DataChart with Stacked 100% Column Series</label>
9393
<igc-data-chart id="dataStackedChart" width="100%" height="100%" ></igc-data-chart>
9494
</div>
9595
<igc-data-legend id="dataStackedLegend" style="margin-top: 2rem;margin-right: 2rem;"> </igc-data-legend>
9696

97-
<div class="container vertical" width="50%" style="padding: 1rem;">
97+
<div class="card container vertical" width="50%" style="padding: 1rem;">
9898
<label class="ig-title">DataChart with Column Series</label>
9999
<igc-data-chart id="dataColChart" width="100%" height="100%" ></igc-data-chart>
100100
</div>
101101
<igc-data-legend id="dataColLegend" style="margin-top: 2rem;margin-right: 2rem;"> </igc-data-legend>
102102

103-
<div class="container vertical" width="50%" style="padding: 1rem;">
103+
<div class="card container vertical" width="50%" style="padding: 1rem;">
104104
<label class="ig-title">DataChart with Bar Series</label>
105105
<igc-data-chart id="dataBarChart" width="100%" height="100%" ></igc-data-chart>
106106
</div>
@@ -109,50 +109,50 @@
109109
</div>
110110

111111
<div class="container horizontal" style="margin-top: 3rem;">
112-
<div class="container vertical">
112+
<div class="card container vertical">
113113
<label class="ig-title">Funnel Chart with Legend</label>
114114
<igc-item-legend id="funnelLegend" orientation="Horizontal"> </igc-item-legend>
115115
<igc-funnel-chart id="funnelChart" width="100%" height="65%" style="margin-top: 1rem;"></igc-funnel-chart>
116116
</div>
117117

118-
<div class="container vertical">
118+
<div class="card container vertical">
119119
<label class="ig-title">Pie Chart with Legend</label>
120120
<igc-item-legend id="pieLegend" orientation="Horizontal"> </igc-item-legend>
121121
<igc-pie-chart id="pieChart" width="100%" height="100%" ></igc-pie-chart>
122122
</div>
123123

124-
<div class="container vertical">
124+
<div class="card container vertical">
125125
<label class="ig-title">Donut Chart with Legend</label>
126126
<igc-item-legend id="donutLegend" orientation="Horizontal"> </igc-item-legend>
127127
<igc-doughnut-chart id="donutChart" width="100%" height="100%" ></igc-doughnut-chart>
128128
</div>
129129

130-
<div class="container vertical">
130+
<div class="card container vertical">
131131
<label class="ig-title">Data Pie Chart with Legend</label>
132132
<igc-item-legend id="dataPieLegend" orientation="Horizontal"> </igc-item-legend>
133133
<igc-data-pie-chart id="dataPieChart" width="100%" height="100%" ></igc-data-pie-chart>
134134
</div>
135135
</div>
136136

137137
<div class="container horizontal">
138-
<div class="container vertical" width="50%" style="padding: 1rem;">
138+
<div class="card container vertical" width="50%" style="padding: 1rem;">
139139
<label class="ig-title">GeoMap with Symbol and PolyLine Series</label>
140140
<igc-geographic-map id="geoMap1" width="100%" height="100%"></igc-geographic-map>
141141
</div>
142-
<div class="container vertical" width="50%" style="padding: 1rem;">
142+
<div class="card container vertical" width="50%" style="padding: 1rem;">
143143
<label class="ig-title">GeoMap with Shape Series</label>
144144
<igc-geographic-map id="geoMap2" width="100%" height="100%"></igc-geographic-map>
145145
</div>
146146
</div>
147147

148148
<div class="container horizontal">
149-
<div class="container vertical">
149+
<div class="card container vertical">
150150
<label class="ig-title">Bullet Graph</label>
151151
<igc-bullet-graph id="bulletGauge" width="100%" height="30%" style="margin-top: 1rem;"></igc-bullet-graph>
152152
<label class="ig-title">Linear Gauge</label>
153153
<igc-linear-gauge id="linearGauge" width="100%" height="30%" style="margin-top: 1rem;"></igc-linear-gauge>
154154
</div>
155-
<div class="container vertical">
155+
<div class="card container vertical">
156156
<label class="ig-title">Radial Gauges</label>
157157
<igc-radial-gauge id="radialGauge" width="100%" height="80%" ></igc-radial-gauge>
158158
</div>

0 commit comments

Comments
 (0)