Ensure only content gets clipped

This commit is contained in:
FloatingGhost 2022-12-07 11:01:58 +00:00
parent a8e119b0f1
commit abc75c360b
3 changed files with 24 additions and 18 deletions

View file

@ -42,6 +42,10 @@
display: flex; display: flex;
padding: var(--status-margin, $status-margin); padding: var(--status-margin, $status-margin);
.content {
overflow: hidden;
}
> * { > * {
min-width: 0; min-width: 0;
} }

View file

@ -352,22 +352,25 @@
</div> </div>
</div> </div>
<StatusContent <div class="content">
ref="content" <StatusContent
:status="status" ref="content"
:no-heading="noHeading" class="status-content"
:highlight="highlight" :status="status"
:focused="isFocused" :no-heading="noHeading"
:controlled-showing-tall="controlledShowingTall" :highlight="highlight"
:controlled-expanding-subject="controlledExpandingSubject" :focused="isFocused"
:controlled-showing-long-subject="controlledShowingLongSubject" :controlled-showing-tall="controlledShowingTall"
:controlled-toggle-showing-tall="controlledToggleShowingTall" :controlled-expanding-subject="controlledExpandingSubject"
:controlled-toggle-expanding-subject="controlledToggleExpandingSubject" :controlled-showing-long-subject="controlledShowingLongSubject"
:controlled-toggle-showing-long-subject="controlledToggleShowingLongSubject" :controlled-toggle-showing-tall="controlledToggleShowingTall"
@mediaplay="addMediaPlaying($event)" :controlled-toggle-expanding-subject="controlledToggleExpandingSubject"
@mediapause="removeMediaPlaying($event)" :controlled-toggle-showing-long-subject="controlledToggleShowingLongSubject"
@parseReady="setHeadTailLinks" @mediaplay="addMediaPlaying($event)"
/> @mediapause="removeMediaPlaying($event)"
@parseReady="setHeadTailLinks"
/>
</div>
<div <div
v-if="inConversation && !isPreview && replies && replies.length" v-if="inConversation && !isPreview && replies && replies.length"
@ -534,6 +537,6 @@
</div> </div>
</template> </template>
<script src="./status.js" ></script> <script src="./status.js"></script>
<style src="./status.scss" lang="scss"></style> <style src="./status.scss" lang="scss"></style>

View file

@ -68,7 +68,6 @@
.StatusContent { .StatusContent {
flex: 1; flex: 1;
min-width: 0; min-width: 0;
overflow: hidden;
img, video { img, video {
&.emoji { &.emoji {