some more features and fixes (title and show info)
This commit is contained in:
@@ -857,6 +857,8 @@ body.favorites-view-open .favorites-empty {
|
||||
padding: 10px 12px 12px 12px;
|
||||
}
|
||||
|
||||
/* One line, always. A title too long for the card scrolls across it (see
|
||||
App.marquee) rather than wrapping the card to an uneven height. */
|
||||
.favorite-info h4 {
|
||||
font-size: 13px;
|
||||
font-weight: 600;
|
||||
@@ -864,6 +866,20 @@ body.favorites-view-open .favorites-empty {
|
||||
color: var(--text-primary);
|
||||
font-family: var(--font-display);
|
||||
line-height: 1.3;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.favorite-title-text {
|
||||
display: inline-block;
|
||||
padding-right: 24px;
|
||||
transform: translateX(0);
|
||||
}
|
||||
|
||||
.favorite-card.is-title-active .favorite-title-text {
|
||||
animation: video-title-marquee var(--marquee-duration, 10s) linear infinite;
|
||||
will-change: transform;
|
||||
}
|
||||
|
||||
.favorites-empty {
|
||||
@@ -1387,6 +1403,31 @@ body.theme-light .favorite-btn {
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
/* The panel shows every field the client has, which for a resolved video is the
|
||||
extractor's whole payload -- dozens of rows. Give the list its own scroll so
|
||||
the card stays inside the viewport and the close button stays put. */
|
||||
.info-list {
|
||||
max-height: min(70vh, 620px);
|
||||
overflow-y: auto;
|
||||
padding-right: 4px;
|
||||
}
|
||||
|
||||
.info-section {
|
||||
font-family: var(--font-display);
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.8px;
|
||||
font-size: 11px;
|
||||
color: var(--text-secondary);
|
||||
border-bottom: 1px solid var(--border);
|
||||
padding: 6px 0;
|
||||
}
|
||||
|
||||
.info-pending {
|
||||
font-size: 12px;
|
||||
color: var(--text-secondary);
|
||||
padding-top: 4px;
|
||||
}
|
||||
|
||||
.info-row {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
@@ -2162,7 +2203,7 @@ body.feed-mode-open .mode-toggle-btn .icon-svg {
|
||||
transform: translateX(0);
|
||||
}
|
||||
|
||||
.feed-title.is-marquee .feed-title-text {
|
||||
.feed-title.has-marquee .feed-title-text {
|
||||
animation: video-title-marquee var(--marquee-duration, 10s) linear infinite;
|
||||
will-change: transform;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user