Better responsive
Avoid menu scrollbar displayed in notification popove
<div>
<div
class="logged-in-more" ngbDropdown #dropdown="ngbDropdown" placement="bottom-left auto"
<div>
<div
class="logged-in-more" ngbDropdown #dropdown="ngbDropdown" placement="bottom-left auto"
- [container]="dropdownContainer" (openChange)="onDropdownOpenChange($event)" autoClose="outside"
+ container="body" (openChange)="onDropdownOpenChange($event)" autoClose="outside"
>
<button class="border-0 text-start" ngbDropdownToggle>
<my-actor-avatar [actor]="user.account" actorType="account" size="34"></my-actor-avatar>
>
<button class="border-0 text-start" ngbDropdownToggle>
<my-actor-avatar [actor]="user.account" actorType="account" size="34"></my-actor-avatar>
display: inherit !important;
}
display: inherit !important;
}
max-width: 88% !important;
}
}
max-width: 88% !important;
}
}
/* fill space when on mobile */
max-width: calc(100% - 80px);
/* fill space when on mobile */
max-width: calc(100% - 80px);
> .dropdown-toggle:first-child {
display: flex;
align-items: center;
> .dropdown-toggle:first-child {
display: flex;
align-items: center;
+ width: 100%;
+ padding: 5px 25px 5px 7px;
return this.screenService.isInMobileView()
}
return this.screenService.isInMobileView()
}
- get dropdownContainer () {
- if (this.isInMobileView) return null
-
- return 'body' as 'body'
- }
-
get language () {
return this.languageChooserModal.getCurrentLanguage()
}
get language () {
return this.languageChooserModal.getCurrentLanguage()
}
- [ngbPopover]="popContent" autoClose="outside" placement="bottom" container={this} popoverClass="popover-notifications"
+ [ngbPopover]="popContent" autoClose="outside" placement="bottom" container="body" popoverClass="popover-notifications"
i18n-title title="View your notifications"
class="border-0 text-start" [ngClass]="{ 'notification-inbox-popover': true, 'shown': opened, 'hidden': isInMobileView }"
#popover="ngbPopover" (shown)="onPopoverShown()" (hidden)="onPopoverHidden()"
i18n-title title="View your notifications"
class="border-0 text-start" [ngClass]="{ 'notification-inbox-popover': true, 'shown': opened, 'hidden': isInMobileView }"
#popover="ngbPopover" (shown)="onPopoverShown()" (hidden)="onPopoverHidden()"
})
it('Should save a replay', async function () {
})
it('Should save a replay', async function () {
const { video } = await servers[0].live.quickCreate({ permanentLive: true, saveReplay: true })
const { video } = await servers[0].live.quickCreate({ permanentLive: true, saveReplay: true })