mirror of
https://github.com/MichaelScottsman/LiquidAss-Frame.git
synced 2026-10-23 20:00:24 +02:00
70 lines
4.1 KiB
HTML
70 lines
4.1 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Glass Shell P2 — Settings: Power, value menu grown out of its capsule (right-aligned)</title>
|
|
<link rel="stylesheet" href="kit.css">
|
|
<link rel="stylesheet" href="window-nav-shared.css">
|
|
<link rel="stylesheet" href="settings.css">
|
|
</head>
|
|
<body>
|
|
<div class="lgk-view" data-room="lounge">
|
|
|
|
<div data-wn="tabbar" data-right="302" data-cy="426" data-sel="steam settings"></div>
|
|
|
|
<div class="lgk-overlay" style="left:320px; top:66px">
|
|
<div class="lgk-glass st-win" data-mat="window" data-dz="0" data-tier="T5 window cover (T1: smoky tint + edge cues)">
|
|
<div data-st="sidebar" data-sel="power" data-scroll="400"></div>
|
|
<div data-st="toolbar"></div>
|
|
<div class="st-scroll top">
|
|
<div class="st-col" style="top:116px">
|
|
<div class="st-hero"><span data-chip="power" data-cls="md"></span><div class="t-title1">Power</div></div>
|
|
<div class="st-sh first">Battery</div>
|
|
<div class="st-plat">
|
|
<div class="st-r first last two"><span class="lab">Battery Percentage<span class="desc">Show battery percentage on dashboard bar</span></span><span class="lgk-toggle on"></span></div>
|
|
</div>
|
|
<div class="st-sh">When On Battery and Idle</div>
|
|
<div class="st-plat">
|
|
<!-- the source: white while its menu is open (PLAN §1.4), hidden under the slab in this "over" placement; depth 0 -->
|
|
<div class="st-r first"><span class="lab">Dim display after</span><span class="st-pop is-selected">5 minutes<i data-si="updown"></i></span></div>
|
|
<div class="st-r last"><span class="lab">Sleep after</span><span class="st-pop">15 minutes<i data-si="updown"></i></span></div>
|
|
</div>
|
|
<div class="st-sh">When Plugged In and Idle</div>
|
|
<div class="st-plat">
|
|
<div class="st-r first"><span class="lab">Dim display after</span><span class="st-pop">10 minutes<i data-si="updown"></i></span></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Steam's dropdown menu as the shell's menu slab (window-nav §5.1, built by C1c), placed by settings' rule (PLAN §1.12,
|
|
settings.md §4.5): right edge = the capsule's right edge + 8 (x 822..1202); below the capsule if it fits above y 628, else
|
|
above it if it fits below y 108, else over it with the current value's row on the capsule, clamped to 108..628
|
|
(this case: y 178..626, "5 minutes" at y 388..460 over the capsule at 394..454).
|
|
4 options: one column of 72 px rows 6 px apart, a 40 px header row (the source row's label, T2), the current value's
|
|
trailing check, Steam's Cancel as the 56 px quiet capsule. No scrim. Depth +10 mm as a non-interactive crop with a thick
|
|
slab, rising 0 -> +10 on `depth` with the materialize (PLAN §1.7); rows 72 >= 52 px, so the click-safe rule admits it -->
|
|
<div class="lgk-glass wn-menu" data-mat="thick" data-lens style="left:822px; top:178px; width:380px; --dz:10" data-dz="10" data-tier="C1c slab + settings placement + T4 non-interactive crop +10 mm + T5 thick slab">
|
|
<div class="hdr">Dim display after</div>
|
|
<div class="lgk-row"><span class="t">Never</span></div>
|
|
<div class="lgk-row"><span class="t">1 minute</span></div>
|
|
<div class="lgk-row"><span class="t">5 minutes</span><i data-si="check" class="chk"></i></div>
|
|
<div class="lgk-row is-hover" style="--hx:77%; --hy:50%"><span class="t">10 minutes</span></div>
|
|
<div class="gap"></div>
|
|
<span class="lgk-btn capsule cancel">Cancel</span>
|
|
</div>
|
|
<!-- while the menu is open Steam's legend is Select / Cancel: the quiet legend; laser mode, so labels only -->
|
|
<div data-st="legend" data-mode="laser" data-legends="A:Select|B:Cancel"></div>
|
|
</div>
|
|
|
|
<div data-wn="winbar" data-cx="960" data-y="806" data-dim=".85"></div>
|
|
<div data-wn="bar" data-cx="960" data-y="904"></div>
|
|
<div data-wn="laser" data-to="1432,570" data-from="1640,1100"></div>
|
|
</div>
|
|
<script src="settings-shared.js"></script>
|
|
<script src="settings-icons.js"></script>
|
|
<script src="window-nav-shared.js"></script>
|
|
<script src="kit.js"></script>
|
|
</body>
|
|
</html>
|