raphael/whiteboard
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix clear btn style

Browse Source
This commit is contained in:
raphael 2021-02-11 14:00:21 +01:00
parent 32a99433c7
commit c9ea42afd4
2 changed files with 18 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
src/index.html
View File

@ -11,11 +11,11 @@
<div id="whiteboardContainer"></div> <div id="whiteboardContainer"></div>
<!---Toolbar -!--> <!---Toolbar -!-->
<div id="toolbar" style="position: absolute; top: 10px; left: 10px;"> <div id="toolbar" style="position: absolute; top: 10px; left: 10px">
<div class="btn-group"> <div class="btn-group">
<button <button
id="whiteboardLockBtn" id="whiteboardLockBtn"
style="background-color: orange;" style="background-color: orange"
title="View and Write" title="View and Write"
type="button" type="button"
> >
@ -31,7 +31,7 @@
<i class="fa fa-trash"></i> <i class="fa fa-trash"></i>
</button> </button>
<button <button
style="position: absolute; left: 0px; top: 0px; width: 46px; display: none;" style="display: none"
id="whiteboardTrashBtnConfirm" id="whiteboardTrashBtnConfirm"
title="Confirm clear..." title="Confirm clear..."
type="button" type="button"
@ -51,7 +51,7 @@
<i class="fa fa-mouse-pointer"></i> <i class="fa fa-mouse-pointer"></i>
</button> </button>
<button <button
style="padding-bottom: 11px;" style="padding-bottom: 11px"
tool="recSelect" tool="recSelect"
title="Select an area" title="Select an area"
type="button" type="button"
@ -68,7 +68,7 @@
<i class="fa fa-pencil-alt"></i> <i class="fa fa-pencil-alt"></i>
</button> </button>
<button <button
style="padding-bottom: 8px; padding-top: 6px;" style="padding-bottom: 8px; padding-top: 6px"
tool="line" tool="line"
title="draw a line" title="draw a line"
type="button" type="button"
@ -91,10 +91,10 @@
</div> </div>
<div class="btn-group whiteboard-edit-group"> <div class="btn-group whiteboard-edit-group">
<button style="width: 190px; cursor: default;"> <button style="width: 190px; cursor: default">
<div <div
class="activeToolIcon" class="activeToolIcon"
style="position: absolute; top: 2px; left: 2px; font-size: 0.6em;" style="position: absolute; top: 2px; left: 2px; font-size: 0.6em"
> >
<i class="fa fa-pencil-alt"></i> <i class="fa fa-pencil-alt"></i>
</div> </div>
@ -111,7 +111,7 @@
<input <input
title="Thickness" title="Thickness"
id="whiteboardThicknessSlider" id="whiteboardThicknessSlider"
style="position: absolute; left: 9px; width: 130px; top: 15px;" style="position: absolute; left: 9px; width: 130px; top: 15px"
type="range" type="range"
min="1" min="1"
max="50" max="50"
@ -149,7 +149,7 @@
</button> </button>
<button <button
style="position: relative;" style="position: relative"
id="uploadJsonBtn" id="uploadJsonBtn"
title="Load saved JSON to whiteboard" title="Load saved JSON to whiteboard"
type="button" type="button"
@ -167,7 +167,7 @@
></i> ></i>
</button> </button>
<input style="display: none;" id="myFile" type="file" /> <input style="display: none" id="myFile" type="file" />
</div> </div>
<div class="btn-group"> <div class="btn-group">
@ -185,7 +185,7 @@
></i> ></i>
</button> </button>
<button <button
style="position: relative; display: none;" style="position: relative; display: none"
id="uploadWebDavBtn" id="uploadWebDavBtn"
title="Save whiteboard to webdav" title="Save whiteboard to webdav"
type="button" type="button"
@ -203,7 +203,7 @@
></i> ></i>
</button> </button>
<button <button
style="position: relative;" style="position: relative"
id="saveAsJSONBtn" id="saveAsJSONBtn"
title="Save whiteboard as JSON" title="Save whiteboard as JSON"
type="button" type="button"
@ -232,19 +232,19 @@
<div class="btn-group minGroup"> <div class="btn-group minGroup">
<button <button
style="width: 100%; padding: 11px 11px;" style="width: 100%; padding: 11px 11px"
id="minMaxBtn" id="minMaxBtn"
title="hide buttons" title="hide buttons"
type="button" type="button"
> >
<i <i
id="minBtn" id="minBtn"
style="position: relative; left: -5px;" style="position: relative; left: -5px"
class="fas fa-angle-left" class="fas fa-angle-left"
></i> ></i>
<i <i
id="maxBtn" id="maxBtn"
style="position: relative; left: -5px; display: none;" style="position: relative; left: -5px; display: none"
class="fas fa-angle-right" class="fas fa-angle-right"
></i> ></i>
</button> </button>

6
src/js/main.js
View File

@ -246,19 +246,19 @@ function initWhiteboard() {
.off("click") .off("click")
.click(function () { .click(function () {
$("#whiteboardTrashBtnConfirm").show().focus(); $("#whiteboardTrashBtnConfirm").show().focus();
$(this).css({ visibility: "hidden" }); $(this).hide();
}); });
$("#whiteboardTrashBtnConfirm").mouseout(function () { $("#whiteboardTrashBtnConfirm").mouseout(function () {
$(this).hide(); $(this).hide();
$("#whiteboardTrashBtn").css({ visibility: "inherit" }); $("#whiteboardTrashBtn").show();
}); });
$("#whiteboardTrashBtnConfirm") $("#whiteboardTrashBtnConfirm")
.off("click") .off("click")
.click(function () { .click(function () {
$(this).hide(); $(this).hide();
$("#whiteboardTrashBtn").css({ visibility: "inherit" }); $("#whiteboardTrashBtn").show();
whiteboard.clearWhiteboard(); whiteboard.clearWhiteboard();
}); });