interesting
/
PeerTube
mirror of https://github.com/Chocobozzz/PeerTube.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Fix dropdowns z-index

This commit is contained in:
Chocobozzz 2020-11-20 14:19:23 +01:00
parent 939917705f
commit 8b57efbf1b
No known key found for this signature in database
GPG Key ID: 583A612D890159BE
4 changed files with 4 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
client/src/app/shared/shared-main/buttons/action-dropdown.component.html
View File

@ -7,7 +7,7 @@
<my-global-icon *ngIf="!label && buttonDirection === 'vertical'" class="more-icon" iconName="more-vertical"></my-global-icon> <my-global-icon *ngIf="!label && buttonDirection === 'vertical'" class="more-icon" iconName="more-vertical"></my-global-icon>
<span *ngIf="label" class="dropdown-toggle">{{ label }}</span> <span *ngIf="label" class="dropdown-toggle">{{ label }}</span>
</button> </button>
<div ngbDropdownMenu class="dropdown-menu"> <div ngbDropdownMenu class="dropdown-menu">
<ng-container *ngFor="let actions of getActions()"> <ng-container *ngFor="let actions of getActions()">

4
client/src/app/shared/shared-video-playlist/video-playlist-element-miniature.component.html
View File

@ -38,8 +38,8 @@
<my-edit-button *ngIf="owned && touchScreenEditButton" [routerLink]="[ '/my-library', 'video-playlists', playlist.uuid ]"></my-edit-button> <my-edit-button *ngIf="owned && touchScreenEditButton" [routerLink]="[ '/my-library', 'video-playlists', playlist.uuid ]"></my-edit-button>
<div *ngIf="owned" class="more" ngbDropdown #moreDropdown="ngbDropdown" placement="left auto" <div *ngIf="owned" class="more dropdown-root" ngbDropdown #moreDropdown="ngbDropdown" placement="left auto"
(openChange)="onDropdownOpenChange()" autoClose="outside" (openChange)="onDropdownOpenChange()" autoClose="outside" container="body"
> >
<my-global-icon iconName="more-vertical" ngbDropdownToggle role="button" class="icon-more" (click)="$event.preventDefault()"></my-global-icon> <my-global-icon iconName="more-vertical" ngbDropdownToggle role="button" class="icon-more" (click)="$event.preventDefault()"></my-global-icon>

1
client/src/sass/bootstrap.scss vendored
View File

@ -44,7 +44,6 @@ $icon-font-path: '~@neos21/bootstrap3-glyphicons/assets/fonts/';
z-index: inherit !important; z-index: inherit !important;
} }
.dropdown-menu { .dropdown-menu {
z-index: z(dropdown) + 1 !important; z-index: z(dropdown) + 1 !important;

2
client/src/sass/include/_variables.scss
View File

@ -127,7 +127,6 @@ $variables: (
$zindex: ( $zindex: (
miniature : 10, miniature : 10,
privacymsg : 20, privacymsg : 20,
dropdown : 12000,
sub-menu : 12500, sub-menu : 12500,
menu : 12600, menu : 12600,
search-typeahead: 12650, search-typeahead: 12650,
@ -136,6 +135,7 @@ $zindex: (
tooltip : 14000, tooltip : 14000,
loadbar : 15000, loadbar : 15000,
modal : 16000, modal : 16000,
dropdown : 17000,
help-popover : 17000, help-popover : 17000,
notification : 18000, notification : 18000,
hotkeys : 19000 hotkeys : 19000