Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-02-23 23:35:58 -05:00
Code Issues Activity

🐛 Fix some visual errors

Browse source
This commit is contained in:
Eva 2022-12-29 13:59:57 +01:00 • committed by Alejandro Alonso
parent 6592456085
commit 0a8dfde0a2
5 changed files with 75 additions and 61 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
frontend/resources/styles/main/partials/context-menu.scss
View file

@ -48,6 +48,7 @@
color: $color-black;
display: block;
font-size: $fs14;
font-weight: 400;
padding: $size-2 $size-4;
text-align: left;
white-space: nowrap;

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

@ -29,6 +29,7 @@
text-align: center;
a {
width: 100%;
font-weight: normal;
}
@media #{$bp-max-1366} {
height: 200px;
@ -103,6 +104,10 @@
width: 90px;
height: 90px;
}
.info-wrapper {
display: grid;
grid-template-columns: 1fr auto;
}
.item-info {
display: grid;
@ -132,7 +137,6 @@
span.date {
color: $color-gray-30;
font-size: $fs13;
overflow: hidden;
text-overflow: ellipsis;
width: 100%;
@ -203,6 +207,9 @@
.project-th-actions {
opacity: 1;
}
a {
text-decoration: none;
}
}
.selected {
@ -213,14 +220,12 @@
.project-th-actions {
align-items: center;
bottom: 14px;
opacity: 0;
display: flex;
right: 5px;
justify-content: center;
position: absolute;
width: 30px;
height: 30px;
height: 100%;
span {
color: $color-black;
@ -238,7 +243,8 @@
align-items: flex-end;
flex-direction: column;
width: 100%;
height: 100%;
height: 30px;
margin-top: 20px;
> svg {
fill: $color-gray-60;

1
frontend/resources/styles/main/partials/dashboard-sidebar.scss
View file

@ -139,6 +139,7 @@
color: $color-gray-60;
@include text-ellipsis;
width: 130px;
text-align: left;
}
.icon {

6
frontend/resources/styles/main/partials/dashboard.scss
View file

@ -250,6 +250,9 @@
font-weight: 400;
color: $color-gray-60;
margin-left: 0.75rem;
@media (max-width: 760px) {
display: none;
}
}
.project-actions {
@ -299,6 +302,9 @@
line-height: 1rem;
font-size: $fs14;
font-weight: 400;
@media (max-width: 880px) {
display: none;
}
}
.dashboard-table {

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

@ -302,6 +302,7 @@
[:& grid-item-thumbnail {:file file}])
(when (and (:is-shared file) (not library-view?))
[:div.item-badge i/library])
[:div.info-wrapper
[:div.item-info
(if (:edition @local)
[:& inline-edition {:content (:name file)
@ -327,8 +328,7 @@
:on-edit on-edit
:on-menu-close on-menu-close
:origin origin
:dashboard-local dashboard-local}])]]]]
))
:dashboard-local dashboard-local}])]]]]]))
(mf/defc grid