small template refactoring

This commit is contained in:
zadam 2019-12-30 19:46:48 +01:00
parent 0fe91d0184
commit 3f1d0e5872
2 changed files with 10 additions and 6 deletions

View file

@ -10,6 +10,10 @@ body {
flex-direction: column;
}
#topbar {
display: flex;
}
.hidden-by-zen-mode {
display: none !important;
}
@ -62,14 +66,14 @@ body {
flex-direction: column;
}
#header {
#toolbar {
background-color: var(--header-background-color);
display: flex;
align-items: center;
padding-top: 4px;
}
#header button {
#toolbar button {
padding: 1px 5px 1px 5px;
font-size: smaller;
margin-bottom: 2px;
@ -78,12 +82,12 @@ body {
border-color: transparent !important;
}
#header button.btn-sm .bx {
#toolbar button.btn-sm .bx {
position: relative;
top: 1px;
}
#header button:hover {
#toolbar button:hover {
border-color: var(--button-border-color) !important;
}

View file

@ -11,7 +11,7 @@
<div id="toast-container" class="d-flex flex-column justify-content-center align-items-center"></div>
<div id="container" style="display: none;">
<div style="display: flex;">
<div id="topbar">
<div id="global-menu-wrapper">
<div class="dropdown" id="global-menu">
<button type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="btn btn-sm dropdown-toggle">
@ -96,7 +96,7 @@
</div>
</div>
<div id="header" class="hide-in-zen-mode">
<div id="toolbar" class="hide-in-zen-mode">
<div id="history-navigation" style="display: none;">
<a id="history-back-button" title="Go to previous note." class="icon-action bx bx-left-arrow-circle"></a>