hide sidebar button styling

This commit is contained in:
zadam 2019-11-17 11:58:05 +01:00
parent 73a6c66379
commit a1181623b7
2 changed files with 10 additions and 2 deletions

View File

@ -381,6 +381,14 @@ body {
.hide-sidebar-button { .hide-sidebar-button {
color: var(--main-text-color); color: var(--main-text-color);
background: none;
border: 1px solid transparent;
padding: 2px 8px 2px 8px;
border-radius: 2px;
}
.hide-sidebar-button:hover {
border-color: var(--button-border-color);
} }
.note-detail-sidebar { .note-detail-sidebar {

View File

@ -1,6 +1,6 @@
<div class="note-detail-sidebar hide-toggle" style="width: <%= sidebarWidthPercent %>%; min-width: <%= sidebarMinWidth %>px"> <div class="note-detail-sidebar hide-toggle" style="width: <%= sidebarWidthPercent %>%; min-width: <%= sidebarMinWidth %>px">
<div style="text-align: center; margin-bottom: 10px;"> <div style="text-align: center; margin-bottom: 5px;">
<button class="hide-sidebar-button" style="background: none; border: none;">hide sidebar <span class="bx bx-chevrons-right"></span></button> <button class="hide-sidebar-button">hide sidebar <span class="bx bx-chevrons-right"></span></button>
</div> </div>
<div class="note-detail-widget-container"></div> <div class="note-detail-widget-container"></div>