Use a checkerboard pattern on item background
This commit is contained in:
		
							parent
							
								
									fc4eb97218
								
							
						
					
					
						commit
						405f975899
					
				| @ -248,7 +248,6 @@ draw_row(FastivBrowser *self, cairo_t *cr, const Row *row) | ||||
| 			border.left + extents.width + border.right, | ||||
| 			border.top + extents.height + border.bottom); | ||||
| 
 | ||||
| 		// TODO(p): See if a mild checkerboard pattern would not look nice.
 | ||||
| 		gtk_render_background( | ||||
| 			style, cr, border.left, border.top, extents.width, extents.height); | ||||
| 
 | ||||
|  | ||||
							
								
								
									
										22
									
								
								fastiv.c
									
									
									
									
									
								
							
							
						
						
									
										22
									
								
								fastiv.c
									
									
									
									
									
								
							| @ -335,10 +335,24 @@ main(int argc, char *argv[]) | ||||
| 
 | ||||
| 	gtk_window_set_default_icon_name(PROJECT_NAME); | ||||
| 
 | ||||
| 	const char *style = "fastiv-view, fastiv-browser { background: #222; }" | ||||
| 		"fastiv-browser { padding: 5px; } fastiv-browser.item {" | ||||
| 			"border: 1px solid rgba(255, 255, 255, 0.5); " | ||||
| 			"margin: 10px; color: #000; background: #444; }"; | ||||
| 	// This is incredibly broken https://stackoverflow.com/a/51054396/76313
 | ||||
| 	// thus resolving the problem using overlaps.
 | ||||
| 	const char *style = "@define-color fastiv-tile #3c3c3c; \
 | ||||
| 		fastiv-view, fastiv-browser { background: #222; } \ | ||||
| 		fastiv-browser { padding: 5px; } \ | ||||
| 		fastiv-browser.item { \ | ||||
| 			border: 1px solid rgba(255, 255, 255, 0.5); \ | ||||
| 			margin: 10px; color: #000; \ | ||||
| 			background: #333; \ | ||||
| 			background-image: \ | ||||
| 				linear-gradient(45deg, @fastiv-tile 26%, transparent 26%), \ | ||||
| 				linear-gradient(-45deg, @fastiv-tile 26%, transparent 26%), \ | ||||
| 				linear-gradient(45deg, transparent 74%, @fastiv-tile 74%), \ | ||||
| 				linear-gradient(-45deg, transparent 74%, @fastiv-tile 74%); \ | ||||
| 			background-size: 40px 40px; \ | ||||
| 			background-position: 0 0, 0 20px, 20px -20px, -20px 0px; \ | ||||
| 		}"; | ||||
| 
 | ||||
| 	GtkCssProvider *provider = gtk_css_provider_new(); | ||||
| 	gtk_css_provider_load_from_data(provider, style, strlen(style), NULL); | ||||
| 	gtk_style_context_add_provider_for_screen(gdk_screen_get_default(), | ||||
|  | ||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user