mirror of
https://github.com/grafana/grafana.git
synced 2025-02-25 18:55:37 -06:00
fix(ux): fixed ux issue in new cards data source list, now handles overflowing urls and titles, fixes #4403
This commit is contained in:
parent
6d36641080
commit
73e5c70d80
@ -68,9 +68,11 @@
|
|||||||
|
|
||||||
.card-item-body {
|
.card-item-body {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
.card-item-details {
|
.card-item-details {
|
||||||
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
.card-item-header {
|
.card-item-header {
|
||||||
@ -83,10 +85,16 @@
|
|||||||
|
|
||||||
.card-item-name {
|
.card-item-name {
|
||||||
color: $headings-color;
|
color: $headings-color;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.card-item-sub-name {
|
.card-item-sub-name {
|
||||||
color: $text-color-weak;
|
color: $text-color-weak;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.card-list-layout-grid {
|
.card-list-layout-grid {
|
||||||
|
Loading…
Reference in New Issue
Block a user