Skip to content

Commit 9f01fe8

Browse files
mddifilippo89mddifilippo89
authored
update css (#925)
update css
1 parent b61fe47 commit 9f01fe8

File tree

36 files changed

+562
-36
lines changed

36 files changed

+562
-36
lines changed

‎samples/grids/grid/custom-context-menu/src/index.css‎

Lines changed: 41 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,2 +1,42 @@
11
/* shared styles are loaded from: */
2-
/* https://static.infragistics.com/xplatform/css/samples */
2+
/* https://static.infragistics.com/xplatform/css/samples */
3+
.contextmenu {
4+
position: absolute;
5+
width: 180px;
6+
background: white;
7+
display: flex;
8+
cursor: context-menu;
9+
flex-direction: column;
10+
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
11+
z-index: 9999;
12+
font-size: 0.75rem;
13+
font-weight: 650;
14+
}
15+
16+
.item {
17+
padding: 10px;
18+
display: flex;
19+
}
20+
21+
.item:hover {
22+
background:rgb(204, 203, 203);
23+
}
24+
25+
.icon {
26+
vertical-align: middle;
27+
margin-bottom: 5px;
28+
margin-right: 5px;
29+
}
30+
31+
.selected-data-area{
32+
overflow-y: auto;
33+
width: 50%;
34+
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
35+
margin-left: 10px;
36+
}
37+
38+
.wrapper{
39+
margin: 10px;
40+
display: flex;
41+
justify-content: space-evenly;
42+
}

‎samples/grids/grid/data-searching/src/index.css‎

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,2 +1,5 @@
11
/* shared styles are loaded from: */
2-
/* https://static.infragistics.com/xplatform/css/samples */
2+
/* https://static.infragistics.com/xplatform/css/samples */
3+
.gridSize {
4+
--ig-size: var(--ig-size-small);
5+
}

‎samples/grids/grid/finjs/src/index.css‎

Lines changed: 52 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,2 +1,53 @@
11
/* shared styles are loaded from: */
2-
/* https://static.infragistics.com/xplatform/css/samples */
2+
/* https://static.infragistics.com/xplatform/css/samples */
3+
4+
.changePos1 > .igx-grid__td-text {
5+
border-inline-end: 4px solid rgb(76, 184, 96);
6+
padding-inline-end: 15px;
7+
}
8+
9+
.changePos2 > .igx-grid__td-text {
10+
border-inline-end: 4px solid rgb(76, 184, 96);
11+
padding-inline-end: 15px;
12+
}
13+
14+
.changeNeg > .igx-grid__td-text {
15+
border-inline-end: 4px solid rgb(255, 20, 75);
16+
padding-inline-end: 9px;
17+
}
18+
19+
.changeNeg1 > .igx-grid__td-text {
20+
border-inline-end: 4px solid rgb(255, 20, 75);
21+
padding-inline-end: 9px;
22+
}
23+
24+
.changeNeg2 > .igx-grid__td-text {
25+
border-inline-end: 4px solid rgb(255, 20, 75);
26+
padding-inline-end: 15px;
27+
}
28+
29+
.positive {
30+
color: rgb(76, 184, 96);
31+
}
32+
33+
.strongPositive2 > .igx-grid__td-text {
34+
border-inline-end: 4px solid rgb(76, 184, 96);
35+
padding-inline-end: 15px;
36+
}
37+
38+
.negative {
39+
color: rgb(255, 20, 75);
40+
}
41+
42+
.strongNegative2 > .igx-grid__td-text {
43+
border-inline-end: 4px solid rgb(255, 20, 75);
44+
padding-inline-end: 15px;
45+
}
46+
47+
.gridSize {
48+
--ig-size: var(--ig-size-medium);
49+
}
50+
51+
.size-small {
52+
--ig-size: var(--ig-size-small);
53+
}

‎samples/grids/grid/state-persistence-main/src/index.css‎

Lines changed: 9 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,2 +1,10 @@
11
/* shared styles are loaded from: */
2-
/* https://static.infragistics.com/xplatform/css/samples */
2+
/* https://static.infragistics.com/xplatform/css/samples */
3+
.horizontal {
4+
gap: 10px;
5+
flex-basis: fit-content;
6+
flex-wrap: wrap;
7+
}
8+
.sampleContainer {
9+
padding: 0.5rem
10+
}

‎samples/grids/hierarchical-grid/cell-selection-styling/src/index.css‎

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,2 +1,7 @@
11
/* shared styles are loaded from: */
2-
/* https://static.infragistics.com/xplatform/css/samples */
2+
/* https://static.infragistics.com/xplatform/css/samples */
3+
#hGrid {
4+
--ig-grid--cell-selected-text-color: #FFFFFF;
5+
--ig-grid--cell-active-border-color: #0578c4;
6+
--ig-grid--cell-selected-background: #0578c4;
7+
}

‎samples/grids/hierarchical-grid/state-persistence-main/src/index.css‎

Lines changed: 9 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,2 +1,10 @@
11
/* shared styles are loaded from: */
2-
/* https://static.infragistics.com/xplatform/css/samples */
2+
/* https://static.infragistics.com/xplatform/css/samples */
3+
.horizontal {
4+
gap: 10px;
5+
flex-basis: fit-content;
6+
flex-wrap: wrap;
7+
}
8+
.sampleContainer {
9+
padding: 0.5rem
10+
}

‎samples/grids/pivot-grid/data-persistence-noop/src/index.css‎

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,2 +1,6 @@
11
/* shared styles are loaded from: */
2-
/* https://static.infragistics.com/xplatform/css/samples */
2+
/* https://static.infragistics.com/xplatform/css/samples */
3+
.horizontal {
4+
gap: 1rem;
5+
padding: 0.5rem
6+
}

‎samples/grids/pivot-grid/state-persistence-main/src/index.css‎

Lines changed: 17 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,2 +1,18 @@
11
/* shared styles are loaded from: */
2-
/* https://static.infragistics.com/xplatform/css/samples */
2+
/* https://static.infragistics.com/xplatform/css/samples */
3+
.horizontal {
4+
gap: 10px;
5+
flex-basis: fit-content;
6+
flex-wrap: wrap;
7+
}
8+
.sampleContainer {
9+
padding: 0.5rem
10+
}
11+
12+
.upFontValue {
13+
color: hsla(var(--ig-success-500));
14+
}
15+
16+
.downFontValue {
17+
color: hsla(var(--ig-error-500));
18+
}

‎samples/grids/tree-grid/column-data-types/src/index.css‎

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,2 +1,5 @@
11
/* shared styles are loaded from: */
2-
/* https://static.infragistics.com/xplatform/css/samples */
2+
/* https://static.infragistics.com/xplatform/css/samples */
3+
img {
4+
width: 50px;
5+
}

‎samples/grids/tree-grid/column-selection-style/src/index.css‎

Lines changed: 10 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,2 +1,11 @@
11
/* shared styles are loaded from: */
2-
/* https://static.infragistics.com/xplatform/css/samples */
2+
/* https://static.infragistics.com/xplatform/css/samples */
3+
#treeGrid {
4+
--ig-grid-row-selected-background: #0062A3;
5+
--ig-grid-row-selected-text-color: #ecaa53;
6+
--ig-grid-row-selected-hover-background: #0062A3;
7+
--ig-grid-header-selected-text-color: #ecaa53;
8+
--ig-grid-header-selected-background: #0062A3;
9+
--ig-grid-row-selected-hover-text-color: #ecaa53;
10+
--ig-grid-row-selected-hover-background: #0062A3;
11+
}

0 commit comments

Comments
 (0)