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

make btns a bit transparent

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

4
public/index.html
View File

@ -87,13 +87,13 @@
<div class="btn-group">
<button id="saveAsImageBtn" title="Save whiteboard as image" type="button" class="whiteboardBtn">
<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>
</button>
<button style="position: relative;" id="saveAsJSONBtn" title="Save whiteboard as JSON" type="button"
class="whiteboardBtn">
<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>
</button>
</div>