simplify sidebar CSS, position it relative to the editor tabs
This commit is contained in:
@@ -208,15 +208,11 @@ li.L0, li.L1, li.L2, li.L3, li.L5, li.L6, li.L7, li.L8 {
|
|||||||
|
|
||||||
/* sidebar */
|
/* sidebar */
|
||||||
#menu-toggle {
|
#menu-toggle {
|
||||||
position: absolute;
|
position: relative;
|
||||||
top: 145px;
|
bottom: -94px;
|
||||||
left: -3.3ch;
|
left: -61px;
|
||||||
|
margin-bottom: -12px;
|
||||||
transform: rotate(90deg);
|
transform: rotate(90deg);
|
||||||
transition: all 0.5s ease;
|
|
||||||
}
|
|
||||||
|
|
||||||
main.toggled #menu-toggle {
|
|
||||||
left: 220px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 768px) {
|
@media (max-width: 768px) {
|
||||||
@@ -228,7 +224,6 @@ main.toggled #menu-toggle {
|
|||||||
}
|
}
|
||||||
|
|
||||||
main {
|
main {
|
||||||
padding-left: 0;
|
|
||||||
transition: all 0.5s ease;
|
transition: all 0.5s ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -238,10 +233,9 @@ main.toggled {
|
|||||||
|
|
||||||
#sidebar-wrapper {
|
#sidebar-wrapper {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
left: 250px;
|
width: 250px;
|
||||||
width: 0;
|
|
||||||
height: 100%;
|
height: 100%;
|
||||||
margin-left: -250px;
|
left: -250px;
|
||||||
padding-left: 4ch;
|
padding-left: 4ch;
|
||||||
overflow-y: scroll;
|
overflow-y: scroll;
|
||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
@@ -249,5 +243,5 @@ main.toggled {
|
|||||||
}
|
}
|
||||||
|
|
||||||
main.toggled #sidebar-wrapper {
|
main.toggled #sidebar-wrapper {
|
||||||
width: 250px;
|
left: 0;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -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>
|
<p><?php echo I18n::_('The memory lets you remember different paste links. The memory is unique to each website and device.'); ?></p>
|
||||||
</div>
|
</div>
|
||||||
<section class="container">
|
<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
|
<?php
|
||||||
if (strlen($NOTICE)):
|
if (strlen($NOTICE)):
|
||||||
?>
|
?>
|
||||||
@@ -538,6 +534,10 @@ if (strlen($URLSHORTENER)):
|
|||||||
endif;
|
endif;
|
||||||
?>
|
?>
|
||||||
</div>
|
</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">
|
<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" 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>
|
<li role="presentation"><a role="tab" aria-selected="false" aria-controls="editorTabs" id="messagepreview" href="#"><?php echo I18n::_('Preview'); ?></a></li>
|
||||||
|
|||||||
Reference in New Issue
Block a user