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

Fix playlist element dropdown overflow

This commit is contained in:
Chocobozzz 2020-08-19 11:35:01 +02:00 committed by Chocobozzz
parent 2856af48ac
commit d6eace77db
5 changed files with 18 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
client/src/app/header/search-typeahead.component.scss
View File

@ -28,7 +28,7 @@
.jump-to-suggestions { .jump-to-suggestions {
top: 100%; top: 100%;
left: 0; left: 0;
z-index: z(typeahead); z-index: z('search-typeahead');
width: 100%; width: 100%;
} }

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

@ -38,7 +38,7 @@
<my-edit-button *ngIf="owned && touchScreenEditButton" [routerLink]="[ '/my-account', 'video-playlists', playlist.uuid ]"></my-edit-button> <my-edit-button *ngIf="owned && touchScreenEditButton" [routerLink]="[ '/my-account', 'video-playlists', playlist.uuid ]"></my-edit-button>
<div *ngIf="owned" class="more" ngbDropdown #moreDropdown="ngbDropdown" placement="bottom auto" <div *ngIf="owned" class="more" ngbDropdown #moreDropdown="ngbDropdown" placement="left auto"
(openChange)="onDropdownOpenChange()" autoClose="outside" (openChange)="onDropdownOpenChange()" autoClose="outside"
> >
<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>

2
client/src/sass/application.scss
View File

@ -161,7 +161,7 @@ code {
&.sub-menu-fixed { &.sub-menu-fixed {
position: fixed; position: fixed;
z-index: #{z('header') - 1}; z-index: #{z('sub-menu') - 1};
} }
} }

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

@ -176,7 +176,7 @@ $icon-font-path: '~@neos21/bootstrap3-glyphicons/assets/fonts/';
content: ''; content: '';
display: block; display: block;
position: fixed; position: fixed;
z-index: z('header') - 1; z-index: z('menu') - 1;
} }
} }
} }

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

@ -124,19 +124,20 @@ $variables: (
/*** z-index groups ***/ /*** z-index groups ***/
$zindex: ( $zindex: (
miniature : 10, miniature : 10,
privacymsg : 20, privacymsg : 20,
typeahead : 30, dropdown : 12000,
dropdown : 12000, sub-menu : 12500,
header : 12500, menu : 12600,
menu : 12600, search-typeahead: 12650,
popover : 13000, header : 12700,
tooltip : 14000, popover : 13000,
loadbar : 15000, tooltip : 14000,
modal : 16000, loadbar : 15000,
help-popover : 17000, modal : 16000,
notification : 18000, help-popover : 17000,
hotkeys : 19000 notification : 18000,
hotkeys : 19000
); );
@function z($label) { @function z($label) {