• Home
• com.liferay
• com.liferay.layout.reports.web
• 1.0.84
• source code
• PageAudit.scss

×

Project download

Many resources are needed to download a project. Please understand that we have to compensate our server costs. Thank you in advance.
Project price only 1 $

You can buy this project and download/modify it how often you want.

META-INF.resources.js.components.PageAudit.scss Maven / Gradle / Ivy

@import 'cadmin-variables';

html#{$cadmin-selector} .cadmin .page-audit {
	&__experience-selector .btn:not(.btn-unstyled) {
		padding-right: 2em;
	}

	&__fragmentList {
		border: 1px solid $cadmin-gray-300;
		border-radius: 4px;

		.page-audit__fragment {
			&:not(:last-child) {
				border-bottom: 1px solid $cadmin-gray-300;
			}

			&:focus-within,
			&:hover {
				background-color: $cadmin-primary-l3;

				.page-audit__fragment__buttons {
					opacity: 1;
				}
			}

			.select-fragment-button {
				height: 100%;
				left: 0;
				position: absolute;
				top: 0;
				width: 100%;
			}

			&__buttons {
				opacity: 0;
				position: absolute;
				right: 0;
				top: 0;
			}

			.warning-badge {
				cursor: pointer;
				position: relative;
				z-index: 1;
			}
		}
	}
}

.page-audit__fragment {
	&__popover {
		min-width: 500px;
		position: absolute;
	}

	&--highlight {
		position: relative;

		&:after {
			background-color: rgba($cadmin-primary-l1, 0.5);
			border: 2px solid $cadmin-primary-l1;
			content: '';
			height: 100%;
			left: 0;
			position: absolute;
			top: 0;
			width: 100%;
		}
	}
}