Просмотр исходного кода

simplify sidebar CSS, position it relative to the editor tabs

El RIDO 6 лет назад
Родитель
Сommit
283d85c7cf
2 измененных файлов с 11 добавлено и 17 удалено
  1. 7 13
      css/bootstrap/privatebin.css
  2. 4 4
      tpl/bootstrap.php

+ 7 - 13
css/bootstrap/privatebin.css

@@ -208,15 +208,11 @@ li.L0, li.L1, li.L2, li.L3, li.L5, li.L6, li.L7, li.L8 {
 
 /* sidebar */
 #menu-toggle {
-	position: absolute;
-	top: 145px;
-	left: -3.3ch;
+	position: relative;
+	bottom: -94px;
+	left: -61px;
+	margin-bottom: -12px;
 	transform: rotate(90deg);
-	transition: all 0.5s ease;
-}
-
-main.toggled #menu-toggle {
-	left: 220px;
 }
 
 @media (max-width: 768px) {
@@ -228,7 +224,6 @@ main.toggled #menu-toggle {
 }
 
 main {
-	padding-left: 0;
 	transition: all 0.5s ease;
 }
 
@@ -238,10 +233,9 @@ main.toggled {
 
 #sidebar-wrapper {
 	position: fixed;
-	left: 250px;
-	width: 0;
+	width: 250px;
 	height: 100%;
-	margin-left: -250px;
+	left: -250px;
 	padding-left: 4ch;
 	overflow-y: scroll;
 	overflow-x: hidden;
@@ -249,5 +243,5 @@ main.toggled {
 }
 
 main.toggled #sidebar-wrapper {
-	width: 250px;
+	left: 0;
 }

+ 4 - 4
tpl/bootstrap.php

@@ -452,10 +452,6 @@ endif;
 				<p><?php echo I18n::_('The memory lets you remember different paste links. The memory is unique to each website and device.'); ?></p>
 			</div>
 			<section class="container">
-				<button id="menu-toggle" class="btn btn-<?php echo $isDark ? 'warning' : 'default'; ?>">
-					<span class="glyphicon glyphicon-menu-up"  aria-hidden="true"></span>
-					<?php echo I18n::_('Memory'); ?>
-				</button>
 <?php
 if (strlen($NOTICE)):
 ?>
@@ -538,6 +534,10 @@ if (strlen($URLSHORTENER)):
 endif;
 ?>
 				</div>
+				<button id="menu-toggle" class="btn btn-<?php echo $isDark ? 'warning' : 'default'; ?>">
+					<span class="glyphicon glyphicon-menu-up"  aria-hidden="true"></span>
+					<?php echo I18n::_('Memory'); ?>
+				</button>
 				<ul id="editorTabs" class="nav nav-tabs hidden">
 					<li role="presentation" class="active"><a role="tab" aria-selected="true" aria-controls="editorTabs" id="messageedit" href="#"><?php echo I18n::_('Editor'); ?></a></li>
 					<li role="presentation"><a role="tab" aria-selected="false" aria-controls="editorTabs" id="messagepreview" href="#"><?php echo I18n::_('Preview'); ?></a></li>