[issues] Various improvements and bugfixes

LeaVerou · LeaVerou · commit b2aaa97142a2 · 2017-04-21T07:50:08.000+09:00
diff --git a/issues.css b/issues.css
@@ -78,6 +78,10 @@ header {
 	background: hsl(200, 10%, 93%);
 }
 
+	[property="issue"].filtered {
+		display: none !important;
+	}
+
 	[property="issue"] h1 {
 		display: flex;
 		padding: .5rem 1rem;
@@ -276,6 +280,7 @@ form {
 	display: inline-block;
 	padding: .2em .5em .3em;
 	border-radius: .3em;
+	margin: .2em;
 	background: var(--dark-color, rgba(0,0,0,.4));
 	background-image: linear-gradient(hsla(0,0%,100%,.2), hsla(0,0%,100%,.2));
 	color: white;
diff --git a/issues.html b/issues.html
@@ -6,6 +6,7 @@
 	<link rel="stylesheet" href="shared/style/mavo.css">
 	<link rel="stylesheet" href="issues.css">
 	<script src="shared/scripts/mavo.js"></script>
+	<!-- <script src="../../mavo/dist/mavo.js"></script> -->
 </head>
 <body>
 
@@ -69,11 +70,13 @@ <h2>
 				<span property="tagFilter"></span>
 				({count(issue.tag = tagFilter)})
 			</label>
+			<meta property="selectedTags" content="{filter(tagFilter, tagFilter.show).tagFilter}" />
 		</fieldset>
 	</div>
 
-	<article property="issue" mv-multiple class="status-{status} issue-{openness}" id="issue-{id}" hidden="{filtered}">
-		<meta property="filtered" content="{(status and !get(statusFilter, status).show) or !get(openFilter, openness).show}" />
+	<article property="issue" mv-multiple class="status-{status} issue-{openness} {if(filtered, 'filtered')}" id="issue-{id}">
+		<meta property="filtered" content="{(status and !get(statusFilter, status).show) or !get(openFilter, openness).show or count(tag) and count(selectedTags) and !intersects(tag, selectedTags)}" />
+
 		<h1>
 			<a href="#issue-{id}" property="id" mv-attribute="null" mv-default="{$previous.id + 1}">1</a>
 			<span property="summary">Summary of Issue</span>
@@ -116,8 +119,9 @@ <h1>
 				<div property="notes" class="markdown"></div>
 			</dd>
 		</dl>
-		
-		<span property="tag" mv-multiple></span>
+		<div>
+			<span property="tag" mv-multiple>Tag</span>
+		</div>
 	</article>
 </div>
 
diff --git a/shared/scripts/mavo.js b/shared/scripts/mavo.js
