scratchfoundation/scratch-paint
1
0
Fork 0
mirror of https://github.com/scratchfoundation/scratch-paint.git synced 2025-01-10 14:42:13 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

Fix firefox wrap and opaque text selection (#474)

Browse source
This commit is contained in:
DD Liu 2018-05-24 14:16:00 -04:00 committed by GitHub
parent 09babb15c5
commit 63198c05b4
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 4 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/components/paint-editor/paint-editor.css
View file

@ -168,13 +168,13 @@ $border-radius: 0.25rem;
background: transparent; background: transparent;
border: none; border: none;
display: none; display: none;
margin: 0px;
opacity: .8;
outline: none; outline: none;
overflow: hidden; overflow: hidden;
padding: 0px; padding: 0px;
position: absolute; position: absolute;
resize: none; resize: none;
white-space: nowrap;
margin: 0px;
-webkit-text-fill-color: transparent; -webkit-text-fill-color: transparent;
text-fill-color: transparent; text-fill-color: transparent;
} }

3
src/helper/tools/text-tool.js
View file

@ -276,7 +276,8 @@ class TextTool extends paper.Tool {
if (this.guide) this.guide.remove(); if (this.guide) this.guide.remove();
this.guide = hoverBounds(this.textBox, TextTool.TEXT_PADDING); this.guide = hoverBounds(this.textBox, TextTool.TEXT_PADDING);
this.guide.dashArray = [4, 4]; this.guide.dashArray = [4, 4];
this.element.style.width = `${this.textBox.internalBounds.width}px`; // Prevent line from wrapping
this.element.style.width = `${this.textBox.internalBounds.width + 1}px`;
this.element.style.height = `${this.textBox.internalBounds.height}px`; this.element.style.height = `${this.textBox.internalBounds.height}px`;
} }
/** /**