Make ACP sidebar fixed

If you want to implement some kind of replacement for the CSS calc I
used, go ahead and do it yourself. I'm hoping webmasters can either deal
with a tad bit of overlap or have a modern browser.

public/less/admin/admin.less

@@ -266,4 +266,14 @@
 // See: https://github.com/twbs/bootstrap/commit/8e2348e9eda51296eb680192379ab37f10355ca3
 .navbar-brand > img {
   display: inline-block;
-}
+}
+
+@media (min-width: 768px) {
+	.acp-sidebar {
+		position: fixed;
+		top: 70px;
+		right: 15px;
+		width: initial;
+		max-width: calc( ~"(100% - 200px)/4" );
+	}
+}

src/views/admin/advanced/events.tpl

@@ -20,7 +20,7 @@
 			</div>
 		</div>
 	</div>
-	<div class="col-lg-3">
+	<div class="col-lg-3 acp-sidebar">
 		<div class="panel panel-default affix">
 			<div class="panel-heading">Events Control Panel</div>
 			<div class="panel-body">
@@ -29,4 +29,3 @@
 		</div>
 	</div>
 </div>
-

src/views/admin/advanced/logs.tpl

@@ -7,7 +7,7 @@
 			</div>
 		</div>
 	</div>
-	<div class="col-lg-3">
+	<div class="col-lg-3 acp-sidebar">
 		<div class="panel panel-default affix">
 			<div class="panel-heading">Logs Control Panel</div>
 			<div class="panel-body">

src/views/admin/appearance/skins.tpl

@@ -12,7 +12,7 @@
 			</div>
 		</div>
 	</div>
-	<div class="col-lg-3">
+	<div class="col-lg-3 acp-sidebar">
 		<div class="panel panel-default">
 			<div class="panel-heading">Revert to Default</div>
 			<div class="panel-body">
@@ -29,4 +29,4 @@
 			t.render(data);
 		});
 	};
-</script>
+</script>

src/views/admin/development/logger.tpl

@@ -40,7 +40,7 @@
 		</div>
 	</div>
 
-	<div class="col-lg-3">
+	<div class="col-lg-3 acp-sidebar">
 		<div class="panel panel-default">
 			<div class="panel-heading">Logger Control Panel</div>
 			<div class="panel-body">

src/views/admin/extend/plugins.tpl

@@ -79,7 +79,7 @@
 		</div>
 	</div>
 
-	<div class="col-lg-3">
+	<div class="col-lg-3 acp-sidebar">
 		<div class="panel panel-default">
 			<div class="panel-heading">Plugin Search</div>
 			<div class="panel-body">
@@ -96,4 +96,4 @@
 			</div>
 		</div>
 	</div>
-</div>
+</div>

src/views/admin/general/languages.tpl

@@ -25,7 +25,7 @@
 		</div>
 	</div>
 
-	<div class="col-lg-3">
+	<div class="col-lg-3 acp-sidebar">
 		<div class="panel panel-default">
 			<div class="panel-heading">Languages Control Panel</div>
 			<div class="panel-body">
@@ -37,4 +37,4 @@
 
 <script type="text/javascript">
 $('#language').val(translator.getLanguage());
-</script>
+</script>

src/views/admin/general/sounds.tpl

@@ -58,7 +58,7 @@
 		</form>
 	</div>
 
-	<div class="col-lg-3">
+	<div class="col-lg-3 acp-sidebar">
 		<div class="panel panel-default">
 			<div class="panel-heading">Sounds Control Panel</div>
 			<div class="panel-body">
@@ -66,4 +66,4 @@
 			</div>
 		</div>
 	</div>
-</div>
+</div>

src/views/admin/manage/categories.tpl

@@ -132,7 +132,7 @@
 		</div>
 	</div>
 
-	<div class="col-lg-3">
+	<div class="col-lg-3  acp-sidebar">
 		<div class="panel panel-default">
 			<div class="panel-heading">Categories Control Panel</div>
 			<div class="panel-body">
@@ -153,4 +153,4 @@
 			</div>
 		</div>
 	</div>
-</div>
+</div>

src/views/admin/manage/flags.tpl

@@ -41,7 +41,7 @@
 			</div>
 		</div>
 	</div>
-	<div class="col-lg-3">
+	<div class="col-lg-3 acp-sidebar">
 		<div class="panel panel-default">
 			<div class="panel-heading">Flags Control Panel</div>
 			<div class="panel-body">
@@ -52,5 +52,3 @@
 		</div>
 	</div>
 </div>
-
-

src/views/admin/manage/groups.tpl

@@ -37,7 +37,7 @@
 		</div>
 	</div>
 
-	<div class="col-lg-3">
+	<div class="col-lg-3 acp-sidebar">
 		<div class="panel panel-default">
 			<div class="panel-heading">Groups Control Panel</div>
 			<div class="panel-body">

src/views/admin/manage/tags.tpl

@@ -1,11 +1,11 @@
 <div class="tags">
-	<!-- IF !tags.length -->
-	<div class="alert alert-warning">
-		<strong>Your forum does not have any topics with tags yet!</strong>
-	</div>
-	<!-- ENDIF !tags.length -->
 
 	<div class="col-lg-9">
+		<!-- IF !tags.length -->
+		<div class="alert alert-warning">
+			<strong>Your forum does not have any topics with tags yet!</strong>
+		</div>
+		<!-- ENDIF !tags.length -->
 		<div class="panel panel-default tag-management">
 			<div class="panel-heading">Tag Management</div>
 			<div class="panel-body">
@@ -34,7 +34,7 @@
 		</div>
 	</div>
 
-	<div class="col-lg-3">
+	<div class="col-lg-3 acp-sidebar">
 		<div class="panel panel-default">
 			<div class="panel-heading">Modify Tag</div>
 			<div class="panel-body">
@@ -52,4 +52,4 @@
 		</div>
 	</div>
 
-</div>
+</div>

src/views/admin/manage/users.tpl

@@ -123,7 +123,7 @@
 		</div>
 	</div>
 
-	<div class="col-lg-3">
+	<div class="col-lg-3 acp-sidebar">
 		<div class="panel panel-default">
 			<div class="panel-heading">Users Control Panel</div>
 			<div class="panel-body">
@@ -132,4 +132,4 @@
 			</div>
 		</div>
 	</div>
-</div>
+</div>

src/views/admin/settings/footer.tpl

@@ -1,6 +1,6 @@
 </div>
 
-<div class="col-lg-3">
+<div class="col-lg-3 acp-sidebar">
 	<div class="panel panel-default">
 		<div class="panel-heading">Save Settings</div>
 		<div class="panel-body">
@@ -14,4 +14,4 @@
 	require(['admin/settings'], function(Settings) {
 		Settings.prepare();
 	});
-</script>
+</script>