org.eclipse.osbp.themes/scss/layout/_gridview.scss

////
/// @group layout/gridview
////

/// Styling for grid elements.
/// @todo gridview vs grid-util?
@mixin os-gridview {
/* 	.l-yview-provider > .l-control > * > .l-control .v-grid { */
/* 		padding: 0px; */
/* 		} */
	
	.v-grid {	
		.v-grid-header .v-grid-row .v-grid-cell {
			font-size: $v-font-size;
			font-weight: bold;
			}
		
		.v-grid-body > .v-grid-row > .v-grid-cell {
			/* goes along with display: flex; below */
			margin-bottom: $v-unit-size * -1;
			}
		.v-grid-row {
			/* images in grid row are reduced to tiny preview size
			   grid rows and images are made to grow in size on mouse hover
			   */
		
			display: flex;	/* essential, or grid does not move one bit; ovverride "block" */
/* 		    align-items: flex-end; */
		    position: relative;
		
			& > td	{
				> img.gwt-Image {
					height: $v-unit-size - first-number($v-border) - 1;  
					}
				&:hover {
				height: auto !important;
				position: relative;
					> img.gwt-Image {
						height: auto;  
						} 
					} 
				}		
			
			/* variant: grid rows enlarge with image size:*/
			
/* 			display: contents; */
/* 			display: flex; */
			& > td	{
				height: auto !important;
				} 
			}
			
		.v-grid-cell.filter-header {
			height: $v-unit-size !important; 
			padding: 0px;
			}
		.v-textfield, .v-datefield > .v-textfield {
			float: left;
 			width: 100%; 
			height: $v-unit-size;
			}
		.v-datefield {
			/* bad solution */
			top: -1px;
/* 			width: 10%; */
			}
		}
	}