org.opencms.ade.postupload.client.ui.CmsImagePreview.ui.xml Maven / Gradle / Ivy

Go to download

Show more of this group Show more artifacts with this name
Show all versions of opencms-gwt Show documentation

OpenCms is an enterprise-ready, easy to use website content management system based on Java and XML technology. Offering a complete set of features, OpenCms helps content managers worldwide to create and maintain beautiful websites fast and efficiently.

The newest version!



	
	
	
		.root {
			display: flex;
			border: 1px solid #c9c9c9;
			border-radius: 4px;
		}
		
		.flex {
			flex: 1;
		}

		.imageContainer {
			width: 202px;
			height: 172px;
			border: 1px solid #c9c9c9;
			border-radius: 4px;
			overflow: hidden;
			box-sizing: border-box;
		}

		.imageContainer img {
			display: block;
			object-fit: scale-down;
			background-color: white;
			position: relative;
		}
		
		.imageContainer img[src*=".svg"] {
			object-fit: contain;
		}
		
		@def BG eval("\"repeating-conic-gradient(#ddd 0% 25%, #fff 0% 50%)\"");
		.imageContainer img {
			background-image: BG;
			background-size: 10px 10px;
			background-position: 0 0,5px 5px;
			background-color: white;
		}

		.labelContainer {
			display: flex;
			flex-direction: column;
			width: 289px;
		}
		
		.labelContainer > * {
			margin-top: 2px;
			margin-bottom: 2px;
			margin-left: 6px;
		}
		
		.root > * {
			margin-top: 2px;
			margin-bottom: 2px;
		}