add linter actions for js (#964)

add linter actions for js

.github/workflows/lint.yml

@@ -0,0 +1,49 @@
+name: Lint
+
+on:
+  pull_request:
+  push:
+    branches:
+      - master
+      - stable*
+
+jobs:
+  node:
+    runs-on: ubuntu-latest
+
+    strategy:
+      matrix:
+        node-version: [12.x]
+
+    steps:
+      - uses: actions/checkout@v2
+      - name: Use node ${{ matrix.node-version }}
+        uses: actions/setup-node@v1
+        with:
+          node-version: ${{ matrix.node-version }}
+      - name: Install dependencies
+        run: npm ci
+      - name: ESLint
+        run: npm run lint
+
+  stylelint:
+    runs-on: ubuntu-latest
+
+    strategy:
+      matrix:
+        node-versions: [12.x]
+
+    name: stylelint node${{ matrix.node-versions }}
+    steps:
+      - uses: actions/checkout@v2
+
+      - name: Set up node ${{ matrix.node-versions }}
+        uses: actions/setup-node@v1
+        with:
+          node-versions: ${{ matrix.node-versions }}
+
+      - name: Install dependencies
+        run: npm ci
+
+      - name: Lint
+        run: npm run stylelint

src/js/App.vue

@@ -127,6 +127,7 @@ export default {
 	--color-polls-foreground-filter-no: invert(43%) sepia(100%) saturate(1579%) hue-rotate(318deg) brightness(99%) contrast(94%);
 	--color-polls-foreground-filter-maybe: invert(81%) sepia(22%) saturate(3383%) hue-rotate(353deg) brightness(101%) contrast(101%);
 }
+
 .icon-polls {
 	background-image: var(--icon-polls);
 }

src/js/components/Base/Counter.vue

@@ -85,8 +85,8 @@ export default {
 <style lang="scss">
 .counter {
 	display: flex;
-	// padding: 14px 0;
 }
+
 .counter--icon {
 	display: flex;
 	justify-content: center;

src/js/components/Base/OptionAddDate.vue

@@ -80,6 +80,3 @@ export default {
 }
 
 </script>
-
-<style lang="scss" scoped>
-</style>

src/js/components/Base/OptionItem.vue

@@ -132,10 +132,6 @@ export default {
 		padding-right: 4px;
 	}
 
-	.option-item__option--datebox {
-		display: flex;
-	}
-
 	.option-item__option--text {
 		overflow: hidden;
 		text-overflow: ellipsis;

src/js/components/Base/ParticipantsList.vue

@@ -55,6 +55,7 @@ export default {
 	.participants-list {
 		padding: 8px;
 	}
+
 	.participants-list__list {
 		display: flex;
 		justify-content: flex-start;

src/js/components/PollList/PollItem.vue

@@ -246,6 +246,7 @@ export default {
 	width: 44px;
 	min-width: 44px;
 }
+
 .item__title {
 	display: flex;
 	flex-direction: column;
@@ -261,6 +262,7 @@ export default {
 .item__access {
 	width: 80px;
 }
+
 .item__owner {
 	width: 230px;
 }
@@ -319,6 +321,7 @@ export default {
 .item__type--textPoll {
 	background-image: var(--icon-toggle-filelist-000);
 }
+
 .item__type--datePoll {
 	background-image: var(--icon-calendar-000);
 }

src/js/components/VoteTable/VoteTable.vue

@@ -213,12 +213,18 @@ export default {
 .vote-table.mobile {
 	grid-template-columns: auto 1fr;
 	grid-template-rows: auto;
-	grid-template-areas: "vote header";
+	grid-template-areas: 'vote header';
 	justify-items: stretch;
 
 	.vote-table__header {
 		grid-area: header;
 		flex-direction: column;
+
+		> div.confirmed {
+			border-left: none !important;
+			border-bottom-left-radius: 0;
+			border-top-left-radius: 0;
+		}
 	}
 
 	.vote-table__votes {
@@ -252,14 +258,6 @@ export default {
 		}
 	}
 
-	.vote-table__header {
-		> div.confirmed {
-			border-left: none !important;
-			border-bottom-left-radius: 0;
-			border-top-left-radius: 0;
-		}
-	}
-
 	.vote-table__vote-row {
 		> div.confirmed {
 			border-right: none !important;
@@ -274,19 +272,26 @@ export default {
 	grid-template-columns: auto repeat(var(--polls-vote-columns), 1fr);
 	grid-template-rows: auto repeat(var(--polls-vote-rows), 1fr) auto;
 	grid-template-areas:
-		"blind1 options"
-		"users vote"
-		"blind2 footer";
+		'blind1 options'
+		'users vote'
+		'blind2 footer';
 	justify-items: stretch;
 	padding-bottom: 14px; // leave space for the scrollbar!
 
 	.vote-table__header {
 		grid-area: options;
 		flex-direction: row;
+
 		> div {
 			flex-direction: column;
 			flex: 1;
 			align-items: center;
+
+			&.confirmed {
+				border-bottom: none !important;
+				border-bottom-left-radius: 0;
+				border-bottom-right-radius: 0;
+			}
 		}
 	}
 
@@ -317,10 +322,17 @@ export default {
 	.vote-table__footer {
 		grid-area: footer;
 		flex-direction: row;
+
 		> div {
 			display: flex;
 			align-items: center;
 			justify-content: center;
+
+			&.confirmed {
+				border-top: none !important;
+				border-top-left-radius: 0;
+				border-top-right-radius: 0;
+			}
 		}
 	}
 
@@ -343,9 +355,16 @@ export default {
 		flex-direction: row;
 		order: 1;
 		flex: 1;
+
 		&.currentuser {
 			order: 0;
 		}
+
+		> div.confirmed {
+			border-top: none !important;
+			border-bottom: none !important;
+			border-radius: 0;
+		}
 	}
 
 	.vote-table-vote-item {
@@ -369,30 +388,6 @@ export default {
 
 	// divergent styles for confirmed optins in table layout
 
-	.vote-table__header {
-			> div.confirmed {
-				border-bottom: none !important;
-				border-bottom-left-radius: 0;
-				border-bottom-right-radius: 0;
-			}
-	}
-
-	.vote-table__vote-row {
-		> div.confirmed {
-			border-top: none !important;
-			border-bottom: none !important;
-			border-radius: 0;
-		}
-	}
-
-	.vote-table__footer {
-		> div.confirmed {
-			border-top: none !important;
-			border-top-left-radius: 0;
-			border-top-right-radius: 0;
-		}
-	}
-
 	.option-item {
 		.option-item__option--text {
 			hyphens: auto;

src/js/components/VoteTable/VoteTableVoteItem.vue

@@ -128,6 +128,7 @@ export default {
 		}
 	}
 }
+
 .vote-table-vote-item.confirmed:not(.yes):not(.maybe) .icon {
 	background-image: var(--icon-polls-no);
 }