💄 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:
Florian Schrödl 2025-06-11 10:43:02 +02:00 committed by GitHub
parent b8ee7cad26
commit 267a3af1e5
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 6 additions and 2 deletions

View file

@ -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;

View file

@ -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 {