Add hand icon
This commit is contained in:
Tainan Felipe
parent
e501b9e5cc
commit
cce66b352e
@ -173,7 +173,7 @@ export default class WhiteboardOverlay extends Component {
|
||||
slideHeight={this.props.slideHeight}
|
||||
/>
|
||||
);
|
||||
} else if (tool === 'pointer') {
|
||||
} else if (tool === 'hand') {
|
||||
return (
|
||||
<PanZoomDrawListener {...this.props} />
|
||||
);
|
||||
|
||||
@ -51,7 +51,8 @@ export default class PanZoomDrawListener extends React.Component {
|
||||
height: '100%',
|
||||
touchAction: 'none',
|
||||
zIndex: 2 ** 31 - 1, // maximun value of z-index to prevent other things from overlapping
|
||||
cursor: this.state.pressed ? `url('${baseName}/resources/images/whiteboard-cursor/pencil.svg') 2 22, default` : '',
|
||||
cursor: this.state.pressed ? `url('${baseName}/resources/images/whiteboard-cursor/pan-closed.png') 4 8 , default`
|
||||
: `url('${baseName}/resources/images/whiteboard-cursor/pan.png') 4 8, default`,
|
||||
};
|
||||
return (<div
|
||||
style={pencilDrawStyle}
|
||||
|
||||
@ -380,7 +380,7 @@ class WhiteboardToolbar extends Component {
|
||||
|
||||
renderThicknessItem() {
|
||||
const { intl } = this.props;
|
||||
const isDisabled = this.state.annotationSelected.value === 'pointer';
|
||||
const isDisabled = this.state.annotationSelected.value === 'hand';
|
||||
return (
|
||||
<ToolbarMenuItem
|
||||
disabled={isDisabled}
|
||||
@ -453,7 +453,7 @@ class WhiteboardToolbar extends Component {
|
||||
|
||||
renderColorItem() {
|
||||
const { intl } = this.props;
|
||||
const isDisabled = this.state.annotationSelected.value === 'pointer';
|
||||
const isDisabled = this.state.annotationSelected.value === 'hand';
|
||||
return (
|
||||
<ToolbarMenuItem
|
||||
disabled={isDisabled}
|
||||
|
||||
@ -7,9 +7,9 @@ import { styles } from '../styles';
|
||||
import ToolbarSubmenuItem from '../toolbar-submenu-item/component';
|
||||
|
||||
const intlMessages = defineMessages({
|
||||
toolPointer: {
|
||||
id: 'app.whiteboard.toolbar.tools.pointer',
|
||||
description: 'Tool submenu pointer item',
|
||||
toolHand: {
|
||||
id: 'app.whiteboard.toolbar.tools.hand',
|
||||
description: 'Tool submenu hand item',
|
||||
},
|
||||
toolPencil: {
|
||||
id: 'app.whiteboard.toolbar.tools.pencil',
|
||||
|
||||
@ -343,8 +343,8 @@
|
||||
"value": "pencil"
|
||||
},
|
||||
{
|
||||
"icon": "pointer",
|
||||
"value": "pointer"
|
||||
"icon": "hand",
|
||||
"value": "hand"
|
||||
}
|
||||
]
|
||||
}
|
||||
|
||||
@ -354,7 +354,7 @@
|
||||
"app.video.stats.currentDelay": "Current delay",
|
||||
"app.meeting.endNotification.ok.label": "OK",
|
||||
"app.whiteboard.toolbar.tools": "Tools",
|
||||
"app.whiteboard.toolbar.tools.pointer": "Pointer",
|
||||
"app.whiteboard.toolbar.tools.hand": "Hand",
|
||||
"app.whiteboard.toolbar.tools.pencil": "Pencil",
|
||||
"app.whiteboard.toolbar.tools.rectangle": "Rectangle",
|
||||
"app.whiteboard.toolbar.tools.triangle": "Triangle",
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 605 B |
@ -0,0 +1,26 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1"
|
||||
id="svg2" inkscape:export-filename="/home/cwalton/Pictures/bbb-cursors/triangle.png" inkscape:export-xdpi="90" inkscape:export-ydpi="90" inkscape:version="0.91 r13725" sodipodi:docname="triangle.svg" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:svg="http://www.w3.org/2000/svg"
|
||||
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 32 32"
|
||||
style="enable-background:new 0 0 32 32;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill:none;stroke:#FF0000;stroke-miterlimit:10;}
|
||||
.st1{fill:#FFFFFF;stroke:#3F3F3F;stroke-miterlimit:10;}
|
||||
</style>
|
||||
<sodipodi:namedview bordercolor="#666666" borderopacity="1.0" id="base" inkscape:bbox-nodes="true" inkscape:bbox-paths="true" inkscape:current-layer="layer1" inkscape:cx="25.698868" inkscape:cy="14.972468" inkscape:document-units="px" inkscape:guide-bbox="true" inkscape:object-nodes="true" inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:snap-bbox="true" inkscape:snap-grids="true" inkscape:snap-nodes="false" inkscape:snap-others="true" inkscape:snap-smooth-nodes="true" inkscape:window-height="1009" inkscape:window-maximized="1" inkscape:window-width="1920" inkscape:window-x="0" inkscape:window-y="34" inkscape:zoom="16" pagecolor="#ffffff" showgrid="true" showguides="false" units="px">
|
||||
<inkscape:grid id="grid4203" type="xygrid"></inkscape:grid>
|
||||
<sodipodi:guide id="guide4258" orientation="1,0" position="2,25"></sodipodi:guide>
|
||||
<sodipodi:guide id="guide4260" orientation="0,1" position="8,30"></sodipodi:guide>
|
||||
<sodipodi:guide id="guide4262" orientation="1,0" position="26,21"></sodipodi:guide>
|
||||
<sodipodi:guide id="guide4264" orientation="0,1" position="9,6"></sodipodi:guide>
|
||||
<sodipodi:guide id="guide4269" orientation="0,1" position="31,24"></sodipodi:guide>
|
||||
<sodipodi:guide id="guide4271" orientation="1,0" position="8,21"></sodipodi:guide>
|
||||
</sodipodi:namedview>
|
||||
<path class="st0" d="M28.3,13.1"/>
|
||||
<path class="st1" d="M9.9,11.8c-0.2-0.7,0-1.6,0.8-1.9c0.4-0.1,0.7-0.1,1,0.1c0.3,0.2,0.4,0.7,0.9,0.5c0.4-0.2,0.3-1.1,0.8-1.4
|
||||
c0.8-0.6,1.8,0,2,0.8c0,0.2,0,0.8,0.4,0.8c0.3,0,0.3-0.3,0.4-0.5c0.4-0.7,1.4-0.8,1.9-0.1c0.5,0.6,0,1.5,0.4,1.7
|
||||
c0.3,0.2,0.5-0.1,0.9-0.2c0.4-0.1,1.1,0,1.4,0.4c0.8,1-0.2,3.9-0.6,5c-0.7,2-1.6,4.1-3.6,5.1c-3.6,1.7-6.9-1.9-8-3.4
|
||||
c-0.3-0.5-0.7-1.3-1-1.8c-0.5-1.2,0.7-2.7,2-2.1c0.3,0.1,0.6,0.8,0.9,0.7c0.4-0.1,0.1-0.7,0.1-1C10.4,13.6,10.2,12.7,9.9,11.8z"/>
|
||||
<path class="st0" d="M47.3,14.2"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 919 B |
@ -0,0 +1,16 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1"
|
||||
id="svg2" inkscape:export-filename="/home/cwalton/Pictures/bbb-cursors/triangle.png" inkscape:export-xdpi="90" inkscape:export-ydpi="90" inkscape:version="0.91 r13725" sodipodi:docname="triangle.svg" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:svg="http://www.w3.org/2000/svg"
|
||||
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 32 32"
|
||||
style="enable-background:new 0 0 32 32;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill:#FFFFFF;stroke:#3F3F3F;stroke-miterlimit:10;}
|
||||
.st1{fill:none;stroke:#FF0000;stroke-miterlimit:10;}
|
||||
</style>
|
||||
<path class="st0" d="M20,17.3l2.1-7.5c0,0,0.4-1.2-0.7-1.5c0,0-1.2-0.5-1.6,0.9L19,11.7c0,0-0.2,0.8-0.6,0.7c0,0-0.4,0-0.2-1l1-5.8
|
||||
c0,0,0.2-1-1-1.2c0,0-1.2-0.3-1.4,0.7l-0.8,5c0,0-0.1,0.9-0.4,0.9c0,0-0.3,0.1-0.3-0.9l-0.1-6.8c0,0,0.1-0.9-1.2-0.9
|
||||
c0,0-1.1,0.1-1.1,0.9l0,6.5c0,0,0.1,1-0.3,1c0,0-0.5,0.2-0.7-1L11.1,5c0,0-0.2-0.9-1.3-0.7c0,0-1,0.1-1,1.1l1.3,8.3
|
||||
c0,0,0.2,0.9-0.5,1.4c0,0-0.8,0.5-1.8-0.2l-2.2-1.9c0,0-1-0.8-2,0.5c0,0-0.7,0.8,0.4,1.9c0,0,6.3,6.9,9.8,6.9
|
||||
C13.9,22.5,18.5,23.4,20,17.3z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.5 KiB |
Loading…
Reference in New Issue
Block a user