mirror of
				https://github.com/encode/django-rest-framework.git
				synced 2025-10-31 16:07:38 +03:00 
			
		
		
		
	Merge pull request #3038 from jpadilla/dropdown
Set dynamic maximum height for dropdown widgets
This commit is contained in:
		
						commit
						5d4bb0ef22
					
				|  | @ -151,10 +151,10 @@ | |||
|   <script src="{{ base_url }}/js/theme.js"></script> | ||||
| 
 | ||||
|   <script> | ||||
|     //$('.side-nav').scrollspy() | ||||
|     var shiftWindow = function() { | ||||
|       scrollBy(0, -50) | ||||
|     }; | ||||
| 
 | ||||
|     if (location.hash) shiftWindow(); | ||||
|     window.addEventListener("hashchange", shiftWindow); | ||||
| 
 | ||||
|  | @ -162,12 +162,12 @@ | |||
|       event.stopPropagation(); | ||||
|     }); | ||||
| 
 | ||||
|     // Dynamically force sidenav to no higher than browser window | ||||
|     $('.side-nav').css('max-height', window.innerHeight - 130); | ||||
|     // Dynamically force sidenav/dropdown to no higher than browser window | ||||
|     $('.side-nav, .dropdown-menu').css('max-height', window.innerHeight - 130); | ||||
| 
 | ||||
|     $(function() { | ||||
|       $(window).resize(function() { | ||||
|         $('.side-nav').css('max-height', window.innerHeight - 130); | ||||
|         $('.side-nav, .dropdown-menu').css('max-height', window.innerHeight - 130); | ||||
|       }); | ||||
|     }); | ||||
|   </script> | ||||
|  |  | |||
|  | @ -5,11 +5,12 @@ pre { | |||
| } | ||||
| 
 | ||||
| .dropdown .dropdown-menu { | ||||
|     display: none; | ||||
|   display: none; | ||||
|   overflow-y: scroll; | ||||
| } | ||||
| 
 | ||||
| .dropdown.open .dropdown-menu { | ||||
|     display: block; | ||||
|   display: block; | ||||
| } | ||||
| 
 | ||||
| @media (max-width: 480px) { | ||||
|  |  | |||
		Loading…
	
		Reference in New Issue
	
	Block a user