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; flex-direction: column;
} }
#topbar {
display: flex;
}
.hidden-by-zen-mode { .hidden-by-zen-mode {
display: none !important; display: none !important;
} }
@ -62,14 +66,14 @@ body {
flex-direction: column; flex-direction: column;
} }
#header { #toolbar {
background-color: var(--header-background-color); background-color: var(--header-background-color);
display: flex; display: flex;
align-items: center; align-items: center;
padding-top: 4px; padding-top: 4px;
} }
#header button { #toolbar button {
padding: 1px 5px 1px 5px; padding: 1px 5px 1px 5px;
font-size: smaller; font-size: smaller;
margin-bottom: 2px; margin-bottom: 2px;
@ -78,12 +82,12 @@ body {
border-color: transparent !important; border-color: transparent !important;
} }
#header button.btn-sm .bx { #toolbar button.btn-sm .bx {
position: relative; position: relative;
top: 1px; top: 1px;
} }
#header button:hover { #toolbar button:hover {
border-color: var(--button-border-color) !important; 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="toast-container" class="d-flex flex-column justify-content-center align-items-center"></div>
<div id="container" style="display: none;"> <div id="container" style="display: none;">
<div style="display: flex;"> <div id="topbar">
<div id="global-menu-wrapper"> <div id="global-menu-wrapper">
<div class="dropdown" id="global-menu"> <div class="dropdown" id="global-menu">
<button type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="btn btn-sm dropdown-toggle"> <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> </div>
<div id="header" class="hide-in-zen-mode"> <div id="toolbar" class="hide-in-zen-mode">
<div id="history-navigation" style="display: none;"> <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> <a id="history-back-button" title="Go to previous note." class="icon-action bx bx-left-arrow-circle"></a>