UI improved
This commit is contained in:
parent
089d3c92c9
commit
c041e4ac81
|
@ -1,3 +1,16 @@
|
||||||
|
a {
|
||||||
|
color: #1e3650;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-primary {
|
||||||
|
background: #1e3650;
|
||||||
|
border-color: #0e2640;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-pills .nav-link.active {
|
||||||
|
background: #1e3650;
|
||||||
|
}
|
||||||
|
|
||||||
.legend {
|
.legend {
|
||||||
color: #777;
|
color: #777;
|
||||||
margin: 3px 0;
|
margin: 3px 0;
|
||||||
|
@ -36,13 +49,13 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
#pointer {
|
#pointer {
|
||||||
height: 75vh;
|
height: calc(100vh - 50px);
|
||||||
margin: auto;
|
margin: auto;
|
||||||
background: #ccc;
|
background: #ccc;
|
||||||
}
|
}
|
||||||
|
|
||||||
#scrollbar {
|
#scrollbar {
|
||||||
height: 75vh;
|
height: calc(100vh - 50px);
|
||||||
width: 50px;
|
width: 50px;
|
||||||
background: #333;
|
background: #333;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
@ -50,6 +63,17 @@
|
||||||
right: 0;
|
right: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#pointer-buttons {
|
||||||
|
position: absolute;
|
||||||
|
margin-top: -42px;
|
||||||
|
width: 100%;
|
||||||
|
z-index: 110;
|
||||||
|
}
|
||||||
|
|
||||||
|
#pointer-buttons .btn {
|
||||||
|
height: 50px;
|
||||||
|
}
|
||||||
|
|
||||||
#disconneced {
|
#disconneced {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
top: 0;
|
||||||
|
@ -63,3 +87,7 @@
|
||||||
color: #fff;
|
color: #fff;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#nav {
|
||||||
|
border-bottom: 2px solid #1e3650;
|
||||||
|
}
|
||||||
|
|
|
@ -152,8 +152,10 @@
|
||||||
<div class="row pane" id="pane-pointer">
|
<div class="row pane" id="pane-pointer">
|
||||||
<div id="scrollbar"></div>
|
<div id="scrollbar"></div>
|
||||||
<div id="pointer"></div>
|
<div id="pointer"></div>
|
||||||
|
<div id="pointer-buttons">
|
||||||
<button type="button" data-msg='{"type":"pointer","click":"left"}' class="btn btn-primary no-radius col-5"> </button><button type="button no-margin" data-msg='{"type":"pointer","click":"middle"}' class="btn btn-secondary no-radius col-2"> </button><button type="button no-margin" data-msg='{"type":"pointer","click":"right"}' class="btn btn-primary no-radius col-5"> </button>
|
<button type="button" data-msg='{"type":"pointer","click":"left"}' class="btn btn-primary no-radius col-5"> </button><button type="button no-margin" data-msg='{"type":"pointer","click":"middle"}' class="btn btn-secondary no-radius col-2"> </button><button type="button no-margin" data-msg='{"type":"pointer","click":"right"}' class="btn btn-primary no-radius col-5"> </button>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="row pane" id="pane-media">
|
<div class="row pane" id="pane-media">
|
||||||
<div class="col-12">
|
<div class="col-12">
|
||||||
|
|
Loading…
Reference in a new issue