WebDev/VersaWhiteboard
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

make btns a bit transparent

Browse Source
This commit is contained in:
cracker0dks 2019-05-07 22:59:20 +02:00
parent 4538e57be4
commit 9edce3ac0f
2 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
public/css/main.css
View File

@ -1,5 +1,5 @@
.btn-group button { .btn-group button {
background-color: #808080; /* Green background */ background: transparent;
border: 1px solid #636060; /* Green border */ border: 1px solid #636060; /* Green border */
color: black; /* White text */ color: black; /* White text */
padding: 11px 14px; /* Some padding */ padding: 11px 14px; /* Some padding */
@ -21,7 +21,7 @@
/* Add a background color on hover */ /* Add a background color on hover */
.btn-group button:hover { .btn-group button:hover {
background-color: #a5a3a3; background-color: #9a9a9a;
} }
button { button {
@ -29,7 +29,7 @@ button {
} }
.btn-group { .btn-group {
background-color: #808080; background-color: #808080ab;
margin-left: 5px; margin-left: 5px;
float: left; float: left;
position: relative; position: relative;

4
public/index.html
View File

@ -87,13 +87,13 @@
<div class="btn-group"> <div class="btn-group">
<button id="saveAsImageBtn" title="Save whiteboard as image" type="button" class="whiteboardBtn"> <button id="saveAsImageBtn" title="Save whiteboard as image" type="button" class="whiteboardBtn">
<i class="fas fa-image"></i> <i class="fas fa-image"></i>
<i style="position: absolute; top: 3px; left: 2px; color: #000000; background: grey; font-size: 0.5em; " <i style="position: absolute; top: 3px; left: 2px; color: #000000; font-size: 0.5em; "
class="fas fa-save"></i> class="fas fa-save"></i>
</button> </button>
<button style="position: relative;" id="saveAsJSONBtn" title="Save whiteboard as JSON" type="button" <button style="position: relative;" id="saveAsJSONBtn" title="Save whiteboard as JSON" type="button"
class="whiteboardBtn"> class="whiteboardBtn">
<i class="far fa-file-alt"></i> <i class="far fa-file-alt"></i>
<i style="position: absolute; top: 3px; left: 2px; color: #000000; background: grey; font-size: 0.5em; " <i style="position: absolute; top: 3px; left: 2px; color: #000000; font-size: 0.5em; "
class="fas fa-save"></i> class="fas fa-save"></i>
</button> </button>
</div> </div>