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

Fix user dropdown menu with long texts 

closes #2480
This commit is contained in:
Rigel Kent 2020-02-12 16:58:01 +01:00
parent 2779f29a66
commit eb7c7a5179
No known key found for this signature in database
GPG Key ID: 5E53E96A494E452F
3 changed files with 14 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
client/src/app/menu/menu.component.html
View File

@ -11,7 +11,7 @@
<div class="logged-in-username">{{ user.username }}</div> <div class="logged-in-username">{{ user.username }}</div>
</div> </div>
<div class="logged-in-more" ngbDropdown placement="bottom-right auto"> <div class="logged-in-more" ngbDropdown placement="bottom-right auto" container="body">
<my-global-icon iconName="more-vertical" ngbDropdownToggle role="button"></my-global-icon> <my-global-icon iconName="more-vertical" ngbDropdownToggle role="button"></my-global-icon>
<div ngbDropdownMenu> <div ngbDropdownMenu>

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

@ -220,6 +220,15 @@ table {
font-weight: $font-semibold; font-weight: $font-semibold;
} }
.dropdown-item {
@include dropdown-with-icon-item;
my-global-icon {
width: 22px;
height: 22px;
}
}
@media screen and (max-width: 1600px) { @media screen and (max-width: 1600px) {
.main-col { .main-col {
&.expanded { &.expanded {

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

@ -18,6 +18,10 @@ $icon-font-path: '~@neos21/bootstrap3-glyphicons/assets/fonts/';
} }
} }
.dropdown {
z-index: 10001 !important;
}
.dropdown-menu { .dropdown-menu {
border-radius: 3px; border-radius: 3px;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);