[fix] UI layout of hacknet nodes no longer overflows player info

This commit is contained in:
Steven Evans 2018-06-05 23:49:06 -04:00
parent 720478377f
commit 2cbc728baf
2 changed files with 13 additions and 4 deletions

@ -299,6 +299,11 @@
white-space: nowrap;
}
#hacknet-nodes-list {
list-style: none;
width: 82vw;
}
#hacknet-nodes-money {
margin: 10px;
float: left;
@ -306,7 +311,7 @@
#hacknet-nodes-money-multipliers-div {
display: inline-block;
width: 80%;
width: 70vw;
}
#hacknet-nodes-multipliers {
@ -320,7 +325,7 @@
.hacknet-node {
margin: 6px;
padding: 6px;
width: 40%;
width: 34vw;
border: 2px solid var(--my-highlight-color);
-webkit-box-shadow:
inset 0 0 8px rgba(0,0,0,0.1),
@ -353,6 +358,10 @@
width: 48px; /* Four times font-size */
}
.menu-page-text {
width: 70vw;
}
/* World */
#world-container {
position: fixed;

@ -185,7 +185,7 @@
<!-- Hacknet Nodes -->
<div id="hacknet-nodes-container" class="generic-menupage-container">
<h1 id="hacknet-nodes-title"> Hacknet Nodes </h1>
<p id="hacknet-nodes-text">
<p id="hacknet-nodes-text" class="menu-page-text">
The Hacknet is a global, decentralized network of machines. It is used by hackers all around
the world to anonymously share computing power and perform distributed cyberattacks without the
fear of being traced.
@ -211,7 +211,7 @@
<a id="hacknet-nodes-max-multiplier" class="a-link-button"> MAX </a>
</span>
</div>
<ul id="hacknet-nodes-list" style="list-style : none;">
<ul id="hacknet-nodes-list">
</ul>
</div>