mirror of
				https://github.com/flynx/ImageGrid.git
				synced 2025-10-31 03:10:07 +00:00 
			
		
		
		
	minor bugfix...
Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
This commit is contained in:
		
							parent
							
								
									54a4998378
								
							
						
					
					
						commit
						f15ba9ed16
					
				
							
								
								
									
										16
									
								
								ui/TODO.otl
									
									
									
									
									
								
							
							
						
						
									
										16
									
								
								ui/TODO.otl
									
									
									
									
									
								
							| @ -123,7 +123,7 @@ Priority work | |||||||
| 			[X] 100% actions | 			[X] 100% actions | ||||||
| 				[X] bug: shifting up to new ribbon pushes the current row down... | 				[X] bug: shifting up to new ribbon pushes the current row down... | ||||||
| 				| before starting on a fix, need to cleanup the code from old hacks and workarounds... | 				| before starting on a fix, need to cleanup the code from old hacks and workarounds... | ||||||
| 	[_] 24% Preview II (optional features) | 	[_] 29% Preview II (optional features) | ||||||
| 		[_] 0% PhoneGap + Android Issues: | 		[_] 0% PhoneGap + Android Issues: | ||||||
| 			[_] half the keyboard is not working... | 			[_] half the keyboard is not working... | ||||||
| 			[_] screen buttons are very laggy | 			[_] screen buttons are very laggy | ||||||
| @ -173,6 +173,20 @@ Priority work | |||||||
| 		[_] double tap/click to zoom (a-la iPad) | 		[_] double tap/click to zoom (a-la iPad) | ||||||
| 		| fit <-> actual pixels (max) | 		| fit <-> actual pixels (max) | ||||||
| 		[_] pinch to zoom | 		[_] pinch to zoom | ||||||
|  | 		[X] BUG: rendering error when current ribbon images opacity is 1... | ||||||
|  | 		| This happens when: | ||||||
|  | 		| - opcity of .current.ribbon .image is 1 | ||||||
|  | 		| - there is atleast a ribbon above | ||||||
|  | 		| - the view is zoomed-out a bit ~70% | ||||||
|  | 		| | ||||||
|  | 		| the view is partially re-rendered when navigating images... | ||||||
|  | 		| | ||||||
|  | 		| since this is a browser render error, think of a way to work  | ||||||
|  | 		| around this. | ||||||
|  | 		| | ||||||
|  | 		| WORKAROUND: set the opacity to 0.9999 instead of 1 forces the  | ||||||
|  | 		| browser to re-render the whole set correctly. need to find a  | ||||||
|  | 		| better way... | ||||||
| 		[X] 100% add sort/re-sort capability... | 		[X] 100% add sort/re-sort capability... | ||||||
| 			[X] abstract out image id | 			[X] abstract out image id | ||||||
| 			[X] replace id (use something else like filename) | 			[X] replace id (use something else like filename) | ||||||
|  | |||||||
| @ -875,6 +875,16 @@ function setupControlElements(){ | |||||||
| 	// NOTE: when the images are loaded, the actual handlers will be set by the loader...
 | 	// NOTE: when the images are loaded, the actual handlers will be set by the loader...
 | ||||||
| 	setupImageEventHandlers($(".image")) | 	setupImageEventHandlers($(".image")) | ||||||
| 
 | 
 | ||||||
|  | 	// make the indicator active...
 | ||||||
|  | 	$(".current-indicator div") | ||||||
|  | 		.click(function(){ | ||||||
|  | 			$('.current.image').click() | ||||||
|  | 		}) | ||||||
|  | 		.dblclick(function(){ | ||||||
|  | 			ImageGrid.toggleSingleImageMode() | ||||||
|  | 		}) | ||||||
|  | 	 | ||||||
|  | 
 | ||||||
| 	// buttons...
 | 	// buttons...
 | ||||||
| 	$('.screen-button.next-image').mousedown(ImageGrid.nextImage) | 	$('.screen-button.next-image').mousedown(ImageGrid.nextImage) | ||||||
| 	$('.screen-button.prev-image').mousedown(ImageGrid.prevImage) | 	$('.screen-button.prev-image').mousedown(ImageGrid.prevImage) | ||||||
|  | |||||||
| @ -120,12 +120,14 @@ | |||||||
| 
 | 
 | ||||||
| .current-indicator { | .current-indicator { | ||||||
| 	display: none; | 	display: none; | ||||||
|  | 	cursor: hand; | ||||||
| } | } | ||||||
| 
 | 
 | ||||||
| 
 | 
 | ||||||
| .opaque-current-ribbon .current-indicator { | .opaque-current-ribbon .current-indicator { | ||||||
| 	display: block; | 	display: block; | ||||||
| 	position: absolute; | 	position: absolute; | ||||||
|  | 	z-index: 1000; | ||||||
| } | } | ||||||
| .opaque-current-ribbon .current-indicator div { | .opaque-current-ribbon .current-indicator div { | ||||||
| 	position: relative; | 	position: relative; | ||||||
| @ -136,6 +138,8 @@ | |||||||
| 
 | 
 | ||||||
| 	width: 100%; | 	width: 100%; | ||||||
| 	height: 100%; | 	height: 100%; | ||||||
|  | 
 | ||||||
|  | 	cursor: hand; | ||||||
| } | } | ||||||
| 
 | 
 | ||||||
| .opaque-current-ribbon.dot-indicator .current-indicator { | .opaque-current-ribbon.dot-indicator .current-indicator { | ||||||
| @ -154,7 +158,10 @@ | |||||||
| } | } | ||||||
| 
 | 
 | ||||||
| .opaque-current-ribbon .current.ribbon .image { | .opaque-current-ribbon .current.ribbon .image { | ||||||
| 	opacity: 1.0; | 	/* XXX this should actiually be 1.0, but that makes the webkit  | ||||||
|  | 	 * 	renderer misbehave, so this is a workaround | ||||||
|  | 	 */ | ||||||
|  | 	opacity: 0.9999; | ||||||
| } | } | ||||||
| 
 | 
 | ||||||
| 
 | 
 | ||||||
|  | |||||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user