github/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2026-08-27 23:28:38 +00:00
Code Issues Packages Projects Releases Wiki Activity

🐛 Fix assets typography container is longer than others (#10406)

Browse Source 
* 🐛 Fix assets typography container is longer than others

* ♻️ Use new SCSS guidelines
This commit is contained in:
Luis de Dios 2026-06-26 09:42:22 +02:00 committed by GitHub
parent 345affc687
commit 66719a14f5
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 18 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
frontend/src/app/main/ui/workspace/sidebar/assets/typographies.scss
View File

@ -4,19 +4,21 @@
// //
// Copyright (c) KALEIDOS INC Sucursal en España SL // Copyright (c) KALEIDOS INC Sucursal en España SL
@use "refactor/common-refactor.scss" as deprecated; @use "ds/_borders.scss" as *;
@use "ds/_sizes.scss" as *;
@use "ds/_utils.scss" as *;
.assets-list { .assets-list {
padding: 0 0 0 deprecated.$s-4; padding: 0 0 0 var(--sp-xs);
} }
.drop-space { .drop-space {
height: deprecated.$s-12; block-size: $sz-12;
} }
.grid-placeholder { .grid-placeholder {
height: deprecated.$s-2; block-size: px2rem(2);
width: 100%; inline-size: 100%;
background-color: var(--color-accent-primary); background-color: var(--color-accent-primary);
} }
@ -24,18 +26,19 @@
position: relative; position: relative;
display: flex; display: flex;
align-items: center; align-items: center;
margin-bottom: deprecated.$s-4; margin-block-end: var(--sp-xs);
border-radius: deprecated.$br-8; border-radius: $br-8;
background-color: var(--assets-item-background-color); background-color: var(--color-background-tertiary);
inline-size: var(--options-width);
} }
.dragging { .dragging {
position: absolute; position: absolute;
top: 0; inset-block-start: 0;
left: 0; inset-inline-start: 0;
height: 100%; block-size: 100%;
width: 100%; inline-size: 100%;
border: deprecated.$s-2 solid var(--assets-item-border-color-drag); border: $b-2 solid var(--color-accent-primary-muted);
border-radius: deprecated.$s-8; border-radius: $br-8;
background-color: var(--assets-item-background-color-drag); background-color: transparent;
} }