Skip to content

Commit 1523e25

Browse files
authoredMay 20, 2021
fix(ui5-li-tree): info text visual appearance (#3280)
There was a separate CSS class .ui5-li-tree-info which add the same styles as .ui5-li-info. Now, ui5-tree-item uses .ui5-li-info CSS class. Fixes: #3130
1 parent 44c39fa commit 1523e25

File tree

2 files changed

+1
-30
lines changed

2 files changed

+1
-30
lines changed
 

‎packages/main/src/TreeListItem.hbs

+1-1
Original file line numberDiff line numberDiff line change
@@ -24,7 +24,7 @@
2424
{{/if}}
2525

2626
{{#if info}}
27-
<span part="info" class="ui5-li-tree-info">{{info}}</span>
27+
<span part="info" class="ui5-li-info">{{info}}</span>
2828
{{/if}}
2929
</div>
3030
{{/inline}}

‎packages/main/src/themes/TreeListItem.css

-29
Original file line numberDiff line numberDiff line change
@@ -89,35 +89,6 @@
8989
color: var(--sapList_Active_TextColor);
9090
}
9191

92-
/* [ui5-li]: infoState */
93-
:host([info-state="Warning"]) .ui5-li-tree-info {
94-
color: var(--sapCriticalTextColor);
95-
}
96-
97-
:host([info-state="Success"]) .ui5-li-tree-info {
98-
color: var(--sapPositiveTextColor);
99-
}
100-
101-
:host([info-state="Error"]) .ui5-li-tree-info {
102-
color: var(--sapNegativeTextColor);
103-
}
104-
105-
:host([info-state="Information"]) .ui5-li-tree-info {
106-
color: var(--sapInformativeTextColor);
107-
}
108-
109-
/* [ui5-li]: info */
110-
.ui5-li-tree-info {
111-
margin: 0 0.25rem;
112-
color: var(--sapNeutralTextColor);
113-
font-size: 0.875rem;
114-
min-width: 6rem;
115-
max-width: 40%;
116-
white-space: nowrap;
117-
overflow: hidden;
118-
text-overflow: ellipsis;
119-
}
120-
12192
.ui5-li-tree-text-wrapper {
12293
display:flex;
12394
justify-content:space-between;

0 commit comments

Comments
 (0)