deblan
/
remote-i3wm-ws
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

UI improved

This commit is contained in:
Simon Vieille 2018-02-07 16:53:39 +01:00
parent 089d3c92c9
commit c041e4ac81
No known key found for this signature in database
GPG Key ID: 919533E2B946EA10
2 changed files with 33 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
client/assets/css/main.css
View File

@ -1,3 +1,16 @@
a {
color: #1e3650;
}
.btn-primary {
background: #1e3650;
border-color: #0e2640;
}
.nav-pills .nav-link.active {
background: #1e3650;
}
.legend {
color: #777;
margin: 3px 0;
@ -36,13 +49,13 @@
}
#pointer {
height: 75vh;
height: calc(100vh - 50px);
margin: auto;
background: #ccc;
}
#scrollbar {
height: 75vh;
height: calc(100vh - 50px);
width: 50px;
background: #333;
position: absolute;
@ -50,6 +63,17 @@
right: 0;
}
#pointer-buttons {
position: absolute;
margin-top: -42px;
width: 100%;
z-index: 110;
}
#pointer-buttons .btn {
height: 50px;
}
#disconneced {
position: absolute;
top: 0;
@ -63,3 +87,7 @@
color: #fff;
font-weight: bold;
}
#nav {
border-bottom: 2px solid #1e3650;
}

4
client/index.html
View File

@ -152,7 +152,9 @@
<div class="row pane" id="pane-pointer">
<div id="scrollbar"></div>
<div id="pointer"></div>
<button type="button" data-msg='{"type":"pointer","click":"left"}' class="btn btn-primary no-radius col-5">&nbsp;</button><button type="button no-margin" data-msg='{"type":"pointer","click":"middle"}' class="btn btn-secondary no-radius col-2">&nbsp;</button><button type="button no-margin" data-msg='{"type":"pointer","click":"right"}' class="btn btn-primary no-radius col-5">&nbsp;</button>
<div id="pointer-buttons">
<button type="button" data-msg='{"type":"pointer","click":"left"}' class="btn btn-primary no-radius col-5">&nbsp;</button><button type="button no-margin" data-msg='{"type":"pointer","click":"middle"}' class="btn btn-secondary no-radius col-2">&nbsp;</button><button type="button no-margin" data-msg='{"type":"pointer","click":"right"}' class="btn btn-primary no-radius col-5">&nbsp;</button>
</div>
</div>
<div class="row pane" id="pane-media">