DevOpsTools/wrapped
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 1 Wiki Activity

Добавить копирование текста и двухосевую прокрутку в превью unwrap.

Browse Source
This commit is contained in:
Sergey Antropoff
2026-07-23 12:25:29 +03:00
parent d3c23e3c3c
commit 013a55edeb
3 changed files with 70 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/static/css/app.css
+38 -6
View File
@@ -553,7 +553,15 @@ body.busy-open { overflow: hidden; }
min-width: 0;
font-size: 0.9rem;
}
.btn.download-btn {
.item-card-actions {
display: flex;
flex-shrink: 0;
flex-wrap: wrap;
justify-content: flex-end;
gap: 0.4rem;
}
.btn.download-btn,
.btn.copy-btn {
flex-shrink: 0;
gap: 0.35rem;
padding: 0.35rem 0.65rem;
@@ -561,7 +569,8 @@ body.busy-open { overflow: hidden; }
font-size: 0.78rem;
font-weight: 600;
}
.btn.download-btn i {
.btn.download-btn i,
.btn.copy-btn i {
font-size: 0.72rem;
opacity: 0.9;
}
@@ -961,15 +970,38 @@ html[data-theme="light"] .footer-pillars li {
padding: 1rem;
background: var(--input);
}
.item-card pre {
.item-card pre,
.item-card .item-text-pre {
margin: 0.6rem 0 0;
overflow: auto;
max-height: 420px;
max-height: min(60vh, 28rem);
padding: 0.8rem;
border-radius: 8px;
background: rgba(0,0,0,0.25);
overflow-x: auto;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
overscroll-behavior: contain;
tab-size: 2;
}
.item-card pre code,
.item-card .item-text-pre code {
display: block;
width: max-content;
min-width: 100%;
margin: 0;
padding: 0;
background: transparent !important;
white-space: pre;
word-break: normal;
overflow-wrap: normal;
font-family: var(--font-mono);
font-size: 0.85rem;
line-height: 1.45;
}
html[data-theme="light"] .item-card pre,
html[data-theme="light"] .item-card .item-text-pre {
background: rgba(16, 32, 56, 0.05);
}
html[data-theme="light"] .item-card pre { background: rgba(16, 32, 56, 0.05); }
.item-card img {
max-width: 100%;
border-radius: 8px;