mirror of
https://github.com/EliasKotlyar/Xiaomi-Dafang-Hacks.git
synced 2025-09-09 07:30:57 +02:00
Add a small indicator overlay on live image to hint at dpad
This commit is contained in:
@@ -63,6 +63,24 @@
|
||||
max-height: 80vh;
|
||||
}
|
||||
|
||||
#dpad_indicator {
|
||||
position: absolute;
|
||||
top: 3px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
margin: 0 auto;
|
||||
z-index: 4;
|
||||
width: 1.5em;
|
||||
border-radius: 0.25em;
|
||||
background-color: rgba(10, 10, 10, 0.4);
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
color: #fff;
|
||||
cursor: pointer;
|
||||
font-size: 0.8em;
|
||||
color: #ffdd57;
|
||||
}
|
||||
|
||||
#dpad_container {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
@@ -122,6 +140,10 @@
|
||||
display: block;
|
||||
}
|
||||
|
||||
#content:hover #dpad_indicator {
|
||||
display: none;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
|
||||
@@ -259,6 +281,9 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="dpad_indicator">
|
||||
⇔
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
Reference in New Issue
Block a user