final features update

MominRaza · Oct 6, 2020 · 1d4e049 · 1d4e049
1 parent 0002661
commit 1d4e049
Show file tree

Hide file tree

Showing 3 changed files with 29 additions and 62 deletions.
diff --git a/js/main.js b/js/main.js
@@ -11,7 +11,7 @@ function toggleSearch() {
     search.classList.toggle('active');
     if (x.matches) { // If media query matches
         search.innerText = search.innerText == 'search' ? 'arrow_back' : 'search';
-    }else{
+    } else {
         search.innerText = search.innerText == 'search' ? 'close' : 'search';
     }
     var searchBox = document.getElementById('qa-search');

diff --git a/manifest.webmanifest b/manifest.webmanifest
diff --git a/qa-styles.css b/qa-styles.css
@@ -85,7 +85,7 @@ select{
 	padding-top: 13px;
 	background-color: var(--primary);
 	box-shadow: 0 2px 3px gray;
-    z-index: 1;
+    z-index: 4;
 }
 .qa-logo-link{
 	margin-left: 60px;
@@ -99,15 +99,15 @@ select{
 	color: var(--on-primary);
 	font-size: 30px;
 	cursor: pointer;
-	z-index: 1;
+	z-index: 4;
 }
 #search-toggle{
 	position: fixed;
 	top: 27px;
 	right: 56px;
 	color: var(--on-primary);
 	font-size: 30px;
-	z-index: 2;
+	z-index: 5;
 	cursor: pointer;
 }
 #user-toggle{
@@ -122,7 +122,7 @@ select{
 	border-radius: 50%;
 	border: 2px solid var(--on-primary);
 	cursor: pointer;
-	z-index: 1;
+	z-index: 4;
 }
 #user-toggle img{
 	width: 100%;
@@ -151,11 +151,11 @@ select{
 	max-height: 360px;
 	min-width: 240px;
 	max-width: 240px;
-	z-index: 1;
+	z-index: 4;
 	padding: 10px 0;
 }
 #qa-nav-user.active{
-	z-index: 2;
+	z-index: 5;
 	background-color: rgba(0,0,0,.32);
 	position: fixed;
 	height: 100vh;
@@ -207,7 +207,7 @@ select{
 	width: 100%;
 	background-color: var(--primary);
 	height: 55px;
-	z-index: 1;
+	z-index: 4;
 }
 #qa-search.active .qa-search{
 	display: block;
@@ -257,7 +257,7 @@ select{
 	}
 }
 .qa-nav-main{
-	z-index: 2;
+	z-index: 5;
 	position: fixed;
 	top: 56px;
 	left: 0;
@@ -282,7 +282,7 @@ select{
 		padding-top: 56px;
 	}
 	.menu-active #qa-nav-main{
-		z-index: 2;
+		z-index: 5;
 		background-color: rgba(0,0,0,.32);
 		position: fixed;
 		height: 100vh;
@@ -298,7 +298,7 @@ select{
 		padding-top: 13px;
 		background-color: var(--surface);
 		box-shadow: unset;
-		z-index: 3;
+		z-index: 6;
 	}
 	.menu-active #qa-nav-main .qa-logo .qa-logo-link{
 		color: var(--on-surface);
@@ -337,7 +337,8 @@ select{
 	font-size: 24px;
     position: absolute;
     margin-left: -46px;
-    margin-top: -3px;
+	margin-top: -3px;
+	content: "link";
 }
 .qa-nav-main- .qa-nav-main-link::before{content: "home";}
 .qa-nav-main-activity .qa-nav-main-link::before{content: "bar_chart";}
@@ -389,7 +390,7 @@ select{
 	overflow-x: auto;
 	list-style: none;
 	box-shadow: 0 2px 3px gray;
-	z-index: 1;
+	z-index: 4;
 }
 .qa-nav-sub-list::-webkit-scrollbar,
 .qa-q-item-tag-list::-webkit-scrollbar,
@@ -563,7 +564,7 @@ select{
 }
 @media(min-width: 1024px){
 	.qa-nav-main{
-		z-index: 1;
+		z-index: 4;
 	}
 	.menu-active .qa-nav-sub-list{
 		margin-left: 300px;
@@ -746,6 +747,9 @@ select{
 	display: flex;
 	padding-right: 10px;
 }
+.qa-q-list-vote-disabled .qa-voting{
+	display: none;
+}
 .qa-a-count, .qa-view-count{
 	padding: 10px;
 }
@@ -764,7 +768,7 @@ select{
 
 /* fab */
 .qam-ask{
-    z-index: 1;
+    z-index: 4;
 	background-color: var(--secondary);
     color: var(--on-secondary);
     border-radius: 20px;
@@ -949,7 +953,7 @@ select{
 }
 .qa-a-selection input{
 	position: absolute;
-	z-index: 1;
+	z-index: 4;
 	opacity: 0;
 	width: 30px;
 	height: 30px;
@@ -1137,10 +1141,6 @@ select{
 	width: 100%;
 	height: 120px;
 }
-.qa-avatar-image{
-	width: 100%;
-	height: auto;
-}
 .qa-top-users-table .qa-user-link{
 	position: absolute;
 	margin-top: -48px;
@@ -1282,7 +1282,7 @@ select{
 }
 .qa-favoriting input{
 	position: absolute;
-	z-index: 1;
+	z-index: 4;
 	opacity: 0;
 	width: 30px;
 	margin-left: -2px;
@@ -1334,7 +1334,7 @@ select{
 .qa-vote-buttons input{
 	/* border: 0; */
 	position: absolute;
-	z-index: 1;
+	z-index: 4;
 	opacity: 0;
 	cursor: pointer;
 	width: 60px;
@@ -1386,16 +1386,19 @@ select{
 .qa-ask-box input{
 	width: 100% !important;
 }
-.qa-related-qs .qa-related-q-list{
-	/* margin-left: 20px; */
+.qa-related-qs .qa-related-q-list,
+.qa-ask-similar .qa-q-title-list{
+	margin-left: 0;
 	/* margin-top: 10px; */
 	list-style: none;
 }
-.qa-related-qs .qa-related-q-item{
+.qa-related-qs .qa-related-q-item,
+.qa-ask-similar .qa-q-title-item{
 	padding: 8px 0;
 	display: block;
 	border-bottom: 0.1px solid var(--on-surface);
 }
-.qa-related-qs .qa-related-q-item:last-child{
+.qa-related-qs .qa-related-q-item:last-child,
+.qa-ask-similar .qa-q-title-item:last-child{
 	border-bottom: none;
 }