REM-Freelancer/REM-Mod
5
0
Fork 0
Code Issues 25 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

New REM client: REM-Client 5776589, 64-bit (equipment dealer by hardpoint - what sits on each, the hold apart, hold bar and credits in the tabs row; base nav bar in the maneuver bar's look with the room's services in a second row; a double click runs a row's main action; a room change closes the open windows; the repair window's first click repairs, no second payment)

Browse Source 
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
flathack
2026-11-06 08:10:15 +01:00
co-authored by Claude Opus 5.5
parent 21626edb8e
commit b7abd01dfd
35 changed files with 69 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files
EXE/remui/navbar.rml
+20 -14
View File
@@ -11,23 +11,28 @@
top: 4dp;
width: auto;
transform: translateX(-50%);
display: block;
display: flex;
flex-direction: column;
align-items: center;
background-color: transparent;
}
/* in the flight HUD's design: one frame with cut corners (rem.rcss, hudframes), no box per button */
.navbar { display: flex; flex-direction: row; align-items: center; height: 48dp; box-sizing: border-box; padding: 0 18dp; decorator: ninepatch(fb, fb-i); }
.nb { display: flex; flex-direction: row; align-items: center; height: 36dp; padding: 0 12dp 0 8dp; margin: 0 1dp; border-radius: 3dp; }
.nb:hover { background-color: #5cc8f01a; }
/* in the flight HUD's design, as its maneuver bar (hud.rml .mans): one frame with cut corners
(rem.rcss, hudframes), icon over its name, a thin line between, the active one amber */
.navbar { display: flex; flex-direction: row; align-items: center; height: 76dp; box-sizing: border-box; padding: 0 18dp; decorator: ninepatch(fb, fb-i); }
.nb { display: flex; flex-direction: column; align-items: center; justify-content: center; min-width: 84dp; height: 62dp; padding: 0 10dp; border-left: 1dp #2b6f9e; }
.nb:first-child, .nb.active { border-left-width: 0; }
.nb:hover { background-color: #f2b13c14; }
.nb.active { background-color: #f2b13c1f; }
.nb.disabled { opacity: 0.4; }
.nb.disabled { opacity: 0.35; }
.nb.disabled:hover { background-color: transparent; }
.nb img { width: 28dp; height: 28dp; margin-right: 6dp; }
.nb span { font-family: "Saira SemiCondensed"; font-weight: 600; font-size: 13dp; letter-spacing: 1.5dp; text-transform: uppercase; color: #e8f4ff; }
.nb img { width: 34dp; height: 34dp; }
.nb:hover img, .nb.active img { image-color: #f2b13c; }
.nb span { margin-top: 2dp; font-family: "Saira SemiCondensed"; font-weight: 600; font-size: 12dp; letter-spacing: 1dp; text-transform: uppercase; white-space: nowrap; color: #b9d4ea; }
.nb.active span { color: #f2b13c; }
.nb:hover span { color: #5cc8f0; }
.nb.tab img { width: 22dp; height: 22dp; }
.nb.tab span { font-size: 12dp; color: #b9d4ea; }
.sep { width: 1dp; height: 28dp; background-color: #2b6f9e; margin: 0 8dp; }
/* the room's services (repair, launch, the dealer's desk, ...) in a smaller second row under it */
.navbar.tabs { height: 56dp; margin-top: 4dp; padding: 0 14dp; }
.tabs .nb { min-width: 72dp; height: 46dp; }
.tabs .nb img { width: 26dp; height: 26dp; }
</style>
</head>
<body class="navstrip" data-model="navbar">
@@ -35,8 +40,9 @@
<div class="nb" data-for="b : rooms" data-class-active="b.active" data-class-disabled="b.disabled" data-action="click" data-attr-data-arg="b.key">
<img data-if="b.icon != ''" data-attr-src="b.icon"/><span>{{ b.label }}</span>
</div>
<div class="sep" data-if="tabs.size &gt; 0"></div>
<div class="nb tab" data-for="b : tabs" data-class-active="b.active" data-class-disabled="b.disabled" data-action="click" data-attr-data-arg="b.key">
</div>
<div class="navbar tabs" data-if="shown && tabs.size &gt; 0">
<div class="nb" data-for="b : tabs" data-class-active="b.active" data-class-disabled="b.disabled" data-action="click" data-attr-data-arg="b.key">
<img data-if="b.icon != ''" data-attr-src="b.icon"/><span>{{ b.label }}</span>
</div>
</div>