Merge branch '6.0'

[GitHub/WoltLab/WCF.git] / wcfsetup / install / files / style / ui / acl.scss

/* object list, e.g. users and groups */
.aclList {
	max-height: 400px;
	overflow: auto;
}

.aclList:not(:empty) {
	border-bottom: 1px solid var(--wcfContentBorder);
	border-top: 1px solid var(--wcfContentBorder);
}

.aclListItem {
	align-items: center;
	display: flex;
	padding: 10px 0;
}

.aclListItem:not(.active) {
	cursor: pointer;
}

.aclListItem.active {
	background-color: var(--wcfTabularBoxBackgroundActive);
}

.aclItemDeleteButton {
	flex: 0 0 36px;
	padding: 0 5px;
}

.aclLabel {
	flex: 1 1 auto;
	margin: 0 5px;
}

.aclListItem:first-child {
	border-top: none;
}

.aclListItem:last-child {
	border-bottom: none;
}

/* search input */
.aclSearchInput {
	margin-top: 20px !important;
}

/* permissions per object */
.aclPermissionList {
	margin-top: 40px;
	position: relative;
	display: grid;
	column-gap: 1px;
	grid-template-columns: 10px auto repeat(3, 60px);
	grid-template-rows: auto;
}

.aclPermissionListItem:not(:last-child):not(:first-child) {
	border-bottom: 1px solid var(--wcfContentBorderInner);
}

.aclOption {
	grid-column: 1 / span 5;
	transition: background-color 0.2s;
	padding: 10px 0;
	display: grid;
	grid-template-columns: subgrid;
	grid-template-rows: subgrid;
}

.aclOptionTitle {
	grid-column: span 2;
	grid-column-start: 2;
}

.aclOptionInputLabel {
	text-align: center;
	cursor: pointer;
}

.aclOption:hover {
	background-color: var(--wcfTabularBoxBackgroundActive);
}

.aclCategory {
	grid-column: 1 / span 5;
	padding: 20px 10px 10px 0;

	@include wcfFontHeadline;
}

.aclHeader {
	grid-column: 1 / span 5;
	position: sticky;
	border-bottom: 1px solid var(--wcfContentBorder);
	top: 50px;
	background-color: var(--wcfContentContainerBackground);
	display: grid;
	grid-template-columns: subgrid;
	grid-template-rows: subgrid;
}

.aclHeaderSpan {
	padding: 10px 0;
	text-align: center;

	@include wcfFontSmall;
}

.aclHeaderInherited {
	grid-column-start: 3;
}

.aclHeaderGrant {
	grid-column-start: 4;
}

.aclHeaderDeny {
	grid-column-start: 5;
}