Tools/Notes
1
0
Fork 0
mirror of https://github.com/TriliumNext/Notes.git synced 2025-10-31 13:01:31 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix display of title buttons

Browse Source
This commit is contained in:
zadam 2022-12-17 13:28:53 +01:00
parent c28383de4f
commit 575f09d97f
1 changed files with 8 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/public/app/widgets/title_bar_buttons.js
View File

@ -9,12 +9,16 @@ const TPL = `
flex-shrink: 0; flex-shrink: 0;
} }
.title-bar-buttons div button.icon-action { .title-bar-buttons div button {
border: none !important; border: none !important;
border-radius: 0;
background: none !important; background: none !important;
font-size: 150%; font-size: 150%;
height: 40px; height: 40px;
width: 40px; width: 40px;
display: flex;
align-items: center;
justify-content: center;
} }
.title-bar-buttons div:hover button { .title-bar-buttons div:hover button {
@ -29,9 +33,9 @@ const TPL = `
</style> </style>
<!-- divs act as a hitbox for the buttons, making them clickable on corners --> <!-- divs act as a hitbox for the buttons, making them clickable on corners -->
<div class="minimize-btn"><button class="btn icon-action bx bx-minus"></button></div> <div class="minimize-btn"><button class="btn bx bx-minus"></button></div>
<div class="maximize-btn"><button class="btn icon-action bx bx-checkbox"></button></div> <div class="maximize-btn"><button class="btn bx bx-checkbox"></button></div>
<div class="close-btn"><button class="btn icon-action bx bx-x"></button></div> <div class="close-btn"><button class="btn bx bx-x"></button></div>
</div>`; </div>`;
export default class TitleBarButtonsWidget extends BasicWidget { export default class TitleBarButtonsWidget extends BasicWidget {