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 86c9052, 64-bit (the whole modern UI in the flight HUD's look: cut-corner frames with one outline, no box in the box, caps titles with three slashes, labelled maneuver bar, one compact status panel power / shield / hull; contacts list with a real scroll bar - dragged, the wheel; the nav map without the veil and only as big as map and side; windows take clicks again after a colour theme change)

Browse Source 
Built on the FLAtlas VM (VS 2022 Build Tools, Release|x64); DLSS not rebuilt (rem_dlss.dll unchanged).

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
flathack
2026-11-03 23:36:50 +01:00
co-authored by Claude Opus 5.5
parent 1029764985
commit 8e334d06da
78 changed files with 411 additions and 349 deletions
Download Patch File Download Diff File Expand all files Collapse all files
EXE/remui/nnbar.rml
+9 -8
View File
@@ -5,24 +5,25 @@
<style>
/* only as big as the bar, at the top right: the mouse beside it goes to the game */
body.nnstrip { position: absolute; right: 8dp; top: 4dp; width: 400dp; height: 60dp; display: block; background-color: transparent; pointer-events: none; }
.nnbar { pointer-events: auto; position: absolute; top: 0; right: 0; display: flex; flex-direction: row; align-items: center; padding: 3dp 4dp; background-color: #070b12e6; border: 2dp #3d6d96; border-radius: 4dp; }
.nb { width: 40dp; padding: 3dp 5dp; margin: 0 1dp; border: 1dp #00000000; border-radius: 3dp; position: relative; }
.nb:hover { border-color: #5cc8f0; background-color: #122033; }
.nb.active { border-color: #f2b13c; background-color: #f2b13c1f; }
.nb img { width: 30dp; height: 30dp; display: block; image-color: #8fb8d8; }
/* in the flight HUD's design: one frame with cut corners (rem.rcss, hudframes), no box per icon */
.nnbar { pointer-events: auto; position: absolute; top: 0; right: 0; height: 52dp; box-sizing: border-box; display: flex; flex-direction: row; align-items: center; padding: 0 16dp; decorator: ninepatch(fb, fb-i); }
.nb { width: 40dp; padding: 4dp 5dp; margin: 0 1dp; border-radius: 3dp; position: relative; }
.nb:hover { background-color: #5cc8f01a; }
.nb.active { background-color: #f2b13c1f; }
.nb img { width: 30dp; height: 30dp; display: block; image-color: #b9d4ea; }
.nb:hover img { image-color: #5cc8f0; animation: 1.6s linear infinite nb-spin; }
/* REM: as FL's NeuroNet icons, the hovered one turns about its upright axis */
.nb { transition: background-color border-color 0.15s cubic-out; }
.nb { transition: background-color 0.15s cubic-out; }
.nb img { transform: perspective(240dp) rotateY(0deg) scale(1); transition: transform 0.2s cubic-out; }
.nb.active img { image-color: #f2b13c; }
.nb .tip { top: 40dp; right: 0; left: auto; bottom: auto; width: 230dp; white-space: normal; text-align: right; }
.nb .tip { top: 46dp; right: 0; left: auto; bottom: auto; width: 230dp; white-space: normal; text-align: right; }
.edit-grip { display: none; position: absolute; left: 0; top: 0; padding: 2dp 8dp; background-color: #f2b13c; color: #05080d; font-family: "Saira SemiCondensed"; font-weight: 600; font-size: 13dp; border-radius: 3dp; white-space: nowrap; drag: drag; cursor: move; pointer-events: auto; z-index: 10; }
.hud-editing .edit-grip { display: block; }
</style>
</head>
<body class="nnstrip movable" data-model="nnbar">
<div class="win-head edit-grip">NeuroNet bar &#10021;</div>
<div class="nnbar" data-if="shown" data-style-width="icons.size * 42 + 12 + 'dp'">
<div class="nnbar" data-if="shown" data-style-width="icons.size * 42 + 32 + 'dp'">
<div class="nb" data-for="i : icons" data-class-active="i.active" data-action="nn" data-attr-data-arg="i.cmd">
<img data-attr-src="i.icon"/>
<div class="tip" data-if="i.label != ''">{{ i.label }}</div>