X-Git-Url: https://git.stricted.de/?a=blobdiff_plain;f=wcfsetup%2Finstall%2Ffiles%2Fstyle%2Fui%2FtabularBox.scss;h=c41f93de88d67aea45aab1ca4c69a0035ea32a4b;hb=8a52619a9ee399b44e87a6ff1e274a4ae465ed73;hp=8f48a5dc57dc6267685589830204c07f52f295bb;hpb=f1131e366311f1724e2ae5ca427129c2c116aaf3;p=GitHub%2FWoltLab%2FWCF.git

diff --git a/wcfsetup/install/files/style/ui/tabularBox.scss b/wcfsetup/install/files/style/ui/tabularBox.scss
index 8f48a5dc57..c41f93de88 100644
--- a/wcfsetup/install/files/style/ui/tabularBox.scss
+++ b/wcfsetup/install/files/style/ui/tabularBox.scss
@@ -7,12 +7,12 @@
 .tabularListRow {
 	flex: 0 0 auto;
 	padding: 5px 0;
-	transition: background-color .12s;
-	
+	transition: background-color 0.12s;
+
 	&.divider + li:not(.divider) {
 		border-top-color: $wcfContentBorder;
 	}
-	
+
 	&:not(.tabularListRowHead):hover {
 		background-color: $wcfTabularBoxBackgroundActive;
 	}
@@ -21,7 +21,7 @@
 .tabularListRowHead {
 	border-bottom: 2px solid currentColor;
 	color: $wcfTabularBoxHeadline;
-	
+
 	& + li {
 		border-top-width: 0 !important;
 	}
@@ -34,7 +34,7 @@
 .tabularListColumns {
 	align-items: center;
 	display: flex;
-	
+
 	> li {
 		flex: 0 0 auto;
 		padding: 5px 10px;
@@ -43,19 +43,19 @@
 
 .tabularListRowHead > .tabularListColumns > li {
 	color: $wcfTabularBoxHeadline;
-	
+
 	@include wcfFontHeadline;
-	
+
 	> a {
 		color: $wcfTabularBoxHeadline;
 		display: block;
 	}
-	
+
 	&.ASC > a,
 	&.DESC > a {
 		padding-right: 18px;
 		position: relative;
-		
+
 		&:after {
 			display: inline-block;
 			font-family: FontAwesome;
@@ -63,17 +63,17 @@
 			position: absolute;
 		}
 	}
-	
+
 	&.ASC > a:after {
 		content: $fa-var-caret-up;
 		top: 1px;
 	}
-	
+
 	&.DESC > a:after {
 		content: $fa-var-caret-down;
 		top: 2px;
 	}
-	
+
 	&.active > a,
 	> a:hover {
 		color: $wcfTabularBoxHeadlineActive;
@@ -89,33 +89,33 @@
 		border-bottom: 1px solid currentColor;
 		color: $wcfTabularBoxHeadline;
 		padding: 10px 0;
-		
+
 		> h1,
 		> h2,
 		> h3 {
 			@include wcfFontHeadline;
-			
+
 			+ small {
 				display: block;
 			}
-			
+
 			.badge {
 				top: -2px;
 			}
 		}
-		
+
 		a,
 		.icon {
 			color: $wcfTabularBoxHeadline;
-			
+
 			&:hover {
 				color: $wcfTabularBoxHeadlineActive;
 			}
 		}
-		
+
 		.collapsibleButton {
 			cursor: pointer;
-			transition: transform .12s linear;
+			transition: transform 0.12s linear;
 		}
 	}
 }
@@ -126,37 +126,37 @@
 	border-bottom: 1px solid $wcfContentBorder;
 	border-spacing: 0;
 	width: 100%;
-	
+
 	td,
 	th {
 		padding: 10px;
 		text-align: left;
 		vertical-align: middle;
-		
+
 		> label {
 			cursor: pointer;
 			display: block;
 		}
 	}
-	
+
 	th {
 		border-bottom: 2px solid currentColor;
 		color: $wcfTabularBoxHeadline;
 		text-align: left;
 		white-space: nowrap;
-		
+
 		@include wcfFontHeadline;
-		
+
 		> a {
 			color: $wcfTabularBoxHeadline;
 			display: block;
 		}
-		
+
 		&.active > a,
 		> a:hover {
 			color: $wcfTabularBoxHeadlineActive;
 		}
-		
+
 		&.ASC,
 		&.DESC {
 			> a::after {
@@ -165,28 +165,28 @@
 				margin-left: 5px;
 			}
 		}
-		
+
 		&.ASC > a::after {
 			content: $fa-var-caret-up;
 		}
-		
+
 		&.DESC > a::after {
 			content: $fa-var-caret-down;
 		}
-		
+
 		/* alignment only */
 		&.columnMark,
 		&.columnStatus {
 			text-align: center;
 		}
-		
+
 		&.columnDate,
 		&.columnDigits,
 		&.columnID {
 			text-align: right;
 		}
 	}
-	
+
 	td {
 		&.columnMark,
 		&.columnStatus {
@@ -195,7 +195,7 @@
 			white-space: nowrap;
 			word-wrap: normal;
 		}
-		
+
 		&.columnDigits,
 		&.columnID {
 			text-align: right;
@@ -203,40 +203,41 @@
 			white-space: nowrap;
 			word-wrap: normal;
 		}
-		
+
 		&.columnIcon {
 			text-align: left;
 			width: 1px;
 			white-space: nowrap;
 			word-wrap: normal;
 		}
-		
+
 		&.columnTitle {
 			font-weight: 600;
 			text-align: left;
 		}
-		
+
 		&.columnText {
 			font-weight: normal;
 			text-align: left;
 			max-width: 20%;
 		}
-		
+
 		&.columnDate {
 			text-align: right;
 			width: 1px;
 			white-space: nowrap;
 			word-wrap: normal;
-			
+
 			@include wcfFontSmall;
 		}
-		
-		&.columnURL, &.columnSmallText {
+
+		&.columnURL,
+		&.columnSmallText {
 			text-align: left;
-			
+
 			@include wcfFontSmall;
 		}
-		
+
 		&.columnTitle,
 		&.columnText,
 		&.columnURL,
@@ -245,7 +246,7 @@
 				min-width: 200px;
 			}
 		}
-		
+
 		&.columnIcon {
 			@include screen-md-down {
 				:not(.button) > .icon16,
@@ -258,30 +259,30 @@
 			}
 		}
 	}
-	
+
 	tr {
 		&:hover > td {
 			background-color: rgb(242, 242, 242);
 		}
-		
+
 		&:not(:last-child) > td {
 			border-bottom: 1px solid $wcfContentBorderInner;
 		}
 	}
-	
+
 	.statusDisplay {
 		float: right;
-		
+
 		.statusIcons {
 			float: right;
 			margin-left: 5px;
-			
+
 			li {
 				display: inline-block;
 			}
 		}
 	}
-	
+
 	// table without header
 	tbody:first-child > tr:first-child > td {
 		border-top: 1px solid $wcfContentBorder;