🎉Version 1.0.4

Ademking · Apr 19, 2022 · ea38a3f · Learnerkeith20 · Jul 15, 2022 · ea38a3f
1 parent e08c1d4
commit ea38a3f
Show file tree

Hide file tree

Showing 14 changed files with 668 additions and 785 deletions.
diff --git a/README.md b/README.md
@@ -51,21 +51,27 @@
 - Rotate Left / Rotate Right
 - Flip Horizontal / Flip Vertical
 - Crop Image
-- Paint
+- Photo Editor (Adjust, Draw, Watermark, Filters, Finetune, Resize, Export As PNG, JPEG, JPG, WEBP)
 - Download Image
 - Upload Image to imgBB
 - Color picker
 - Image Details
 - Change background color (Dark / Light / Blurred)
 - Print Image
 - Extract Text from Image
-- Edit in Photopea (Thanks to @bbbenji)
-- Reverse Image Search (using TinEye)
+- Edit in Photopea
+- Reverse Image Search
 - QR Code Scanner
 - Settings to customize Toolbar 
 
 # Changelog
 
+## [1.0.4] - 2022-04-19
+- Add New Photo Editor [Filerobot Image Editor](https://scaleflex.github.io/filerobot-image-editor/) (Adjust, Draw, Watermark, Filters, Finetune, Resize, Export As PNG, JPEG, JPG, WEBP)
+- Fix a bug where Chrome/Edge adds a duplicate image (Thanks to @patrykdziurkowski)
+- Remove Photo Editor [Painterro](https://github.com/devforth/painterro)
+
+
 ## [1.0.3] - 2022-02-10
 - Fix major bugs (Croppig issues, Going back issues, etc...)
 - Add [Firefox](https://addons.mozilla.org/en-US/firefox/addon/betterviewer) Compatibilty 
@@ -104,7 +110,8 @@ Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/d
 <!-- markdownlint-disable -->
 <table>
   <tr>
-    <td align="center"><a href="https://github.com/bbbenji"><img src="https://avatars.githubusercontent.com/u/1678118?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Benji</b></sub></a><br /><a href="https://github.com/Ademking/BetterViewer/commits?author=bbbenji" title="Code">💻</a></td>
+    <td align="center"><a href="https://github.com/bbbenji"><img src="https://avatars.githubusercontent.com/u/1678118?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Benji</b></sub></a><br /><a href="https://github.com/Ademking/BetterViewer/commits?author=bbbenji" title="Code">💻</a></td>     
+     <td align="center"><a href="https://github.com/patrykdziurkowski"><img src="https://avatars.githubusercontent.com/u/58700826?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Patryk Dziurkowski</b></sub></a><br /><a href="https://github.com/Ademking/BetterViewer/commits?author=patrykdziurkowski" title="Code">💻</a></td>
   </tr>
 </table>
 

diff --git a/css/filerobot.custom.css b/css/filerobot.custom.css
@@ -0,0 +1,61 @@
+.SfxModal-Wrapper {
+  z-index: 99999 !important;
+}
+
+#SfxPopper {
+  z-index: 999999 !important;
+}
+.FIE_topbar-close-button {
+  visibility: hidden;
+}
+
+.SfxSelect-root:hover,
+.SfxInput-root:hover {
+  color: #000000 !important;
+}
+
+.SfxColorPicker-action .SfxSelect-Label,
+.SfxColorPicker-action .SfxInput-Base {
+  color: #000000 !important;
+}
+
+.FIE_carousel-prev-button,
+.FIE_carousel-next-button {
+  background: #0f1419 !important;
+}
+
+.SfxModalTitle-LabelPrimary,
+.FIE_save-file-name-input,
+.FIE_save-extension-selector.SfxInput-root.SfxSelect-root,
+.FIE_resize-width-option.SfxInput-root > input,
+.FIE_resize-height-option.SfxInput-root > input {
+  color: #000000 !important;
+}
+
+.eEDOa-d.FIE_resize-width-option.SfxInput-root  ,
+.eEDOa-d.FIE_resize-height-option.SfxInput-root 
+{
+  background-color: #ffffff !important;
+}
+/*
+
+.FIE_canvas-container, .FIE_tab {
+    background: transparent !important;
+}
+
+
+[aria-selected="false"] .FIE_tab-label {
+    color: #fff !important;
+}
+
+[aria-selected="false"]:hover svg {
+    color: rgb(19, 19, 19) !important;
+}
+
+:not(button) > svg:not([color]) {
+    color: #ffffff !important
+}
+
+.FIE_tab [aria-selected="true"] svg{
+    color: red !important
+} */
diff --git a/css/painterro.darktheme.css b/css/painterro.darktheme.css
diff --git a/dist/all.css b/dist/all.css
@@ -1,96 +1,65 @@
-select.ptro-input[data-id=fontName] {
-  width: 150px !important;
-}
-
-.ptro-tool-ctl-name {
-  display: none !important;
-}
-
-.ptro-named-btn {
-  width: 75px !important;
-}
-
-.ptro-substrate{
-  display: none !important;
-}
-
-.ptro-resize-widget :not(#paint-wrapper-wrapper > div.ptro-color-widget-wrapper.ptro-common-widget-wrapper.ptro-v-middle > div){
-  width: 400px !important;
-}
-
-.ptro-resize-widget {
-  width: 400px !important;
-}
-
-
-.tool-controls {
-  padding: 10px !important;
+.SfxModal-Wrapper {
+  z-index: 99999 !important;
 }
 
-
-.ptro-wrapper .ptro-settings-widget {
-  width: 400px !important;
+#SfxPopper {
+  z-index: 999999 !important;
 }
-
-
-td.ptro-label.ptro-resize-table-left {
-  padding-right: 20px !important;
+.FIE_topbar-close-button {
+  visibility: hidden;
 }
 
-.ptro-input {
-  border          : 1px solid #202020 !important;
-  background-color: #1a1a1a !important;
-  color           : #f5f5f5 !important;
+.SfxSelect-root:hover,
+.SfxInput-root:hover {
+  color: #000000 !important;
 }
 
-.ptro-scroller::-webkit-scrollbar-track {
-  border          : 1px solid black;
-  background-color: #333333;
+.SfxColorPicker-action .SfxSelect-Label,
+.SfxColorPicker-action .SfxInput-Base {
+  color: #000000 !important;
 }
 
-.ptro-scroller::-webkit-scrollbar {
-  width           : 10px;
-  height          : 10px;
-  background-color: #333333;
+.FIE_carousel-prev-button,
+.FIE_carousel-next-button {
+  background: #0f1419 !important;
 }
 
-.ptro-scroller::-webkit-scrollbar-thumb {
-  background-color: #000000;
+.SfxModalTitle-LabelPrimary,
+.FIE_save-file-name-input,
+.FIE_save-extension-selector.SfxInput-root.SfxSelect-root,
+.FIE_resize-width-option.SfxInput-root > input,
+.FIE_resize-height-option.SfxInput-root > input {
+  color: #000000 !important;
 }
 
-.ptro-color-control,
-.ptro-info,
-.ptro-label {
-  color: #ffffff !important;
+.eEDOa-d.FIE_resize-width-option.SfxInput-root  ,
+.eEDOa-d.FIE_resize-height-option.SfxInput-root 
+{
+  background-color: #ffffff !important;
 }
+/*
 
-.ptro-color-main {
-  background-color: #242424 !important;
+.FIE_canvas-container, .FIE_tab {
+    background: transparent !important;
 }
 
-.ptro-wrapper {
-  background-color: #363636 !important;
-}
-
-.ptro-color-control {
-  background-color: #131313 !important;
-}
 
-.ptro-pallet .ptro-color-main .ptro-v-middle-in {
-  width: 200px !important;
+[aria-selected="false"] .FIE_tab-label {
+    color: #fff !important;
 }
 
-.ptro-icon-btn {
-  border-radius: 50% !important;
+[aria-selected="false"]:hover svg {
+    color: rgb(19, 19, 19) !important;
 }
 
-.ptro-icon {
-  font-size: 16px !important;
+:not(button) > svg:not([color]) {
+    color: #ffffff !important
 }
 
-.ptro-color-active-control{
-  background-color: #3b3b3b !important;
-}
+.FIE_tab [aria-selected="true"] svg{
+    color: red !important
+} */
+
 /*! Pickr 1.8.2 MIT | https://github.com/Simonwep/pickr */
 .pickr {
     position : relative;

diff --git a/dist/all.js b/dist/all.js
diff --git a/help/about.html b/help/about.html
@@ -10,17 +10,17 @@
 <body>
     <div class="container">
         <div class="center">
-            <img src="img/logo.png" alt="logo" width="230" class="logo">
+            <img src="img/logo.png" alt="logo" width="180" class="logo">
             <p><strong>Version: </strong> <span id="version"></span></p>
             <p><strong>GitHub: </strong> <a href="https://github.com/Ademking/BetterViewer"
                     target="_blank">https://github.com/Ademking/BetterViewer</a></p>
             <p>
                 <strong>ProductHunt: </strong><a href="https://producthunt.com/posts/betterviewer" target="_blank">https://producthunt.com/posts/betterviewer</a>
             </p>
-            <p>
-                <strong>Chrome Web Store: </strong> <a href="https://chrome.google.com/webstore/detail/betterviewer/llcpfkbjgkpmapiidpnohffjmmnhpmpb" target="_blank">BetterViewer</a>
-            </p>
+
+
         </div>
+        <br>
         <p>BetterViewer makes image viewing faster, easier, and more fun.</p>
         <p>BetterViewer was designed as a replacement for the image viewing mode built into Chrome-based web browsers.
             With BetterViewer you can use various keyboard shortcuts to quickly pan, zoom images, edit and a lot more!
@@ -31,6 +31,7 @@
         <p>Let me know if you're using BetterViewer ! Also don't forget to give us a ⭐️</p>
         <p>Contributors: <br>
             <a href="https://github.com/bbbenji" target="_blank">@bbbenji</a> 
+            <a href="https://github.com/bbbenji" target="_blank">@patrykdziurkowski</a> 
         </p>
     </div>
     <script src="js/about.js"></script>