fix display of title buttons

This commit is contained in:
zadam 2022-12-17 13:28:53 +01:00
parent c28383de4f
commit 575f09d97f

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 {