mirror of
https://github.com/penpot/penpot.git
synced 2025-07-23 23:27:18 +02:00
💄 Fixes export dialog styling issues (#6673)
* 🐛 Fix text overflow in file list * 💄 Set monospace font for code-block component * 💄 Reduce padding
This commit is contained in:
parent
b8ee7cad26
commit
267a3af1e5
2 changed files with 6 additions and 2 deletions
|
@ -4,9 +4,11 @@
|
||||||
//
|
//
|
||||||
// Copyright (c) KALEIDOS INC
|
// Copyright (c) KALEIDOS INC
|
||||||
|
|
||||||
|
@use "../ds/typography.scss" as t;
|
||||||
@import "refactor/common-refactor.scss";
|
@import "refactor/common-refactor.scss";
|
||||||
|
|
||||||
.code-display {
|
.code-display {
|
||||||
|
@include t.use-typography("code-font");
|
||||||
user-select: text;
|
user-select: text;
|
||||||
border-radius: $br-8;
|
border-radius: $br-8;
|
||||||
margin-top: $s-8;
|
margin-top: $s-8;
|
||||||
|
|
|
@ -38,6 +38,7 @@
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: var(--sp-m);
|
gap: var(--sp-m);
|
||||||
padding-top: var(--sp-m);
|
padding-top: var(--sp-m);
|
||||||
|
max-width: calc(var(--modal-width) - var(--modal-padding) * 2);
|
||||||
}
|
}
|
||||||
|
|
||||||
.preview-label {
|
.preview-label {
|
||||||
|
@ -79,8 +80,10 @@
|
||||||
flex-grow: 1;
|
flex-grow: 1;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
|
padding: var(--sp-xs);
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
padding: var(--sp-s);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.export-actions {
|
.export-actions {
|
||||||
|
@ -108,7 +111,6 @@
|
||||||
overflow-x: auto;
|
overflow-x: auto;
|
||||||
word-wrap: normal;
|
word-wrap: normal;
|
||||||
white-space: pre;
|
white-space: pre;
|
||||||
max-width: calc(var(--modal-width) - var(--modal-padding) * 2);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.disabled-message {
|
.disabled-message {
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue