Fix UI overflows

This commit is contained in:
Chocobozzz 2021-05-26 16:00:09 +02:00
parent 6c8a99d12a
commit b45afe12f9
No known key found for this signature in database
GPG Key ID: 583A612D890159BE
4 changed files with 8 additions and 1 deletions

View File

@ -36,6 +36,8 @@
}
a {
@include peertube-word-wrap;
color: pvar(--mainForegroundColor);
}

View File

@ -146,6 +146,8 @@ $video-info-margin-left: 44px;
}
.video-info-name {
@include peertube-word-wrap;
margin-right: 30px;
min-height: 40px; // Align with the action buttons
font-size: 27px;
@ -173,6 +175,7 @@ $video-info-margin-left: 44px;
a {
@include disable-default-a-behaviour;
@include peertube-word-wrap;
color: pvar(--mainForegroundColor);

View File

@ -40,7 +40,7 @@
</ng-container>
<div
class="btn-group" ngbDropdown autoClose="outside" placement="bottom-right"
class="btn-group" ngbDropdown autoClose="outside" placement="bottom-right bottom-left"
role="group" aria-label="Multiple ways to subscribe to the current channel" i18n-aria-label
>
<button class="btn btn-sm dropdown-toggle-split" ngbDropdownToggle aria-label="Open subscription dropdown" i18n-aria-label>

View File

@ -44,6 +44,8 @@
}
.actor-display-name {
@include peertube-word-wrap;
display: flex;
flex-wrap: wrap;
}