From c21f2160dc3a98a28c616d36baf9c66c04ca5af6 Mon Sep 17 00:00:00 2001
From: pichalite <pichalite.com@gmail.com>
Date: Thu, 20 Oct 2016 21:36:54 +0000
Subject: [PATCH 1/3] generic class for bottom-sheet

---
 less/modules/bottom-sheet.less         | 146 +++++++++----------------
 templates/partials/account/menu.tpl    |   2 +-
 templates/partials/category/sort.tpl   |   2 +-
 templates/partials/category/tools.tpl  |   2 +-
 templates/partials/category/watch.tpl  |   2 +-
 templates/partials/thread_tools.tpl    |   2 +-
 templates/partials/topic/post-menu.tpl |   2 +-
 templates/partials/topic/sort.tpl      |   2 +-
 templates/partials/topic/watch.tpl     |   2 +-
 9 files changed, 58 insertions(+), 104 deletions(-)

diff --git a/less/modules/bottom-sheet.less b/less/modules/bottom-sheet.less
index 400dd81..191aff3 100644
--- a/less/modules/bottom-sheet.less
+++ b/less/modules/bottom-sheet.less
@@ -1,102 +1,56 @@
 .bottom-sheet {
-	display: block;
-	visibility: hidden;
-	
-	position: fixed;
-	left: 0;
-	right: 0;
-	bottom: 0;
-
-	margin: 0;
-	padding: 0 5px;
-	max-height: 60%;
-
-	background: #fff;
-	box-shadow: 0 2px 6px rgba(0,0,0,0.35);
-	overflow: auto;
-	-webkit-overflow-scrolling: touch;
-	transform: translate3d(0, 350px, 0);
-	transition: transform 0.3s, visibility 0s 0.3s;
-	z-index: 995;
-	padding: 5px 0 10px;
-	
-
-	li {
-	    
-	    a {
-	        padding: 10px 20px;
-	    }
-		
-		&.divider {
-		    padding: 0;
-		}
-
-		&.active {
-			background-color: @btn-primary-bg;
-			color: @btn-primary-color;
-		}
-	}
-}
-
-.bottom-sheet-open {
-	transform: none;
-	visibility: visible;
-	transition-delay: 0s;
-	top: initial;
-}
-
-@media (max-width: @screen-sm-max) {
-    .post-bar {
-        .thread-tools, [component="thread/sort"], [component="topic/watch"] {
-            .dropdown-menu {
-            	.bottom-sheet;
-            }
-            
-            &.open {
-                .dropdown-menu {
-            		.bottom-sheet-open;
-            	}
-            }
-            
-            .dropdown-backdrop {
-                background-color: rgba(0, 0, 0, .3);
-            }
+    @media (max-width: @screen-sm-max) {
+        .dropdown-menu {
+            display: block;
+        	visibility: hidden;
+        	
+        	position: fixed;
+        	left: 0;
+        	right: 0;
+        	bottom: 0;
+        
+        	margin: 0;
+        	padding: 0 5px;
+        	max-height: 60%;
+        
+        	background: #fff;
+        	box-shadow: 0 2px 6px rgba(0,0,0,0.35);
+        	overflow: auto;
+        	-webkit-overflow-scrolling: touch;
+        	transform: translate3d(0, 350px, 0);
+        	transition: transform 0.3s, visibility 0s 0.3s;
+        	z-index: 995;
+        	padding: 5px 0 10px;
+        	
+        
+        	li {
+        	    
+        	    a {
+        	        padding: 10px 20px;
+        	    }
+        		
+        		&.divider {
+        		    padding: 0;
+        		}
+        
+        		&.active {
+        			background-color: @btn-primary-bg;
+        			color: @btn-primary-color;
+        		}
+        	}
         }
-    }
-    
-    .category {
-        [component="topic/watch"], [component="thread/sort"], .thread-tools {
+        
+        &.open {
             .dropdown-menu {
-            	.bottom-sheet;
-            }
-            
-            &.open {
-                .dropdown-menu {
-            		.bottom-sheet-open;
-            	}
-            }
-            
-            .dropdown-backdrop {
-                background-color: rgba(0, 0, 0, .3);
-            }
+        		transform: none;
+            	visibility: visible;
+            	transition-delay: 0s;
+            	top: initial;
+        	}
         }
-    }
-    
-    .unread {
-        .btn-group {
-            .dropdown-menu {
-            	.bottom-sheet;
-            }
-            
-            &.open {
-                .dropdown-menu {
-            		.bottom-sheet-open;
-            	}
-            }
-            
-            .dropdown-backdrop {
-                background-color: rgba(0, 0, 0, .3);
-            }
+        
+        .dropdown-backdrop {
+            background-color: rgba(0, 0, 0, .3);
         }
     }
-}
+}
\ No newline at end of file
diff --git a/templates/partials/account/menu.tpl b/templates/partials/account/menu.tpl
index 47c4f69..e8e8700 100644
--- a/templates/partials/account/menu.tpl
+++ b/templates/partials/account/menu.tpl
@@ -1,4 +1,4 @@
-<div class="btn-group account-fab">
+<div class="btn-group account-fab bottom-sheet">
 	<button type="button" class="fab dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
 		<i class="fa fa-ellipsis-v"></i>
 	</button>
diff --git a/templates/partials/category/sort.tpl b/templates/partials/category/sort.tpl
index 0205dad..de025f3 100644
--- a/templates/partials/category/sort.tpl
+++ b/templates/partials/category/sort.tpl
@@ -1,5 +1,5 @@
 <!-- IF loggedIn -->
-<div class="btn-group" component="thread/sort">
+<div class="btn-group bottom-sheet" component="thread/sort">
 	<button class="btn btn-default dropdown-toggle" data-toggle="dropdown" type="button">
 		<span class="visible-sm-inline visible-md-inline visible-lg-inline">[[topic:sort_by]]</span>
 		<span class="visible-xs-inline"><i class="fa fa-fw fa-sort"></i></span>
diff --git a/templates/partials/category/tools.tpl b/templates/partials/category/tools.tpl
index a1488f6..0d6f025 100644
--- a/templates/partials/category/tools.tpl
+++ b/templates/partials/category/tools.tpl
@@ -1,5 +1,5 @@
 <!-- IF privileges.editable -->
-<div class="btn-group thread-tools">
+<div class="btn-group thread-tools bottom-sheet">
 	<button class="btn btn-default dropdown-toggle" data-toggle="dropdown" type="button">
 		<span class="visible-sm-inline visible-md-inline visible-lg-inline">[[topic:thread_tools.title]]</span>
 		<span class="visible-xs-inline"><i class="fa fa-fw fa-gear"></i></span>
diff --git a/templates/partials/category/watch.tpl b/templates/partials/category/watch.tpl
index fec9296..cc0f0ca 100644
--- a/templates/partials/category/watch.tpl
+++ b/templates/partials/category/watch.tpl
@@ -1,5 +1,5 @@
 <!-- IF config.loggedIn -->
-<div class="btn-group topic-watch-dropdown" component="topic/watch">
+<div class="btn-group topic-watch-dropdown bottom-sheet" component="topic/watch">
 
 	<button class="btn btn-default dropdown-toggle" data-toggle="dropdown" type="button">
 
diff --git a/templates/partials/thread_tools.tpl b/templates/partials/thread_tools.tpl
index 3c79027..7a1830e 100644
--- a/templates/partials/thread_tools.tpl
+++ b/templates/partials/thread_tools.tpl
@@ -1,5 +1,5 @@
 <!-- IF privileges.view_thread_tools -->
-<div class="btn-group thread-tools">
+<div class="btn-group thread-tools bottom-sheet">
 	<button class="btn btn-default dropdown-toggle" data-toggle="dropdown" type="button">
 		<span class="visible-sm-inline visible-md-inline visible-lg-inline">[[topic:thread_tools.title]]</span>
 		<span class="visible-xs-inline"><i class="fa fa-fw fa-gear"></i></span>
diff --git a/templates/partials/topic/post-menu.tpl b/templates/partials/topic/post-menu.tpl
index 64778bd..b4c6335 100644
--- a/templates/partials/topic/post-menu.tpl
+++ b/templates/partials/topic/post-menu.tpl
@@ -1,4 +1,4 @@
-<span component="post/tools" class="dropdown moderator-tools <!-- IF !posts.display_post_menu -->hidden<!-- ENDIF !posts.display_post_menu -->">
+<span component="post/tools" class="dropdown moderator-tools bottom-sheet <!-- IF !posts.display_post_menu -->hidden<!-- ENDIF !posts.display_post_menu -->">
 	<a href="#" data-toggle="dropdown"><i class="fa fa-fw fa-ellipsis-v"></i></a>
 	<ul class="dropdown-menu dropdown-menu-right" role="menu"></ul>
 </span>
diff --git a/templates/partials/topic/sort.tpl b/templates/partials/topic/sort.tpl
index 5b44d32..343328f 100644
--- a/templates/partials/topic/sort.tpl
+++ b/templates/partials/topic/sort.tpl
@@ -1,5 +1,5 @@
 <!-- IF config.loggedIn -->
-<div class="btn-group" component="thread/sort">
+<div class="btn-group bottom-sheet" component="thread/sort">
 	<button class="btn btn-default dropdown-toggle" data-toggle="dropdown" type="button"><span class="visible-sm-inline visible-md-inline visible-lg-inline">[[topic:sort_by]]</span>
 	<span class="visible-xs-inline"><i class="fa fa-fw fa-sort"></i></span> <span class="caret"></span></button>
 	<ul class="dropdown-menu dropdown-menu-right">
diff --git a/templates/partials/topic/watch.tpl b/templates/partials/topic/watch.tpl
index 6c838b1..9243a36 100644
--- a/templates/partials/topic/watch.tpl
+++ b/templates/partials/topic/watch.tpl
@@ -1,5 +1,5 @@
 <!-- IF config.loggedIn -->
-<div class="btn-group topic-watch-dropdown" component="topic/watch">
+<div class="btn-group topic-watch-dropdown bottom-sheet" component="topic/watch">
 	<button class="btn btn-default dropdown-toggle" data-toggle="dropdown" type="button">
 		<span component="topic/following/menu" <!-- IF !isFollowing -->class="hidden"<!-- ENDIF !isFollowing -->><i class="fa fa-fw fa-bell-o"></i><span class="visible-sm-inline visible-md-inline visible-lg-inline">[[topic:watching]]</span></span>
 

From bd913c15de0b049805e0b868fe766ca3658139f6 Mon Sep 17 00:00:00 2001
From: Anil Mandepudi <pichalite@users.noreply.github.com>
Date: Thu, 20 Oct 2016 14:39:05 -0700
Subject: [PATCH 2/3] fix tabs

---
 less/modules/bottom-sheet.less | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/less/modules/bottom-sheet.less b/less/modules/bottom-sheet.less
index 191aff3..f4ffe60 100644
--- a/less/modules/bottom-sheet.less
+++ b/less/modules/bottom-sheet.less
@@ -42,7 +42,7 @@
         
         &.open {
             .dropdown-menu {
-        		transform: none;
+                transform: none;
             	visibility: visible;
             	transition-delay: 0s;
             	top: initial;
@@ -53,4 +53,4 @@
             background-color: rgba(0, 0, 0, .3);
         }
     }
-}
\ No newline at end of file
+}

From f036559e46f59e681f358ed9bed56d1625c61f8b Mon Sep 17 00:00:00 2001
From: Anil Mandepudi <pichalite@users.noreply.github.com>
Date: Thu, 20 Oct 2016 14:40:40 -0700
Subject: [PATCH 3/3] fix tabs

---
 less/modules/bottom-sheet.less | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/less/modules/bottom-sheet.less b/less/modules/bottom-sheet.less
index f4ffe60..0ba72fe 100644
--- a/less/modules/bottom-sheet.less
+++ b/less/modules/bottom-sheet.less
@@ -22,9 +22,7 @@
         	z-index: 995;
         	padding: 5px 0 10px;
         	
-        
-        	li {
-        	    
+        	li {    
         	    a {
         	        padding: 10px 20px;
         	    }