Archives/tobspr_shapez.io
1
0
Fork 0
mirror of https://github.com/tobspr/shapez.io.git synced 2025-06-13 13:04:03 +00:00
Code Issues Projects Releases Wiki Activity

Entity debugger style changes

Browse Source
This commit is contained in:
Exund 2020-09-12 13:49:46 +02:00
parent 64b2cea19f
commit d887c8dcd8
2 changed files with 28 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
src/css/ingame_hud/entity_debugger.scss
View File

@ -1,7 +1,12 @@
#ingame_HUD_EntityDebugger {
position: absolute;
@include S(right, 30px);
@include S(top, 200px);
bottom: 0;
height: calc(100vh - 200px * var(--ui-scale));
display: grid;
grid-template-rows: auto auto 1fr;
font-size: 14px;
line-height: 16px;
@ -24,20 +29,27 @@
}
}
.components {
@include S(margin-top, 4px);
display: grid;
grid-template-columns: 1fr 1fr;
@include S(grid-gap, 3px);
.component {
@include S(padding, 2px);
background: #333;
display: flex;
flex-direction: column;
.entityInfo {
overflow-y: auto;
.components {
@include S(margin-top, 4px);
display: grid;
grid-template-columns: 1fr 1fr;
overflow: auto;
@include S(grid-gap, 3px);
.component {
@include S(padding, 2px);
background: #333;
display: flex;
flex-direction: column;
.data {
@include S(width, 150px);
@include S(height, 130px);
@include S(height, 150px);
.data {
resize: vertical;
flex-grow: 1;
}
}
}
}

6
src/js/game/hud/parts/entity_debugger.js
View File

@ -9,8 +9,8 @@ export class HUDEntityDebugger extends BaseHUDPart {
"ingame_HUD_EntityDebugger",
[],
`
Tile below cursor: <span class="mousePos"></span><br>
Chunk below cursor: <span class="chunkPos"></span><br>
<div>Tile below cursor: <span class="mousePos"></span></div>
<div>Chunk below cursor: <span class="chunkPos"></span></div>
<div class="entityInfo"></div>
`
);
@ -41,7 +41,7 @@ export class HUDEntityDebugger extends BaseHUDPart {
const entity = this.root.map.getTileContent(worldTile, this.root.currentLayer);
if (entity) {
removeAllChildren(this.entityInfoElem);
let html = "Entity";
let html = "<div>Entity</div>";
const flag = (name, val) =>
`<span class='flag' data-value='${val ? "1" : "0"}'><u>${name}</u> ${val}</span>`;