Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-02-03 12:59:12 -05:00
Code Issues Activity

🎉 Add ellipsis to text

Browse source
This commit is contained in:
Eva 2022-08-04 13:54:35 +02:00
parent 57ec9f8218
commit 33706e0bda
2 changed files with 10 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
frontend/resources/styles/main/partials/dashboard-grid.scss
View file

@ -94,9 +94,7 @@
}
.item-info {
color: $color-gray-20;
display: flex;
flex-direction: column;
display: grid;
padding: $size-2;
text-align: left;
width: 100%;
@ -120,13 +118,18 @@
max-width: 230px;
}
}
span.date {
color: $color-gray-30;
color: $color-gray-20;
font-size: $fs14;
overflow: hidden;
text-overflow: ellipsis;
width: 100%;
white-space: nowrap;
max-width: 260px;
@media #{$bp-max-1366} {
max-width: 230px;
}
}
.edit-wrapper {

3
frontend/src/app/main/ui/dashboard/grid.cljs
View file

@ -62,7 +62,8 @@
[{:keys [modified-at]}]
(let [locale (mf/deref i18n/locale)
time (dt/timeago modified-at {:locale locale})]
(str (tr "ds.updated-at" time))))
[:span.date
(str (tr "ds.updated-at" time))]))
(defn create-counter-element
[_element file-count]