inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-05-19 17:14:57 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix the menu height issue (#2438)

Browse Source
This commit is contained in:
Denys Vuika 2017-10-05 17:11:17 +01:00 committed by Eugenio Romano
parent b8b3d0a3c9
commit 337c97d94c
2 changed files with 9 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
ng2-components/ng2-alfresco-core/src/components/pagination/pagination.component.html
View File

@ -48,7 +48,7 @@
{{ 'CORE.PAGINATION.TOTAL_PAGES' | translate: { total: pages.length } }} {{ 'CORE.PAGINATION.TOTAL_PAGES' | translate: { total: pages.length } }}
</span> </span>
<md-menu #pagesMenu="mdMenu"> <md-menu #pagesMenu="mdMenu" class="adf-pagination__page-selector">
<button <button
md-menu-item md-menu-item
*ngFor="let pageNumber of pages" *ngFor="let pageNumber of pages"

12
ng2-components/ng2-alfresco-core/src/components/pagination/pagination.component.scss
View File

@ -45,7 +45,7 @@
padding-left: 16px; padding-left: 16px;
justify-content: flex-start; justify-content: flex-start;
} }
&__perpage-block { &__perpage-block {
order: 3; order: 3;
width: 50%; width: 50%;
@ -53,7 +53,7 @@
padding-left: 16px; padding-left: 16px;
justify-content: flex-start; justify-content: flex-start;
} }
&__actualinfo-block { &__actualinfo-block {
order: 2; order: 2;
width: 50%; width: 50%;
@ -61,14 +61,14 @@
padding-right: 16px; padding-right: 16px;
justify-content: flex-end; justify-content: flex-end;
} }
&__controls-block { &__controls-block {
order: 4; order: 4;
width: 50%; width: 50%;
box-sizing: border-box; box-sizing: border-box;
padding-right: 16px; padding-right: 16px;
justify-content: flex-end; justify-content: flex-end;
} }
} }
&__max-items { &__max-items {
@ -91,6 +91,10 @@
margin: 0 5px; margin: 0 5px;
} }
&__page-selector {
max-height: 250px !important;
}
button[md-icon-button] { button[md-icon-button] {
width: $adf-pagination--icon-button-size; width: $adf-pagination--icon-button-size;
height: $adf-pagination--icon-button-size; height: $adf-pagination--icon-button-size;