v7.67

This reverts commit 096fe130f6.

CHANGELOG.md

@@ -15,6 +15,15 @@ Fixing other platforms In Progress.
 
 [How to upgrade WeKan](https://github.com/wekan/wekan/issues/4585)
 
+# v7.67 2024-11-21 WeKan ® release
+
+This release adds the following new features:
+
+- [Re-introduce list auto-width feature, Reverted scrollbar hiding, Fixed transparent sidebar bug](https://github.com/wekan/wekan/pull/5586).
+  Thanks to NadavTasher.
+
+Thanks to above GitHub users for their contributions and translators for their translations.
+
 # v7.65 2024-11-20 WeKan ® release
 
 This release fixes the following bugs:

Stackerfile.yml

@@ -1,5 +1,5 @@
 appId: wekan-public/apps/77b94f60-dec9-0136-304e-16ff53095928
-appVersion: "v7.65.0"
+appVersion: "v7.67.0"
 files:
   userUploads:
     - README.md

client/components/boards/boardBody.css

@@ -16,9 +16,6 @@
   transition: margin 0.1s;
   overflow-y: auto;
 }
-.board-wrapper .board-canvas.is-sibling-sidebar-open {
-  margin-right: 248px;
-}
 .board-wrapper .board-canvas .board-overlay {
   position: fixed;
   left: 0;

client/components/boards/boardBody.jade

@@ -17,7 +17,6 @@ template(name="boardBody")
    | {{_ 'tableVisibilityMode-allowPrivateOnly'}}
   else
     .board-wrapper(class=currentBoard.colorClass)
-      +sidebar
       .board-canvas.js-swimlanes.dragscroll(
         class="{{#if Sidebar.isOpen}}is-sibling-sidebar-open{{/if}}"
         class="{{#if MultiSelection.isActive}}is-multiselection-active{{/if}}"
@@ -36,6 +35,7 @@ template(name="boardBody")
           +calendarView
         else
           +listsGroup(currentBoard)
+      +sidebar
 
 template(name="calendarView")
   if isViewCalendar

client/components/boards/boardColors.css

@@ -1958,7 +1958,7 @@ THEME - Modern
 .board-color-modern .pop-over-list li>a .sub-name {
   margin-bottom: 8px;
 }
-.board-color-modern .sidebar .sidebar-shadow {
+.board-color-modern .sidebar {
   box-shadow: 0 0 60px rgba(0,0,0,0.2);
 }
 .board-color-modern .board-color-modern section#notifications-drawer {
@@ -2431,7 +2431,7 @@ THEME - Modern Dark
   background-color: #ccc;
   color: #222;
 }
-.board-color-moderndark .sidebar .sidebar-shadow {
+.board-color-moderndark .sidebar {
   background-color: #222;
   box-shadow: -10px 0 5px -10px #444;
   border-left: 1px solid #333;
@@ -2776,16 +2776,16 @@ THEME - Clean Dark
   background: #0A0A14;
 }
 
-.board-color-cleandark .sidebar .sidebar-shadow {
+.board-color-cleandark .sidebar {
   background: rgba(35, 35, 43, 1) !important;
   box-shadow: none;
 }
 
-.board-color-cleandark .sidebar .sidebar-shadow hr {
+.board-color-cleandark .sidebar hr {
   background:rgba(255, 255, 255, 0.05);
 }
 
-.board-color-cleandark .sidebar .sidebar-shadow .tab-item {
+.board-color-cleandark .sidebar .tab-item {
   border-radius: 16px;
   padding: 4px 12px 4px 12px;
   font-size: 16px;
@@ -2795,14 +2795,14 @@ THEME - Clean Dark
   background: rgba(57, 57, 71, 1);
 }
 
-.board-color-cleandark .sidebar .sidebar-shadow .tab-item.active {
+.board-color-cleandark .sidebar .tab-item.active {
   background: rgba(255, 255, 255, 1);
   color: rgba(10, 10, 20, 1);
   border: none;
   padding: 4px 12px 4px 12px !important;
 }
 
-.board-color-cleandark .sidebar .sidebar-shadow .tabs-content-container {
+.board-color-cleandark .sidebar .tabs-content-container {
   border: none;
 }
 
@@ -3269,11 +3269,6 @@ THEME - Clean Light
   color: #FFFFFF;
 }
 
-.board-color-cleanlight .list:first-child,
-.board-color-cleandark .list:first-child {
-  margin-right: -32px;
-}
-
 .board-color-cleanlight .list .list-header .list-header-menu,
 .board-color-cleandark .list .list-header .list-header-menu {
   display: flex;
@@ -3357,7 +3352,6 @@ THEME - Clean Light
 .board-color-cleanlight .swimlane,
 .board-color-cleandark .swimlane {
   background: none;
-  gap: 32px;
 }
 
 .board-color-cleanlight .swimlane-height-apply,
@@ -3420,16 +3414,16 @@ THEME - Clean Light
   display: none;
 }
 
-.board-color-cleanlight .sidebar .sidebar-shadow {
+.board-color-cleanlight .sidebar {
   background: rgba(248, 248, 249, 1) !important;
   box-shadow: none;
 }
 
-.board-color-cleanlight .sidebar .sidebar-shadow hr {
+.board-color-cleanlight .sidebar hr {
   background: rgba(23, 23, 28, 0.05);
 }
 
-.board-color-cleanlight .sidebar .sidebar-shadow .tab-item {
+.board-color-cleanlight .sidebar .tab-item {
   border-radius: 16px;
   padding: 4px 12px 4px 12px;
   font-size: 16px;
@@ -3439,14 +3433,14 @@ THEME - Clean Light
   background: rgba(234, 234, 237, 1);
 }
 
-.board-color-cleanlight .sidebar .sidebar-shadow .tab-item.active {
+.board-color-cleanlight .sidebar .tab-item.active {
   background: rgba(23, 23, 28, 1);
   color: rgba(255, 255, 255, 1);
   border: none;
   padding: 4px 12px 4px 12px !important;
 }
 
-.board-color-cleanlight .sidebar .sidebar-shadow .tabs-content-container {
+.board-color-cleanlight .sidebar .tabs-content-container {
   border: none;
 }
 

client/components/cards/cardDetails.css

@@ -5,7 +5,7 @@
   float: left;
   height: 30px;
   width: 30px;
-  margin: 0 4px 4px 0;
+  margin: .3vh;
   cursor: pointer;
   user-select: none;
   z-index: 1;

client/components/lists/list.css

@@ -7,12 +7,14 @@
   border-left: 1px solid #ccc;
   padding: 0;
   float: left;
+  flex: 1;
 }
 [id^="swimlane-"] .list:first-child {
   min-width: 20px;
 }
 .list:first-child {
   border-left: none;
+  flex: none;
 }
 .card-details + .list {
   border-left: none;
@@ -31,6 +33,9 @@
   box-shadow: none;
   height: 100px;
 }
+.list.list-collapsed {
+  flex: none;
+}
 .list.list-composer .open-list-composer,
 .list .list-composer .open-list-composer {
   color: #8c8c8c;

client/components/lists/list.jade

@@ -1,6 +1,6 @@
 template(name='list')
   .list.js-list(id="js-list-{{_id}}"
-                style="{{#unless collapsed}}width:{{listWidth}}px;{{/unless}}"
+                style="{{#unless collapsed}}min-width:{{listWidth}}px;{{/unless}}"
                 class="{{#if collapsed}}list-collapsed{{/if}}")
     +listHeader
     +listBody

client/components/sidebar/sidebar.css

@@ -3,16 +3,11 @@
   top: 0;
   bottom: 0;
   right: 0;
+  overflow-y: scroll;
 }
-.sidebar .sidebar-shadow {
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  right: 0;
-  left: 0;
+.sidebar {
   background: #f7f7f7;
   box-shadow: -10px 0px 5px -10px #b3b3b3;
-  z-index: 10;
 }
 .sidebar-xmark {
   position: absolute;
@@ -24,17 +19,15 @@
 .sidebar-xmark:hover {
   background: rgba(0,0,0,0.15);
 }
+.sidebar-actions {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+  padding: 10px 10px 0px 10px;
+}
 .sidebar .sidebar-content {
-  padding: 12px;
-  margin-bottom: 1.6em;
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  right: 0;
-  left: 0;
-  overflow-x: hidden;
-  overflow-y: auto;
-  width: 90%;
+  padding: 0 12px;
 }
 .sidebar .sidebar-content .hide-btn {
   display: none;
@@ -110,21 +103,19 @@
   margin-right: 10px;
 }
 .sidebar .sidebar-shortcuts {
-  position: absolute;
-  margin-left: 40%;
-  padding: 0;
   top: 7px;
   font-size: 0.8em;
   line-height: 1.6em;
   color: #999;
 }
 .board-sidebar {
-  width: 548px;
-  right: -548px;
+  display: none;
+  width: 30vw;
+  z-index: 100;
   transition: top 0.1s, right 0.1s, width 0.1s;
 }
 .board-sidebar.is-open {
-  right: 0;
+  display: block;
 }
 .board-widget h4 {
   margin: 5px 0;

client/components/sidebar/sidebar.jade

@@ -4,17 +4,21 @@ template(name="sidebar")
     //  class="{{#if isTongueHidden}}is-hidden{{/if}}",
     //  title="{{showTongueTitle}}")
     //  i.fa.fa-navicon
-    .sidebar-shadow
+    .sidebar-actions
+      .sidebar-shortcuts
+        a.board-header-btn.js-shortcuts(title="{{_ 'keyboard-shortcuts' }}")
+          i.fa.fa-keyboard-o
+          span {{_ 'keyboard-shortcuts' }}
       a.sidebar-xmark.js-close-sidebar ✕
-      .sidebar-content.js-board-sidebar-content
-        //a.hide-btn.js-hide-sidebar
-        //  i.fa.fa-navicon
-        unless isDefaultView
-          h2
-            a.fa.fa-chevron-left.js-back-home
-            = getViewTitle
-        if isOpen
-          +Template.dynamic(template=getViewTemplate)
+    .sidebar-content.js-board-sidebar-content
+      //a.hide-btn.js-hide-sidebar
+      //  i.fa.fa-navicon
+      unless isDefaultView
+        h2
+          a.fa.fa-chevron-left.js-back-home
+          = getViewTitle
+      if isOpen
+        +Template.dynamic(template=getViewTemplate)
 
 template(name='homeSidebar')
   hr
@@ -47,11 +51,6 @@ template(name="membersWidget")
         a.board-header-btn.js-open-board-menu(title="{{_ 'boardMenuPopup-title'}}")
           i.board-header-btn-icon.fa.fa-cog
           | {{_ 'boardMenuPopup-title'}}
-  .board-widget.board-widget-members
-      .sidebar-shortcuts
-        a.board-header-btn.js-shortcuts(title="{{_ 'keyboard-shortcuts' }}")
-          i.fa.fa-keyboard-o
-          span {{_ 'keyboard-shortcuts' }}
   hr
   h3
     i.fa.fa-users

client/components/swimlanes/swimlanes.css

@@ -1,8 +1,3 @@
-@media screen and (min-width: 801px) {
-  .swimlane.ui-sortable {
-    width: max-content;
-  }
-}
 [class=swimlane] {
   position: sticky;
   left: 0;

client/components/swimlanes/swimlanes.jade

@@ -2,7 +2,7 @@ template(name="swimlane")
   .swimlane.nodragscroll
     +swimlaneHeader
   unless collapseSwimlane
-    .swimlane.js-lists.js-swimlane(id="swimlane-{{_id}}"
+    .swimlane.js-lists.js-swimlane.dragscroll(id="swimlane-{{_id}}"
                                    style="height:{{swimlaneHeight}};")
       if isMiniScreen
         if currentListIsInThisSwimlane _id

client/components/users/userAvatar.css

@@ -5,6 +5,7 @@
   float: left;
   height: 30px;
   width: 30px;
+  margin: .3vh;
   cursor: pointer;
   user-select: none;
   z-index: 1;

docs/Platforms/Propietary/Windows/Offline.md

@@ -8,7 +8,7 @@ This is without container (without Docker or Snap).
 
 Right click and download files 1-4:
 
-1. [wekan-7.65-amd64-windows.zip](https://github.com/wekan/wekan/releases/download/v7.65/wekan-7.65-amd64-windows.zip)
+1. [wekan-7.67-amd64-windows.zip](https://github.com/wekan/wekan/releases/download/v7.67/wekan-7.67-amd64-windows.zip)
 
 2. [node.exe](https://nodejs.org/dist/latest-v14.x/win-x64/node.exe)
 
@@ -20,7 +20,7 @@ Right click and download files 1-4:
 
 6. Double click `mongodb-windows-x86_64-6.0.19-signed.msi` . In installer, uncheck downloading MongoDB compass.
 
-7. Unzip `wekan-7.65-amd64-windows.zip` , inside it is directory `bundle`, to it copy other files:
+7. Unzip `wekan-7.67-amd64-windows.zip` , inside it is directory `bundle`, to it copy other files:
 
 ```
 bundle (directory)

docs/Theme/Custom-CSS-themes.md

@@ -128,7 +128,7 @@ Other:
 .card-details .card-details-header { background-color:#ccc; }
 
 /* sidebar */
-.sidebar-tongue, .sidebar-shadow { background-color:#666 !important; }
+.sidebar-tongue, .sidebar { background-color:#666 !important; }
 .sidebar-content h3, .sidebar-content .activity-desc { color:rgba(255,255,255,.7) !important; }
 ```
 

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "wekan",
-  "version": "v7.65.0",
+  "version": "v7.67.0",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {

package.json

@@ -1,6 +1,6 @@
 {
   "name": "wekan",
-  "version": "v7.65.0",
+  "version": "v7.67.0",
   "description": "Open-Source kanban",
   "private": true,
   "repository": {

public/api/wekan.html

@@ -7,7 +7,7 @@
     <meta charset="utf-8">
     <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-    <title>Wekan REST API v7.65</title>
+    <title>Wekan REST API v7.67</title>
 
     <style>
     </style>
@@ -1549,7 +1549,7 @@ var n=this.pipeline.run(e.tokenizer(t)),r=new e.Vector,i=[],o=this._fields.reduc
 	  	<ul class="toc-list-h1">
         
           <li>
-            <a href="#wekan-rest-api" class="toc-h1 toc-link" data-title="Wekan REST API v7.65">Wekan REST API v7.65</a>
+            <a href="#wekan-rest-api" class="toc-h1 toc-link" data-title="Wekan REST API v7.67">Wekan REST API v7.67</a>
             
           </li>
         
@@ -2068,7 +2068,7 @@ var n=this.pipeline.run(e.tokenizer(t)),r=new e.Vector,i=[],o=this._fields.reduc
     <div class="page-wrapper">
       <div class="dark-box"></div>
       <div class="content">
-        <h1 id="wekan-rest-api">Wekan REST API v7.65</h1>
+        <h1 id="wekan-rest-api">Wekan REST API v7.67</h1>
 <blockquote>
 <p>Scroll down for code samples, example requests and responses. Select a language for code samples from the tabs above or the mobile navigation menu.</p>
 </blockquote>

public/api/wekan.yml

@@ -1,7 +1,7 @@
 swagger: '2.0'
 info:
   title: Wekan REST API
-  version: v7.65
+  version: v7.67
   description: |
     The REST API allows you to control and extend Wekan with ease.
 

sandstorm-pkgdef.capnp

@@ -22,10 +22,10 @@ const pkgdef :Spk.PackageDefinition = (
     appTitle = (defaultText = "Wekan"),
     # The name of the app as it is displayed to the user.
 
-    appVersion = 765,
+    appVersion = 767,
     # Increment this for every release.
 
-    appMarketingVersion = (defaultText = "7.65.0~2024-11-20"),
+    appMarketingVersion = (defaultText = "7.67.0~2024-11-21"),
     # Human-readable presentation of the app version.
 
     minUpgradableAppVersion = 0,

snapcraft.yaml

@@ -1,5 +1,5 @@
 name: wekan
-version: '7.65'
+version: '7.67'
 base: core20
 summary: Open Source kanban
 description: |
@@ -170,9 +170,9 @@ parts:
             # Cleanup
             mkdir .build
             cd .build
-            wget https://github.com/wekan/wekan/releases/download/v7.65/wekan-7.65-amd64.zip
-            unzip wekan-7.65-amd64.zip
-            rm wekan-7.65-amd64.zip
+            wget https://github.com/wekan/wekan/releases/download/v7.67/wekan-7.67-amd64.zip
+            unzip wekan-7.67-amd64.zip
+            rm wekan-7.67-amd64.zip
             cd ..
             ##cd .build/bundle
             ##find . -type d -name '*-garbage*' | xargs rm -rf