Menu changes, better mobile-menu

2 years ago · dd6c684fe6
parent c657cb402b
commit dd6c684fe6
4 changed files with 17 additions and 20 deletions
--- a/public/css/default.css
+++ b/public/css/default.css
@ -62,7 +62,7 @@ input[type="submit" i] {
 	font-size: 1.5em;
 }

-.aside, .article, .section, .mobilemenu, .banner {
+.aside, .article, .section, .banner {
 	opacity: 0.9;
 	transition: 0.3s;
 }
@ -101,14 +101,14 @@ input[type="submit" i] {
 	border: none;
 }

-.aside, .article, .section, .mobilemenu {
+.aside, .article, .section {
 	background: var(--bg-col);
 	padding: 10px;
 	border: 1px solid var(--main-col);
 	box-shadow: 3px 3px 2px var(--main-col);
 }

-.aside:hover, .article:hover, .section:hover, .mobilemenu:hover {
+.aside:hover, .article:hover, .section:hover {
 	opacity: 1;
 	box-shadow: 6px 6px 4px var(--main-col);
 }
@ -217,8 +217,8 @@ input[type="submit" i] {
 .mobilemenu {
 	width: 250px;
 	overflow-x: hidden;
-	padding-right: 25px;
-	margin-bottom: 80px;
+	margin-right: auto;
+	margin-left: auto;
 }

 .mobilemenu > ul {
--- a/views/asidemenu.erb
+++ b/views/asidemenu.erb
@ -2,12 +2,5 @@
 	<a href="/mobile-menu">Navigation</a>
 </div>
 <div class="aside">
-	<%= erb :asideImage %>
-	<%= erb :asideFolderBox %>
-	<%= erb :asideListButtons %>
-	<div class="center">
-		<a href="https://git.broken-moon.net" target="_blank"><img class="asidebottomimage" src="/images/git.gif" alt="Git Server"></a>
-	</div>
-	<% time = Time.now.getlocal('+01:00') %>
-	<div class="center">@<%= ((time.sec + ( time.min * 60 ) + (time.hour * 60 * 60 )) / 86.4).floor %></div>
+	<%= erb :menu %>
 </div>
--- a/views/menu.erb
+++ b/views/menu.erb
@ -0,0 +1,9 @@
+<%= erb :asideImage %>
+<%= erb :asideFolderBox %>
+<%= erb :asideListButtons %>
+<div class="center">
+	<a href="https://git.broken-moon.net" target="_blank"><img class="asidebottomimage" src="/images/git.gif" alt="Git Server"></a>
+</div>
+<% time = Time.now.getlocal('+01:00') %>
+	<div class="center">@<%= ((time.sec + ( time.min * 60 ) + (time.hour * 60 * 60 )) / 86.4).floor %>
+</div>
--- a/views/mobilemenu.erb
+++ b/views/mobilemenu.erb
@ -9,12 +9,7 @@
 	<%= erb :headerBoilerplate %>
 </head>
 <body>
-	<%= erb :asideImage %>
-	<%= erb :asideFolderBox %>
-	<%= erb :asideListButtons %>
-	<div class="center">
-		<a href="https://git.broken-moon.net" target="_blank"><img class="asidebottomimage" src="/images/git.gif" alt="Git Server"></a>
+	<div class="mobilemenu">
+		<%= erb :menu %>
 	</div>
-	<% time = Time.now.getlocal('+01:00') %>
-	<div class="center">@<%= ((time.sec + ( time.min * 60 ) + (time.hour * 60 * 60 )) / 86.4).floor %></div>
 </body>