trilium/src/public/app/widgets/mobile_widgets/mobile_global_buttons.js
Patrick Moriarty a4bffbfa60
Mobile view: iOS sizing/styling changes (#1756)
* Fix dark themed action-button text color on mobile safari

* Fix note view scrolling on ios safari

* Fix scroll issues on tree view on ios safari

* Fix mobile firefox/chrome sizing issues

* Fix scroll-to-active-note
2021-03-17 22:07:53 +01:00

43 lines
1.4 KiB
JavaScript

import BasicWidget from "../basic_widget.js";
const WIDGET_TPL = `
<div id="global-buttons">
<style>
#global-buttons {
display: flex;
flex-shrink: 0;
justify-content: space-around;
padding: 0px 0 3px 0;
font-size: larger;
position: absolute;
top: 8px;
width: 100%;
}
</style>
<a data-trigger-command="createNoteIntoInbox" title="New note" class="icon-action bx bx-folder-plus"></a>
<a data-trigger-command="collapseTree" title="Collapse note tree" class="icon-action bx bx-layer-minus"></a>
<a data-trigger-command="scrollToActiveNote" title="Scroll to active note" class="icon-action bx bx-crosshair"></a>
<div class="dropdown">
<a title="Global actions" class="icon-action bx bx-cog dropdown-toggle" data-toggle="dropdown"></a>
<div class="dropdown-menu dropdown-menu-right">
<a class="dropdown-item" data-trigger-command="switchToDesktopVersion"><span class="bx bx-laptop"></span> Switch to desktop version</a>
<a class="dropdown-item" data-trigger-command="logout"><span class="bx bx-log-out"></span> Logout</a>
</div>
</div>
</div>
`;
class MobileGlobalButtonsWidget extends BasicWidget {
doRender() {
this.$widget = $(WIDGET_TPL);
this.overflowing();
}
}
export default MobileGlobalButtonsWidget;