fix: replaced show and hide class hidden with attribute hidden

frankpagan · frankpagan · commit c25035782460 · 2022-02-03T15:29:28.000Z
diff --git a/docs/index.html b/docs/index.html
@@ -100,7 +100,7 @@ <h2 class="padding:5px_0px">Demo</h2>
 						<div class="container svColumn overflow:hidden card position:relative border-radius:2px width:auto height:100%" id="sandbox">
 							<div class="font-size:20px position:absolute top:10px right:10px opacity:0.6">
 								<a class="margin-right:10px" id="code" show="#preview" hide="#code, #view"><i class="far fa-eye"></i></a>
-								<a class="margin-right:10px hidden" id="preview" show="#code, #view" hide="#preview"><i class="fas fa-code"></i></a>
+								<a class="margin-right:10px" id="preview" show="#code, #view" hide="#preview" hidden><i class="fas fa-code"></i></a>
 								<a class="margin-right:5px" fullscreen target="#playground"><i class="fas fa-expand"></i></a>
 							</div>
 							<div class="svRow">
diff --git a/src/kanban-form.html b/src/kanban-form.html
@@ -55,7 +55,7 @@
 
 	<body>
 		<!-- Modal Viewport -->
-		<div id="modal-viewport" class="hidden"></div>
+		<div id="modal-viewport" hidden></div>
 
 		<!-- Navbar -->
 		<nav class="nav display:flex align-items:center background:whitesmoke" content_id="content" scroll="sticky-nav, hide-nav" scroll-up="5" scroll-down="5">
diff --git a/src/kanban.html b/src/kanban.html
@@ -10,7 +10,7 @@
 	</head>
 
 	<body>
-		<div id="modal-viewport" class="hidden"></div>
+		<div id="modal-viewport" hidden></div>
 		<div class="nav display:flex align-items:center background:whitesmoke" content_id="content" scroll-effect="hide-nav" scroll-up="1" scroll-down="1">
 
 			<!-- Horizontal Scroll Nav/Tabs -->
