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

fix firefox css

This commit is contained in:
raphael 2019-05-21 11:58:02 +02:00
parent 242c62a0cd
commit dda147a539
2 changed files with 27 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
public/css/main.css
View File

@ -1,18 +1,30 @@
.btn-group button {
background: transparent;
border: 1px solid #636060; /* Green border */
color: black; /* White text */
padding: 11px 14px; /* Some padding */
cursor: pointer; /* Pointer/hand icon */
float: left; /* Float the buttons side by side */
font-size: 1.2em;
border: 1px solid #636060;
/* Green border */
color: black;
/* White text */
padding: 11px 14px;
/* Some padding */
cursor: pointer;
/* Pointer/hand icon */
float: left;
/* Float the buttons side by side */
font-size: 1.2em;
height: 45px;
}
button::-moz-focus-inner {
border: 0;
}
.btn-group button:not(:last-child) {
border-right: none; /* Prevent double borders */
border-right: none;
/* Prevent double borders */
}
/* Clear floats (clearfix hack) */
.btn-group:after {
content: "";
clear: both;
@ -20,6 +32,7 @@
}
/* Add a background color on hover */
.btn-group button:hover {
background-color: #9a9a9a;
}
@ -54,10 +67,11 @@ button {
.textBox.active {
border: 1px dashed gray;
}
.textBox>.removeIcon,.textBox>.moveIcon {
display:none;
.textBox>.removeIcon, .textBox>.moveIcon {
display: none;
}
.textBox.active>.removeIcon,.textBox.active>.moveIcon {
display:block;
.textBox.active>.removeIcon, .textBox.active>.moveIcon {
display: block;
}

4
public/index.html
View File

@ -51,7 +51,7 @@
<button tool="pen" title="Take the pen" type="button" class="whiteboardTool active">
<i class="fa fa-pencil-alt"></i>
</button>
<button style="padding-bottom: 8px; padding-top: 7px;" tool="line" title="draw a line" type="button"
<button style="padding-bottom: 8px; padding-top: 6px;" tool="line" title="draw a line" type="button"
class="whiteboardTool">
╱
</button>
@ -69,7 +69,7 @@
</button>
</div>
<div style="position:relative; width: 190px; height: 44px; border: 1px solid green;" class="btn-group">
<div style="position:relative; width: 190px; height: 43px; border: 1px solid green;" class="btn-group">
<div class="activeToolIcon" style="position:absolute; top:2px; left:2px; font-size: 0.6em;"><i
class="fa fa-pencil-alt"></i></div>
<img style="position: absolute; left: 11px; top: 16px; height:14px; width:130px;"