style: fix eslint and stylelint errors

BracketSpace · Apr 18, 2024 · 4bb610e · 4bb610e
1 parent fe14372
commit 4bb610e
Show file tree

Hide file tree

Showing 53 changed files with 952 additions and 948 deletions.
diff --git a/.stylelintignore b/.stylelintignore
@@ -0,0 +1,4 @@
+dependencies/**/*
+node_modules/**/*
+vendor/**/*
+resources/css/dist/**/*
diff --git a/resources/css/src/fields/_image.scss b/resources/css/src/fields/_image.scss
@@ -5,28 +5,28 @@
 	}
 
 	.image {
-		position: relative;
 		display: none;
+		position: relative;
 
 		.clear {
-			position: absolute;
-			top: -9px;
-			right: -9px;
+			background: #fff;
 			border: 1px solid #fff;
+			border-radius: 50%;
+			cursor: pointer;
 			font-size: 26px;
 			height: 26px;
+			position: absolute;
+			right: -9px;
+			top: -9px;
 			width: 28px;
-			background: #fff;
-			border-radius: 50%;
-			cursor: pointer;
 		}
 
 		.preview {
 			border: 1px solid #e5e5e5;
 			border-radius: 5px;
-			max-width: 200px;
-			height: auto;
 			cursor: pointer;
+			height: auto;
+			max-width: 200px;
 		}
 
 	}

diff --git a/resources/css/src/fields/_repeater.scss b/resources/css/src/fields/_repeater.scss
@@ -5,33 +5,33 @@
 	}
 
 	.add-new-sections-field {
-		position: relative;
-		margin-top: 10px;
 		margin-right: 40px;
+		margin-top: 10px;
+		position: relative;
 
 		@media ( max-width: 782px) {
-			position: static;
 			float: none;
+			position: static;
 		}
 
 		&-info {
 			margin-top: 15px;
 		}
 
 		.section-modal {
-			position: absolute;
-			z-index: 1;
-			border-radius: 5px;
 			background-color: #000;
+			border-radius: 5px;
 			color: #fff;
-			text-align: center;
 			left: 0;
 			min-width: 100%;
+			position: absolute;
+			text-align: center;
+			z-index: 1;
 
 			span {
 				display: block;
-				padding: 5px;
 				margin: 5px;
+				padding: 5px;
 
 				&:hover {
 					background-color: #0071a1;
@@ -51,11 +51,11 @@
 .notification-field {
 
 	&.fields-repeater {
-		width: 100%;
-		margin-bottom: 10px;
 		border: 0;
 		border-collapse: collapse;
+		margin-bottom: 10px;
 		table-layout: fixed;
+		width: 100%;
 
 		tr {
 
@@ -65,26 +65,26 @@
 
 			td:not(.nested-section-repeater),
 			th {
-				width: auto;
-				padding: 12px;
 				background-color: #fff;
 				border: 1px solid #e5e5e5;
+				padding: 12px;
+				width: auto;
 
 				&.handle,
 				&.sub-handle,
 				&.trash {
 					background: #f5f5f5;
+					color: #a5a5a5;
+					padding: 0;
+					text-align: center;
 					white-space: nowrap;
 					width: 40px;
-					text-align: center;
-					padding: 0;
-					color: #a5a5a5;
 
 					@media ( max-width: 782px ) {
-						width: calc(100% - 22px);
 						height: 30px;
 						line-height: 30px;
 						padding: 0 10px;
+						width: calc(100% - 22px);
 					}
 				}
 
@@ -93,8 +93,8 @@
 					position: relative;
 
 					&::after {
-						display: none;
 						content: "\f545";
+						display: none;
 						font: 400 20px/1 dashicons, sans-serif;
 						line-height: 30px;
 					}
@@ -120,11 +120,11 @@
 					/* stylelint-disable no-descending-specificity */
 					.handle-index {
 						/* stylelint-enable */
+						left: 50%;
 						position: absolute;
+						text-align: center;
 						top: 50%;
-						left: 50%;
 						transform: translate(-50%, -50%);
-						text-align: center;
 					}
 
 				}
@@ -170,14 +170,14 @@
 					}
 
 					&::after {
-						display: none;
 						content: "\f182";
+						display: none;
 						font: 400 20px/1 dashicons, sans-serif;
 						line-height: 30px;
 
 						@media ( max-width: 782px ) {
-							position: absolute;
 							display: block;
+							position: absolute;
 							right: 10px;
 							top: 0;
 						}
@@ -242,8 +242,8 @@
 						background-color: #f5f5f5;
 
 						@media ( max-width: 782px ) {
-							border-top: 0;
 							border-bottom: 0;
+							border-top: 0;
 
 							&:first-child {
 								border-top: 1px solid #e5e5e5;
@@ -328,8 +328,8 @@
 		.nested-repeater-fields {
 
 			table {
-				border-spacing: 0;
 				border-collapse: collapse;
+				border-spacing: 0;
 
 				@media ( max-width: 1680px ) {
 					width: 100%;
@@ -353,14 +353,14 @@
 					&.sub-handle {
 
 						@media ( max-width: 1680px ) {
-							width: 100%;
 							height: 30px;
+							width: 100%;
 						}
 
 						@media (max-width: 782px) {
-							width: calc(100% - 20px);
 							margin-left: auto;
 							margin-right: auto;
+							width: calc(100% - 20px);
 						}
 					}
 
@@ -400,13 +400,13 @@
 	}
 
 	.nested-section-repeater {
+		border-bottom: 1px solid #e5e5e5;
 		padding: 0 0 10px 0;
 		width: 100%;
-		border-bottom: 1px solid #e5e5e5;
 
 		.row {
-			width: 100%;
 			border-collapse: collapse;
+			width: 100%;
 
 			.section-content {
 				width: auto;
@@ -444,9 +444,9 @@
 			}
 
 			.section-name-field {
-				width: 80px;
-				text-transform: capitalize;
 				font-weight: 600;
+				text-transform: capitalize;
+				width: 80px;
 			}
 
 			.trash {

diff --git a/resources/css/src/partials/_admin-carriers.scss b/resources/css/src/partials/_admin-carriers.scss
@@ -24,31 +24,31 @@ body.post-type-notification {
 
 				&::before,
 				&::after {
+					clear: both;
 					content: "";
 					display: block;
-					clear: both;
 				}
 
 				.switch {
-					float: left;
+					background: #c5c5c5;
+					border-radius: 1em;
 					display: inline-block;
+					float: left;
 					font-size: 20px;
 					height: 1em;
-					width: 2em;
-					background: #c5c5c5;
-					border-radius: 1em;
-					margin-top: 8px;
 					margin-right: 10px;
+					margin-top: 8px;
+					width: 2em;
 
 					div {
-						height: 1em;
-						width: 1em;
-						border-radius: 1em;
 						background: #fff;
+						border-radius: 1em;
 						box-shadow: 0 0.1em 0.3em rgba(0, 0, 0, 0.3);
+						height: 1em;
 						-webkit-transition: all 300ms;
 						-moz-transition: all 300ms;
 						transition: all 300ms;
+						width: 1em;
 					}
 
 				}

diff --git a/resources/css/src/partials/_admin-trigger.scss b/resources/css/src/partials/_admin-trigger.scss
@@ -5,9 +5,9 @@
 body.post-type-notification {
 
 	.selectize-control .selectize-dropdown .caption {
-		font-size: 12px;
-		display: block;
 		color: #a0a0a0;
+		display: block;
+		font-size: 12px;
 	}
 
 	.selectize-control .selectize-dropdown div[data-selectable] {