icon and theme experiments

This commit is contained in:
zadam
2021-06-06 22:15:51 +02:00
parent 3893f663d0
commit 3a7da1d561
13 changed files with 112 additions and 9 deletions

View File

@@ -7,9 +7,23 @@ const TPL = `
.global-menu .dropdown-menu {
width: 20em;
}
.global-menu-button {
background-image: url("images/icon-bw.png");
background-repeat: no-repeat;
background-position: 50% 45%;
width: 53px;
height: 53px;
}
.global-menu-button:hover {
background-image: url("images/icon-color.png");
}
</style>
<button type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="icon-action bx bx-menu" title="Menu"></button>
<button type="button" data-toggle="dropdown" data-placement="right"
aria-haspopup="true" aria-expanded="false"
class="icon-action global-menu-button" title="Menu"></button>
<div class="dropdown-menu dropdown-menu-right">
<a class="dropdown-item options-button" data-trigger-command="showOptions">
@@ -77,6 +91,8 @@ export default class GlobalMenuWidget extends BasicWidget {
doRender() {
this.$widget = $(TPL);
this.$widget.find(".global-menu-button").tooltip();
this.$widget.find(".show-about-dialog-button").on('click',
() => import("../../dialogs/about.js").then(d => d.showDialog()));