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

UI improved

Browse source
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 { .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;
}

4
client/index.html
View file

@ -152,7 +152,9 @@
<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>
<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>
<div class="row pane" id="pane-media"> <div class="row pane" id="pane-media">