Skip to content

Commit fcef0e5

Browse files
committed
RevDepRow: Improve long crate name styling
1 parent 1a6bf52 commit fcef0e5

File tree

2 files changed

+7
-1
lines changed

2 files changed

+7
-1
lines changed

app/components/rev-dep-row.hbs

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
<div local-class="row {{if this.focused "focused"}}" ...attributes>
2-
<div>
2+
<div local-class="left">
33
<LinkTo
44
@route="crate"
55
@model={{@dependency.version.crateName}}

app/components/rev-dep-row.module.css

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,7 @@
66
display: flex;
77
align-items: center;
88
justify-content: space-between;
9+
flex-wrap: wrap;
910
position: relative;
1011
font-size: 18px;
1112
padding: 15px 25px;
@@ -28,6 +29,11 @@
2829
}
2930
}
3031

32+
.left {
33+
overflow: hidden;
34+
text-overflow: ellipsis;
35+
}
36+
3137
.link {
3238
color: var(--crate-color);
3339
font-weight: 500;

0 commit comments

Comments
 (0)