released v.0.10.2

CHANGELOG.md

@@ -2,6 +2,10 @@
 <!-- (for in-app update check) -->
 <!-- currentversion: 0.10.1 -->
 
+##### 0.10.2 : Major issue fix
+- Fixed **undraggable window title bar region** (Major issue) ([topic #17](https://github.com/n457/Uncolored/issues/17))
+- Updated window title bar with a **responsive behavior in case of small window**
+
 ##### 0.10.1 : New Features + minor issue fixes
 - Added a **window control button** to toggle (Un)colored window **always on top**
 - Insert a **new line in a paragraph** with `Shift + Enter` / `⇧Enter` keyboard shortcut

README.md

@@ -7,7 +7,7 @@
   <strong>HTML & Markdown</strong> compatible. For <strong>Windows, OS X & Linux</strong>.
 </p>
 
-#### version 0.10.1 — Beta
+#### version 0.10.2 — Beta
 
 ![](project/docs/assets/uncolored-large-screenshot-win.png)
 

app-dev/css/header.css

@@ -135,7 +135,8 @@
     max-width: calc(100% - 52px);
     margin-right: 14px;
     white-space: nowrap;
-    overflow-x: auto; }
+    overflow-x: auto;
+    -webkit-app-region: no-drag; }
     body.no-frame.windows-os .tabs-list {
       max-width: calc(100% - 303px); }
     body.no-frame.osx-os .tabs-list {
@@ -155,8 +156,7 @@
       line-height: 38px;
       padding-left: 10px;
       opacity: 0.6;
-      transition: background-color 0.2s;
-      -webkit-app-region: no-drag; }
+      transition: background-color 0.2s; }
       .tab:after {
         content: '';
         position: absolute;
@@ -260,3 +260,80 @@
   transition: opacity 0.2s; }
   #global-unsaved-mark_unc2741.protected-id.active {
     opacity: 1; }
+
+
+
+
+
+
+/* Breakpoint common to all platforms */
+@media all and (max-width: 360px) {
+  .tabs-list {
+    max-width: 100%; }
+
+  .tab-bar-secondary-button {
+    display: none; }
+}
+
+
+/* Windows breakpoint */
+@media all and (max-width: 420px) {
+  body.windows-os .window-controls {
+    width: 135px; }
+    body.windows-os .window-controls .toggle-maximize,
+    body.windows-os .window-controls .toggle-fullscreen {
+      display: none; }
+    body.windows-os .window-controls .minimize {
+      right: 45px; }
+    body.windows-os .window-controls .toggle-always-on-top {
+      right: 90px; }
+
+  body.no-frame.windows-os .tabs-list {
+    max-width: calc(100% - 170px); }
+
+  body.no-frame.windows-os .tab-bar-secondary-button {
+    display: none; }
+}
+
+
+/* OS X breakpoint */
+@media all and (max-width: 420px) {
+  body.osx-os .window-controls {
+    width: 94px; }
+    body.osx-os .window-controls .toggle-maximize,
+    body.osx-os .window-controls .toggle-fullscreen {
+      display: none; }
+    body.osx-os .window-controls .toggle-always-on-top {
+      left: 70px; }
+
+  body.no-frame.osx-os .tabs-list {
+    max-width: calc(100% - 94px);
+    margin-left: 94px; }
+
+  body.no-frame.osx-os .tab-bar-secondary-button {
+    display: none; }
+}
+
+
+/* Linux breakpoint */
+@media all and (max-width: 420px) {
+  body.linux-os .window-controls {
+    width: 94px; }
+    body.linux-os .window-controls .toggle-maximize,
+    body.linux-os .window-controls .toggle-fullscreen {
+      display: none; }
+    body.linux-os[data-linuxcontrolsside="right"] .window-controls .minimize {
+      right: 34px; }
+    body.linux-os[data-linuxcontrolsside="left"] .window-controls .toggle-always-on-top {
+      left: 70px; }
+    body.linux-os[data-linuxcontrolsside="right"] .window-controls .toggle-always-on-top {
+      right: 70px; }
+
+  body.no-frame.linux-os .tabs-list {
+    max-width: calc(100% - 94px); }
+    body.no-frame.linux-os[data-linuxcontrolsside="left"] .tabs-list {
+      margin-left: 94px; }
+
+  body.no-frame.linux-os .tab-bar-secondary-button {
+    display: none; }
+}

app-dev/css/toolbar.css

@@ -4,8 +4,7 @@
   opacity: 0;
   pointer-events: none;
   z-index: 4;
-  transition: opacity 0.2s;
-  -webkit-app-region: no-drag; }
+  transition: opacity 0.2s; }
   #toolbar_unc2741.protected-id.active {
     opacity: 1;
     pointer-events: auto; }

app-dev/css/wysiwyg-content.css

@@ -46,7 +46,7 @@
 .wysiwyg-content p,
 .wysiwyg-content li {
   font-size: 15px;
-  line-height: 30px; }
+  line-height: 2; }
 
 /* For the most part from material.min.css */
 .wysiwyg-content blockquote {

app-dev/js/functions/Toolbar.functions.js

@@ -6,7 +6,8 @@ N.Functions.Toolbar.funcAutoPosition = () => {
   const intToolsWidth = N.$Toolbar.offsetWidth;
 
   let intToolsTop = Range.yStart - N.$Toolbar.offsetHeight - 4;
-  if (intToolsTop < 0) {
+  // 38px : .tab-bar height
+  if (intToolsTop < 38) {
     intToolsTop = Range.yStart + Range.height + 5;
   }
   N.$Toolbar.style.top = intToolsTop + 'px';
@@ -31,7 +32,7 @@ N.Functions.Toolbar.funcAutoPosition = () => {
 
 
 N.Functions.Toolbar.funcResetPosition = () => {
-  N.$Toolbar.style.top = '7px';
+  N.$Toolbar.style.top = '134px';
   N.$Toolbar.style.left = '7px';
 };
 

app-dev/package.json

@@ -1,7 +1,7 @@
 {
   "name": "uncolored",
   "productName": "Uncolored",
-  "version": "0.10.1",
+  "version": "0.10.2",
   "description": "(Un)colored — Next generation desktop rich content editor.",
   "homepage": "http://n457.github.io/Uncolored/",
 

package.json

@@ -56,7 +56,7 @@
   },
   "devDependencies": {
     "del": "^2.2.2",
-    "electron": "^1.4.4",
+    "electron": "^1.4.5",
     "electron-builder": "^6.7.7",
     "gulp": "^3.9.1",
     "gulp-concat": "^2.6.0",