From 1d8cfafb62bf635de3e327baacf293cb2454607f Mon Sep 17 00:00:00 2001 From: mattpass Date: Mon, 17 Aug 2020 10:56:19 +0100 Subject: [PATCH] Icons added --- assets/css/files.css | 9 ++++++--- assets/css/icecoder.css | 12 ++++++++---- assets/images/bug-reporting-icons.png | Bin 1299 -> 0 bytes assets/images/file-manager-icons.png | Bin 15788 -> 0 bytes assets/images/files-arrow.png | Bin 164 -> 0 bytes assets/images/icons/alert-triangle.svg | 2 +- assets/images/icons/browser.svg | 6 ++++++ assets/images/icons/bug.svg | 12 ++++++++++++ assets/images/icons/layout-columns.svg | 5 +++++ assets/images/icons/lock-open.svg | 6 ++++++ assets/images/icons/lock.svg | 6 ++++++ assets/images/icons/plug.svg | 7 +++++++ assets/images/icons/plus.svg | 5 +++++ assets/images/icons/rotate-clockwise.svg | 4 ++++ assets/images/icons/square.svg | 4 ++++ assets/images/split-pane-controls.gif | Bin 136 -> 0 bytes assets/js/icecoder.js | 23 ++++++++++++----------- files.php | 6 +++--- index.php | 8 ++++---- 19 files changed, 89 insertions(+), 26 deletions(-) delete mode 100644 assets/images/bug-reporting-icons.png delete mode 100644 assets/images/file-manager-icons.png delete mode 100644 assets/images/files-arrow.png create mode 100644 assets/images/icons/browser.svg create mode 100644 assets/images/icons/bug.svg create mode 100644 assets/images/icons/layout-columns.svg create mode 100644 assets/images/icons/lock-open.svg create mode 100644 assets/images/icons/lock.svg create mode 100644 assets/images/icons/plug.svg create mode 100644 assets/images/icons/plus.svg create mode 100644 assets/images/icons/rotate-clockwise.svg create mode 100644 assets/images/icons/square.svg delete mode 100644 assets/images/split-pane-controls.gif diff --git a/assets/css/files.css b/assets/css/files.css index 98ab7bc..ae16cf1 100644 --- a/assets/css/files.css +++ b/assets/css/files.css @@ -10,9 +10,12 @@ body {margin: 0; overflow: auto; user-select: none; } -.lock {position: fixed; display: inline-block; width: 12px; height: 16px; background: url('../images/file-manager-icons.png') 0 0 no-repeat; right: 0; margin-right: 16px; top: 0; cursor: pointer} -.refresh {position: fixed; display: inline-block; width: 14px; height: 14px; background: url('../images/file-manager-icons.png') -32px 0 no-repeat; right: 0; margin-right: 15px; top: 25px; cursor: pointer} -.plugins {position: fixed; display: inline-block; width: 16px; height: 16px; background: url('../images/file-manager-icons.png') -64px 0 no-repeat; right: 0; margin-right: 15px; top: 47px; cursor: pointer} +.lock {position: fixed; display: inline-block; width: 12px; height: 16px; right: 0; margin-right: 16px; top: 0; color: #666; cursor: pointer} +.lock .icon-tabler {width: 22px; height: 22px; margin-left: -5px; margin-top: 0; stroke-width: 1.25; pointer-events: none} +.refresh {position: fixed; display: inline-block; width: 14px; height: 14px; right: 0; margin-right: 15px; top: 34px; color: #666; cursor: pointer} +.refresh .icon-tabler {width: 20px; height: 20px; margin-left: -3px; margin-top: -3px; stroke-width: 1.25; transform: rotate(180deg); pointer-events: none} +.plugins {position: fixed; display: inline-block; width: 16px; height: 16px; right: 0; margin-right: 15px; top: 61px; color: #666; cursor: pointer} +.plugins .icon-tabler {width: 24px; height: 24px; margin-left: -3px; margin-top: -3px; stroke-width: 1.25; pointer-events: none} .fmDragBox {position: absolute; display: inline-block; width: 0; height: 0; top: 0; left: 0; background: rgba(0,198,255,0.3); -webkit-user-select: none; -moz-user-select: none; diff --git a/assets/css/icecoder.css b/assets/css/icecoder.css index 6d4c7a8..f45f795 100644 --- a/assets/css/icecoder.css +++ b/assets/css/icecoder.css @@ -118,8 +118,10 @@ h2 {font-size: 18px; font-weight: normal; color: #fff} .findBar .goLine {position: fixed; display: inline-block; width: 120px; right: 65px; top: 49px; height: 21px; font-size: 10px; color: #eee; cursor: default; z-index: 1} .goLine .goToLine {width: 50px; height: 28px; border: 0; font-size: 12px; margin: -7px 0 0 3px; padding-left: 4px; background: #333; color: #eee} .findReplace input:focus, .goLine .goToLine:focus {outline: none; background: rgba(0,198,255,0.5); color: #fff} -.findBar .view {position: fixed; display: inline-block; width: 16px; height: 16px; right: 40px; top: 49px; background: url('../images/file-manager-icons.png') 0 0 no-repeat; cursor: pointer; background-position: -48px 0; opacity: 0.3} -.findBar .bug {position: fixed; display: inline-block; width: 16px; height: 16px; right: 15px; top: 48px; background: url('../images/bug-reporting-icons.png') 0 0 no-repeat; cursor: pointer; background-position: 0 0} +.findBar .view {position: fixed; display: inline-block; width: 16px; height: 16px; right: 40px; top: 49px; color: #888; cursor: pointer; opacity: 0.3} +.findBar .view .icon-tabler {width: 22px; height: 22px; margin-left: -3px; margin-top: -3px; stroke-width: 1.25; pointer-events: none} +.findBar .bug {position: fixed; display: inline-block; width: 16px; height: 16px; right: 15px; top: 49px; color: #404040; cursor: pointer} +.findBar .bug .icon-tabler {width: 23px; height: 23px; margin-left: -3px; margin-top: -4px; stroke-width: 1.25; pointer-events: none} .editor .terminal {position: fixed; top: 10000px; transition: top 0.2s ease; z-index: 2} .editor .output {position: fixed; top: 10000px; padding: 15px 18px 8px 13px; transition: top 0.2s ease; background: rgba(0,0,0,0.92); z-index: 2} .editor .database {position: fixed; top: 10000px; transition: top 0.2s ease; z-index: 2} @@ -136,8 +138,10 @@ h2 {font-size: 18px; font-weight: normal; color: #fff} .footer .versionsDisplay {position: absolute; display: inline-block; padding: 5px; margin-top: 3px; left: 275px; color: #fff; transition: opacity 0.2s; z-index: 2; cursor: pointer} .footer .serverMessage {position: absolute; display: inline-block; padding: 5px; margin-top: 3px; left: 275px; color: #fff; transition: opacity 0.2s; z-index: 1} .footer .splitPaneControls {position: absolute; display: inline-block; width: 50px; text-align: center; padding: 6px} -.footer .splitPaneControls .off {display: inline-block; width: 18px; height: 18px; margin-right: 10px; background: url('../images/split-pane-controls.gif') no-repeat 0 0; cursor: pointer} -.footer .splitPaneControls .on {display: inline-block; width: 19px; height: 18px; background: url('../images/split-pane-controls.gif') no-repeat -18px 0; cursor: pointer} +.footer .splitPaneControls .off {display: inline-block; width: 18px; height: 18px; margin-right: 10px; color: #888; cursor: pointer} +.footer .splitPaneControls .off .icon-tabler {margin-left: -3px; margin-top: -3px; stroke-width: 1.25; pointer-events: none} +.footer .splitPaneControls .on {display: inline-block; width: 19px; height: 18px; color: #888; cursor: pointer} +.footer .splitPaneControls .on .icon-tabler {margin-left: -3px; margin-top: -3px; stroke-width: 1.25; pointer-events: none} .footer .splitPaneNames {position: absolute; display: inline-block; width: 100px; text-align: center; margin-top: 9px; color: #555; opacity: 0; transition: opacity 0.3s ease-in-out} .footer .charDisplay, .footer .byteDisplay {position: absolute; display: inline-block; padding: 5px 0 0 8px; margin-top: 3px; margin-right: 10px; right: 0; font-size: 12px; color: #fff; text-align: right; text-align: right; cursor: pointer} diff --git a/assets/images/bug-reporting-icons.png b/assets/images/bug-reporting-icons.png deleted file mode 100644 index e40d8d23fcdbf9e4a60efbd162bab31d54efc776..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 1299 zcmeAS@N?(olHy`uVBq!ia0vp^4nQox!3HFkJ+IURQj#UE5hcO-X(i=}MX3yqDfvmM z3ZA)%>8U}fi7AzZCsS=07?>3^Ln2Bde0{8v^K*7iAWdWaj57fJ{tG z$}cUkRRX#c;)UD-xUqS~&|m@vn0`fKfxe-h0mw@*g}%P{mFDKcRTq~8r6Sym)!^cg z%7Rq=pw#00(xPNw#HA^NtSYc_E=o--$uA1Y&(DE{Vn9ZINq%ugeu09svw}u=W?o8u zd9fx~xv#I4XI^nhVqS8pr;Du;&;Y&6%oHm_S4$^DCkrP_S0@)kLsw%93nw=VM+0+H zM?(V>QzH|YUYGpj(%jU%5}4i;gkEQydO;~6w*Y9fOKMSOS!#+~QGTuh*vD3xxZPrj z(>$o&6x?oc#Hm*w=oo!ayduRjObD2GKumb51#;l&J~a=R*o%OvdPdemeFg@`4o?@y zkcwMZruk~H28tYi@00I+Dr}maS(T^PjmT4O{o#`|q^or{PLkD@R@FD%=M`3^${lDH z5hN5@5hx@kmhz|nU+{I4&%10_7r(lGr}|a-Y`^DcWcBBtm)5Q+;8kA4se@{z>}5=kur4+pX^VTcof|IiQol zbV=#!g0nkXweI^{J`p3=*DhOR7HnDmLPGoTTEq(BF~)%w~@A zJ6Ly4S(WD4_|}y5*v#;^-i&<~=BrcPl)4h_Qul@J2z%@9)VTJE(BA~TX~D0(*{^)+ zI$H3EfV)b^t3wH0+C$1mP)V~&5uW+@lE&jrst76Uz zY#r+uCO_bw(^&m1^tavriEn4VVmSSPbI<2hH(A$CQT=vM_WG*7@{DW@ioe9ZRnMPq Q3M!^NUHx3vIVCg!0JAjD$N&HU diff --git a/assets/images/file-manager-icons.png b/assets/images/file-manager-icons.png deleted file mode 100644 index 928e2131f4f936a4ff08bfc7ece845e9deda2360..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 15788 zcmeI3dsGuw9>*tuk4CUc6|8b-48Bm3nLG$d2%#Yf1#J+43KZ0Y%mA~HOiTs{SgDUb zj_BzYwbrHh+Jg`5o?7+PM}0r31=k|F)mkjRI4Z5Mb$5ZYt?o<`$Q6R)Iom%c=OpvX zz2EQe-utJR^(DGQ6oY6BeNfCGs$#(_*945TuHC+DzsmjO68E1-Lbi-+AN&pNFGy z{LE+rVz6nkLOiL$j-^+mWSA?8%nFnrujZB_iT^ zK72Koid1$qUzw&$^fX8Pi{lrPq)iFKWo2c;GKr9|7r-KgLIERUSS%J$3W1~CN}8Mk zt0Tglq%V&SbC~V8jl>BnkIrk#BTC3PKA&!=|Kk~##bz+{H)VBr=usSDr^yD3ga~Z0 zz`mRgG7a-~(x=mrQEtQFG|WMi*v%LvkMNyHUrP1PGujtOq%Xy+q|a2;oIO90ul7-M zzsFW$FLr@O%`jGsS*Ug#6a$e@0JcJcBpijr5KZ=1yCC{%n8fpk07%yiX~UfO5H`BT zZF8+D_f)GWC|K@g(ciRDlr1QKckNCrv~WG%}f1DiZ0X8jVgak4Z$d;sl*u zsu!u?L00by@}y0+I!Ke%jCs=HR9ZxyXF?IoERg5L2cG?M>@9n+0wp>V*CXsrhj^4Qn_Fj13B za|g=2opL+qhTH-lbNXWIY><8EHp&Vyt6GeR5dk6*h@vw@(bO@m6ieRj>!nLDwBJGG zlVv75rYWHInc96xe7l`4_$i%HEQRay3%lfQs==A17leGXt)o`D&uVA1> z1=F)uj6XYR?$T%HvTywjo_l(GE46maM6HPof+&8G;S98R`{m7s=}aUx7&0QJAou&- zq5*aTf#Uh)zU{6#qV0fapq;vDqbAbClmL_gDNwUApRij@q#C!F3NYAaEl|PULO|Jn z?klxKF=3~AgsCMe*jF*&qECD!wN0s&V{&Z|>hv8{Hc+2MpM%9EE`5v`p+2yP{`FYF z>Vekm=Uc(*fmW~cEh|o{#h%s%6ay~$w&aG9PCbfYYFTu&Bw7UzEFS1c#hqAjmJX-x zS`PZakW=Gwc?MSaG-i8^A{l4|Dm+H_&Hx^oTpPz-N|t#+b#$hzJz0xIh|=F^h{45h!4BfixIn78fHTP{85> zX)wktE=EM4fW-yUV2oK@jEF!1iwmT|7_+z-5rG007f6FKW^pkh0tGBCkOpJS;$lPu z3Rqkq4aS(o#fS(Lu(&`Pj4_Lg5fLb0ae*`#V-^=9B2d8M0%M2 zsp|s>DnTIVp%H?V8zCr^Si9(4A_V!@ChIgA&L5gK#utvu4r_>?%9r<>Px2@!t0V8VM(P`M^^fe3gWKd)i&jt3&u|P%=q=>1YX^>mXF8f z$is6ifdQyx%8EKsNcSY7^w<2SsQ;tT@SmUD?2e7?jP2~MJaPR>bMx5A>(gR5!*bVs zH?6IFbNAX1WA=vmo&T+zQ*qs` zbqnSGUm!3!=vgd1$)%`NQ zE%3{rqorXxL$+mDZd69pHrD7b`t>$9&%69Unv;{0y!uk(8E0_N!^;PUH8nQ>`Uc#! z@=!0w7Ev&JWay!wz{u?%ZJNCJ7?!=NqH$l>(s*@z@b&UN%WEt*7N-bKsqQwNks9V_ zW_~7kM`<swdZS%jJbAxYwnqDnA^mpB*$7$2=2W|OaDQ^LKd(?IPTW$N->^{5j?8O%8kAkme z1##d0JZt!qM^*gW@)Xsk?zy`x4QGkiy$6u$KS?ZGs>-ig>remWU+ diff --git a/assets/images/files-arrow.png b/assets/images/files-arrow.png deleted file mode 100644 index c5db24e24d983e7682512228e21100499c870461..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 164 zcmeAS@N?(olHy`uVBq!ia0vp^96-#?!3HFqW}i_7Qj#UE5hcO-X(i=}MX3yqDfvmM z3ZA)%>8U}fi7AzZCsS>JirhS1978H@m7HPZVo=~gTe~DWM4f-gY)? diff --git a/assets/images/icons/alert-triangle.svg b/assets/images/icons/alert-triangle.svg index c274588..2077aca 100644 --- a/assets/images/icons/alert-triangle.svg +++ b/assets/images/icons/alert-triangle.svg @@ -1,4 +1,4 @@ - + diff --git a/assets/images/icons/browser.svg b/assets/images/icons/browser.svg new file mode 100644 index 0000000..94ad009 --- /dev/null +++ b/assets/images/icons/browser.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/assets/images/icons/bug.svg b/assets/images/icons/bug.svg new file mode 100644 index 0000000..f660fea --- /dev/null +++ b/assets/images/icons/bug.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/assets/images/icons/layout-columns.svg b/assets/images/icons/layout-columns.svg new file mode 100644 index 0000000..d6d111c --- /dev/null +++ b/assets/images/icons/layout-columns.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/assets/images/icons/lock-open.svg b/assets/images/icons/lock-open.svg new file mode 100644 index 0000000..9ba4e14 --- /dev/null +++ b/assets/images/icons/lock-open.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/assets/images/icons/lock.svg b/assets/images/icons/lock.svg new file mode 100644 index 0000000..e3de508 --- /dev/null +++ b/assets/images/icons/lock.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/assets/images/icons/plug.svg b/assets/images/icons/plug.svg new file mode 100644 index 0000000..b1b8c0d --- /dev/null +++ b/assets/images/icons/plug.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/assets/images/icons/plus.svg b/assets/images/icons/plus.svg new file mode 100644 index 0000000..3073610 --- /dev/null +++ b/assets/images/icons/plus.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/assets/images/icons/rotate-clockwise.svg b/assets/images/icons/rotate-clockwise.svg new file mode 100644 index 0000000..f09329c --- /dev/null +++ b/assets/images/icons/rotate-clockwise.svg @@ -0,0 +1,4 @@ + + + + diff --git a/assets/images/icons/square.svg b/assets/images/icons/square.svg new file mode 100644 index 0000000..c3e0ca5 --- /dev/null +++ b/assets/images/icons/square.svg @@ -0,0 +1,4 @@ + + + + diff --git a/assets/images/split-pane-controls.gif b/assets/images/split-pane-controls.gif deleted file mode 100644 index 2e5a844faebd0e13f10cbc467bf7f0d661f3e3e7..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 136 zcmZ?wbhEHbRAmrin8*ME|G@yrQ2fcl$iTqFpaT*G$ulrT_Vlkjt;WAtBrnL@IZyrl zI!(Fuo|CF!H -
-
-
+
">
">
+
+
  •         / ">Color Picker

    - + / - + @@ -356,8 +356,8 @@ if (true === $havePrettier && true === file_exists(dirname(__FILE__) . "/plugins
    -
    -
    +
    +
    ">
    @@ -376,7 +376,7 @@ if (true === $havePrettier && true === file_exists(dirname(__FILE__) . "/plugins