From 2b5eef735a7c54bccb826dac3688b0ec12161146 Mon Sep 17 00:00:00 2001 From: jfh Date: Sun, 1 Nov 2020 13:36:23 +0100 Subject: [PATCH] fix icons --- src/editor/components/seButton.js | 1 - src/editor/components/seFlyingButton.js | 29 +++--------------------- src/editor/images/fh_rect.svg | 16 +++++++++++++ src/editor/images/freehand-circle.png | Bin 1203 -> 0 bytes src/editor/images/freehand-square.svg | 16 ------------- src/editor/index.html | 18 +++++++++++---- 6 files changed, 32 insertions(+), 48 deletions(-) delete mode 100644 src/editor/images/freehand-circle.png delete mode 100644 src/editor/images/freehand-square.svg diff --git a/src/editor/components/seButton.js b/src/editor/components/seButton.js index 6ea3dbcd..99ab5ad4 100644 --- a/src/editor/components/seButton.js +++ b/src/editor/components/seButton.js @@ -27,7 +27,6 @@ template.innerHTML = ` } img { border: none; - overflow: none; width: 100%; height: 100%; } diff --git a/src/editor/components/seFlyingButton.js b/src/editor/components/seFlyingButton.js index 582fa00a..06bedc1f 100644 --- a/src/editor/components/seFlyingButton.js +++ b/src/editor/components/seFlyingButton.js @@ -13,7 +13,6 @@ template.innerHTML = ` border: none; width: 24px; height: 24px; - overflow: none; } .pressed { background-color: #F4E284 !important; @@ -54,29 +53,12 @@ template.innerHTML = ` background: none !important; } .menu-item { - display: inline; + align-content: flex-start; height: 24px; width: 24px; - margin: 2px 2px 4px; - padding: 3px; - box-shadow: inset 1px 1px 2px white, 1px 1px 1px rgba(0,0,0,0.3); - background-color: #E8E8E8; - cursor: pointer; top:0px; left:0px; } - .open .item1 { - transition-duration: 190ms; - } - .open .item2 { - transition-duration: 290ms; - } - .open .item3 { - transition-duration: 390ms; - } - .open .item4 { - transition-duration: 490ms; - }
@@ -105,15 +87,10 @@ export class FlyingButton extends HTMLElement { // locate the component this.$open = this._shadowRoot.querySelector('.menu-button'); this.$img = this._shadowRoot.querySelector('img'); + this.$menu = this._shadowRoot.querySelector('.menu'); // the last element of the div is the slot // we retrieve all elements added in the slot (i.e. se-buttons) - this.$elements = this.$open.lastElementChild.assignedElements(); - this.$elements[0].style.transitionDuration = '190ms'; - this.$elements[0].style.transform = 'translate(2px,-3px)'; - this.$elements[1].style.transitionDuration = '`2500ms'; - this.$elements[1].style.transform = 'translate(0px,-3px)'; - this.$elements[2].style.transitionDuration = '`2500ms'; - this.$elements[2].style.transform = 'translate(0px,-3px)'; + this.$elements = this.$menu.lastElementChild.assignedElements(); } /** * @function observedAttributes diff --git a/src/editor/images/fh_rect.svg b/src/editor/images/fh_rect.svg index e69de29b..bad96937 100644 --- a/src/editor/images/fh_rect.svg +++ b/src/editor/images/fh_rect.svg @@ -0,0 +1,16 @@ + + + + + + + + + + + + + + + + diff --git a/src/editor/images/freehand-circle.png b/src/editor/images/freehand-circle.png deleted file mode 100644 index 24726c67c32ac525a2316cfde191ff9b08f439c6..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 1203 zcmV;k1WfyhP)c*Kpv+qvYPId47jrV!pIN$pA3OM|J z(oLIF`0VV3MKl0BnA@1|kqp5=Tj1A{p1T&m5Y3WRGx*CVLqh;64!U|Ue;dk2SUUnZ zmn1+HY{36w+R6&rz`(!-k|foYWw~gxX3bpKZLr%>ZtgGB4jGwO#iKA%(W$T+dVx3C z_wtdpw*Uf^03qTulOxpSw<+xJDL290%4 z)7Bv7i;m&ojAACvU|$NLmlD7pKw^6CDXp^EY!_siv}oSExyPtcqw=wpb3&4}AOw&k z=s!Jo89Fi#crF73S{=6VHI9II+jAx{Jpe;&Mc++GjM;3yz_x6-ZQHh=IdkO52T@GJ zhC2s?NQjP%z`0A;@P2JgsO^m)i4VX$3hhlut_5(YxZhKA$mOP-E5FqpmxcK1`g@b*MOx826%-O*Z z*bO+Slg4YdMx#-UA3r`9?Do_k%GQdHpFRcUO{iHeEn`66~vJV1uw92>5grS9dMM zsDqzze54MW?$~8f=BXg?)EU5l144*vy}I>ymXy4AMZ)g8>heK>L?B;o0V5{2#p8h? z*m=*0>mMyVYePdRb$(TOHW*CD2{@kTxY#;~!=ypXBv1mFJryVS*J9?G7&NU}Q)0uF zcKAdUMclo8I}#Miz@%SO=U)UAES^bJO99|G6)Kf19}2+Aj7%Qjar4$K6##qE?uil< zw;5my0?Z!D_THXuXfZ{LJu?>4&)!}J06|P731GcF`tb3i4!nv$lA)YJsffe|NYRNl z_dt-p9!z3ld-@h9n@F{)=j(}4q4&z7Q zdqjTMqv=S0^li`$qdIg!G?8pWmMkm+U|!;iQjj4-hKJd+Ws3^^>=sJB{LJ+A2TGs6 zrS$PD3czW;Y#C{VBI)SV&YdW||I8Y7?{QSt%q~9xxZzijit${d(U7H6r+uJ40Y>^> zPw0!cl#2@xcopr|u(3>EzBBHbHSaUe^CAE}(-psgAxvB5j2Xi_HErg0V$C|ww5e0e z0BD)QMNB=KwfK_F#q|dO!kmfUi3{^6)01go(m1V5Z{|s6b^JLff!XkH;y+`tzqu7v Rabo}g002ovPDHLkV1j)eJ}3YH diff --git a/src/editor/images/freehand-square.svg b/src/editor/images/freehand-square.svg deleted file mode 100644 index bad96937..00000000 --- a/src/editor/images/freehand-square.svg +++ /dev/null @@ -1,16 +0,0 @@ - - - - - - - - - - - - - - - - diff --git a/src/editor/index.html b/src/editor/index.html index ff4fcd33..08ecac40 100644 --- a/src/editor/index.html +++ b/src/editor/index.html @@ -385,12 +385,20 @@
- - - - + + + + + + + + + + + + + -