Add settings menu to control audio and return to main menu

This commit is contained in:
Ben Calegari 2026-07-28 22:01:28 -07:00
parent c88d3fc625
commit 0b7bc936ef
13 changed files with 697 additions and 22 deletions

View file

@ -45,6 +45,30 @@
flex: 1;
}
/* Gear button at the far right of the top bar. Explicit min/max width and zero
padding override the default Button theme, which would otherwise pad it out
to a text-sized control. background-image: none is required too — the default
runtime theme skins Button with a light rounded sprite, and setting only
background-color leaves that sprite on top (renders as a blank pale square). */
.menu-button {
width: 22px;
height: 22px;
min-width: 22px;
min-height: 22px;
max-width: 22px;
flex-shrink: 0;
margin: 0 0 0 12px;
padding: 0;
border-width: 1px;
border-color: rgba(90, 80, 32, 1);
background-image: none;
background-color: rgba(0, 0, 0, 0.25);
}
.menu-button:hover {
background-color: rgba(90, 80, 32, 0.55);
}
.gold-label {
color: rgb(255, 224, 102);
font-size: 12px;

View file

@ -13,6 +13,9 @@
<ui:Label name="leaked-label" text="leaked: ?" class="dimmed-label"/>
<ui:Label name="lives-label" text="lives: ?" class="dimmed-label"/>
</ui:VisualElement>
<!-- Gear → opens the in-match menu (Escape does the same). The icon is
painted procedurally by GameMenuView, so no sprite asset is required. -->
<ui:Button name="menu-button" text="" class="menu-button"/>
</ui:VisualElement>
<ui:VisualElement name="main-area" class="main-area">
<ui:VisualElement name="map-area" class="map-area">