Web Dev Solutions

Catalin Mititiuc

aboutsummaryrefslogtreecommitdiff
path: root/public
diff options
context:
space:
mode:
authorCatalin Mititiuc <webdevcat@proton.me>2024-07-02 13:12:21 -0700
committerCatalin Mititiuc <webdevcat@proton.me>2024-07-02 14:04:27 -0700
commit624991870df0e804d64cf4d9359c63435513d61b (patch)
tree5aeddf42b9c058127ec38bfd33d6c04dc3d2d0e0 /public
parent23673cec8e05970f96681eac733285732cf09e1c (diff)
Allow selecting elevation level with up/down buttons
Diffstat (limited to 'public')
-rw-r--r--public/assets/css/style.css3
-rw-r--r--public/index.html4
2 files changed, 4 insertions, 3 deletions
diff --git a/public/assets/css/style.css b/public/assets/css/style.css
index de66f44..9d29894 100644
--- a/public/assets/css/style.css
+++ b/public/assets/css/style.css
@@ -380,7 +380,7 @@ div#content {
#edge-inputs {
position: absolute;
right: 0;
- /* height: 100%; */
+ height: 100%;
pointer-events: none;
display: flex;
flex-direction: column;
@@ -393,6 +393,7 @@ div#content {
#content-visibility {
margin-top: 2px;
+ flex-grow: 2;
}
label[for="content-visibility-toggle"] {
diff --git a/public/index.html b/public/index.html
index 4e0e456..570123e 100644
--- a/public/index.html
+++ b/public/index.html
@@ -137,7 +137,7 @@
</div>
<div class="select-elevation">
- <button>🡅</button>
+ <button class="up">🡅</button>
<input type="radio" id="select-elevation-3" name="select-elevation" value="3" />
<label for="select-elevation-3">3</label>
<input type="radio" id="select-elevation-2" name="select-elevation" value="2" />
@@ -148,7 +148,7 @@
<label for="select-elevation-0">0</label>
<input type="radio" id="select-elevation-basement" name="select-elevation" value="-1" />
<label for="select-elevation-basement">-1</label>
- <button>🡇</button>
+ <button class="down">🡇</button>
</div>
<div id="dice">