beautifying the new shitpost upload process
This commit is contained in:
@@ -255,7 +255,6 @@
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 10px;
|
||||
overflow: hidden;
|
||||
min-width: 0;
|
||||
}
|
||||
@@ -1170,3 +1169,31 @@
|
||||
.item-comment-input {
|
||||
min-height: 60px;
|
||||
}
|
||||
|
||||
/* Media column wrapper for URL items in shitpost mode:
|
||||
stacks the embed/icon above the url-type-badge (refetch trigger).
|
||||
Mirrors the flex sizing of .preview-media-small so embed size is unchanged. */
|
||||
.item-media-col {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: stretch;
|
||||
flex: 0 0 50%;
|
||||
width: 50%;
|
||||
min-height: 275px;
|
||||
max-height: 350px;
|
||||
}
|
||||
|
||||
.item-media-col iframe,
|
||||
.item-media-col .generic-file-icon {
|
||||
width: 100%;
|
||||
flex: 1 1 auto;
|
||||
min-height: 120px;
|
||||
max-height: 320px;
|
||||
border-radius: 8px;
|
||||
background: rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
|
||||
/* Badge inside the col sits flush below the embed, no extra sizing */
|
||||
.item-media-col .url-type-badge {
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user