Remove external link glyph

Co-authored-by: sbock <sebastian.bockholt@bevuta.com>

.github/workflows/lint.yml

@@ -9,16 +9,16 @@ on:
 
 jobs:
   lint:
-    runs-on: ubuntu-18.04
+    runs-on: ubuntu-latest
 
     steps:
       - name: Checkout
-        uses: actions/checkout@v2
+        uses: actions/checkout@v3
 
-      - name: Use Node.js 14.x
-        uses: actions/setup-node@v1
+      - name: Use Node.js 16.x
+        uses: actions/setup-node@v3
         with:
-          node-version: 14.x
+          node-version: 16.x
 
       - name: Install npm dependencies
         run: npm ci
@@ -30,18 +30,18 @@ jobs:
         run: npm run lint:sass
 
   build:
-    runs-on: ubuntu-18.04
+    runs-on: ubuntu-latest
 
     strategy:
       matrix:
-        node-version: [10.x, 12.x, 14.x]
+        node-version: [16.x, 18.x, 20.x]
 
     steps:
       - name: Checkout
-        uses: actions/checkout@v2
+        uses: actions/checkout@v3
 
       - name: Use Node.js ${{ matrix.node-version }}
-        uses: actions/setup-node@v1
+        uses: actions/setup-node@v3
         with:
           node-version: ${{ matrix.node-version }}
 

CHANGELOG.md

@@ -1,3 +1,16 @@
+v2.16.2 (2023-11-20):
+
+* Fixed #268 calendar display with Redmine 5.1
+
+v2.16.1 (2023-10-11):
+
+* Fixed #266 typo of expanded icon class
+
+v2.16.0 (2023-05-14):
+
+* Update theme to make it work with 5.0.
+* Fixed issues #222, #233, #242, #245, #246, #253, and few others.
+
 v2.15.0 (2021-05-23):
 
 * Updated styles for Redmine 4.2.

package.json

@@ -26,18 +26,18 @@
   },
   "dependencies": {
     "@liquid-js/sass-inline-svg": "^2.0.0",
-    "autoprefixer": "^9.8.6",
-    "grunt": "^1.4.0",
-    "grunt-contrib-uglify": "^5.0.1",
+    "autoprefixer": "^9.8.8",
+    "grunt": "^1.6.1",
+    "grunt-contrib-uglify": "^5.2.2",
     "grunt-contrib-watch": "^1.1.0",
     "grunt-postcss": "^0.9.0",
     "grunt-sass": "^3.1.0",
-    "sass": "^1.34.0"
+    "sass": "^1.69.5"
   },
   "devDependencies": {
-    "eslint": "^7.27.0",
+    "eslint": "^7.32.0",
     "eslint-config-standard": "^14.1.1",
-    "eslint-plugin-import": "^2.23.3",
+    "eslint-plugin-import": "^2.29.0",
     "eslint-plugin-node": "^11.1.0",
     "eslint-plugin-promise": "^4.3.1",
     "eslint-plugin-standard": "^4.1.0",
@@ -45,7 +45,7 @@
     "lint-staged": "^10.5.4",
     "stylelint": "^13.13.1",
     "stylelint-order": "^4.1.0",
-    "stylelint-scss": "^3.19.0"
+    "stylelint-scss": "^3.21.0"
   },
   "browserslist": [
     "last 2 versions",

plugins/redmine_backlogs/global.css

@@ -1 +1 @@
-html{height:100%;overflow-y:scroll}body{width:100%;height:100%;margin:0;padding:0;background-color:#b6b1d3;color:#3e4359;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:14px;font-weight:normal;line-height:1.428571429}a{color:#0051cc;text-decoration:none}a:hover,a:focus{color:#0065ff;text-decoration:underline}.issue.closed{color:#707893;text-decoration:line-through}.project.closed{color:#707893}.user.locked{color:#707893}button,input,select,textarea{box-sizing:border-box;font-family:inherit;font-size:14px;line-height:1.428571429}select,textarea,input[type=search],input[type=text],input.name,input.editor,#col_width input{height:28px;padding:3px 8px;transition:border-color 50ms ease-in-out,box-shadow 50ms ease-in-out;border:1px solid #d1d3e0;border-radius:2px;background-color:#fff;box-shadow:inset 0 1px 2px rgba(0,0,0,.075);color:#3e4359}select:focus,textarea:focus,input[type=search]:focus,input[type=text]:focus,input.name:focus,input.editor:focus,#col_width input:focus{border-color:rgba(81,45,196,.6);outline:0;box-shadow:inset 0 1px 2px rgba(0,0,0,.075),0 0 0 2px rgba(81,45,196,.2)}select::-moz-placeholder, textarea::-moz-placeholder, input[type=search]::-moz-placeholder, input[type=text]::-moz-placeholder, input.name::-moz-placeholder, input.editor::-moz-placeholder, #col_width input::-moz-placeholder{opacity:1;color:#a3a6b7}select:-ms-input-placeholder, textarea:-ms-input-placeholder, input[type=search]:-ms-input-placeholder, input[type=text]:-ms-input-placeholder, input.name:-ms-input-placeholder, input.editor:-ms-input-placeholder, #col_width input:-ms-input-placeholder{opacity:1;color:#a3a6b7}select::placeholder,textarea::placeholder,input[type=search]::placeholder,input[type=text]::placeholder,input.name::placeholder,input.editor::placeholder,#col_width input::placeholder{opacity:1;color:#a3a6b7}textarea{height:auto;resize:vertical}select:-moz-focusring{color:transparent;text-shadow:0 0 0 #000}button.ui-multiselect{box-sizing:border-box;height:28px;padding:3px 8px;overflow:hidden;transition:border-color 50ms ease-in-out,box-shadow 50ms ease-in-out;border:1px solid #d1d3e0;background:#fff;box-shadow:inset 0 1px 2px rgba(0,0,0,.075);color:#3e4359;white-space:nowrap;cursor:default}button.ui-multiselect:hover,button.ui-multiselect:focus{color:#3e4359}button.ui-multiselect:active{transform:translate(0, 0)}button.ui-multiselect.ui-state-active{border-color:#512dc4;box-shadow:inset 0 1px 2px rgba(0,0,0,.075),0 0 5px rgba(81,45,196,.5)}button.ui-multiselect .ui-icon{margin-top:1px}#toolbar{display:block;position:relative;z-index:1000;padding:10px 20px;overflow:hidden;background-color:#f6f6f9;box-shadow:0 1px 2px rgba(0,0,0,.07),0 3px 8px rgba(0,0,0,.04)}#toolbar::after{content:"";display:block;clear:both}#toolbar .breadcrumbs{margin-right:10px;float:left}#toolbar .breadcrumbs select{margin-right:5px;vertical-align:middle}#toolbar .breadcrumbs .home{font-weight:600}#toolbar .breadcrumbs .separator{position:relative;top:-1px;padding:0 .2em;font-weight:600}#toolbar .userselect{position:relative;float:left}#toolbar .userselect ul{padding-left:0}#toolbar .userselect br{display:none}#toolbar .links{float:right}#toolbar .links input{vertical-align:initial}#toolbar .links a{padding-left:5px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#toolbar input[type=search],#toolbar input[type=text],#toolbar select,#toolbar .ui-widget{font-family:inherit;font-size:inherit}@media screen and (max-width: 1199px){#toolbar{font-size:.86em}#toolbar input[type=search],#toolbar input[type=text],#toolbar select,#toolbar .ui-widget{height:28px;padding:3px 5px}#toolbar #project_quick_jump_box{width:128px}}.loading #refresh{background-image:url("images/bouncer.gif");background-repeat:no-repeat;background-position:-6px 1px}.clearfix::after{content:"";display:block;clear:both}#content{margin:0;padding:0;overflow:visible}#helpers,.meta,.editors{display:none}.ui-dialog .editor{display:block}ul.ui-sortable{min-height:20px}.ui-tooltip .ui-tooltip-content hr{margin-top:10px;margin-bottom:10px;border:0;border-top:1px solid #a3a6b7}.ui-tooltip .ui-tooltip-content .wiki-anchor{display:none}.ui-tooltip .issue-description{max-height:10em;margin-top:12px;overflow:hidden;text-overflow:ellipsis}.ui-tooltip .issue-field{margin:2px 0 0;padding-left:160px;overflow:hidden}.ui-tooltip .issue-field:first-child{margin-top:0}.ui-tooltip .issue-field>label{margin-left:-160px;padding-right:5px;float:left;font-weight:600}.tooltip_text{display:none}.rb-sortable-disabled,.ui-sortable-disabled{opacity:.5;background-color:#dadce6}.w-rb-header-collapsed{height:27px;overflow:hidden}body .ui-widget,body .ui-widget input,body .ui-widget select,body .ui-widget textarea,body .ui-widget button{font-family:inherit;font-size:inherit}
+html{height:100%;overflow-y:scroll}body{width:100%;height:100%;margin:0;padding:0;background-color:#b6b1d3;color:#3e4359;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:14px;font-weight:normal;line-height:1.428571429}a{color:#0051cc;text-decoration:none}a:hover,a:focus{color:#0065ff;text-decoration:underline}.issue.closed{color:#707893;text-decoration:line-through}.project.closed{color:#707893}.user.locked{color:#707893}button,input,select,textarea{box-sizing:border-box;font-family:inherit;font-size:14px;line-height:1.428571429}select,textarea,input[type=search],input[type=text],input.name,input.editor,#col_width input{height:28px;padding:3px 8px;transition:border-color 50ms ease-in-out,box-shadow 50ms ease-in-out;border:1px solid #d1d3e0;border-radius:2px;background-color:#fff;box-shadow:inset 0 1px 2px rgba(0,0,0,.075);color:#3e4359}select:focus,textarea:focus,input[type=search]:focus,input[type=text]:focus,input.name:focus,input.editor:focus,#col_width input:focus{border-color:rgba(81,45,196,.6);outline:0;box-shadow:inset 0 1px 2px rgba(0,0,0,.075),0 0 0 2px rgba(81,45,196,.2)}select::-moz-placeholder, textarea::-moz-placeholder, input[type=search]::-moz-placeholder, input[type=text]::-moz-placeholder, input.name::-moz-placeholder, input.editor::-moz-placeholder, #col_width input::-moz-placeholder{opacity:1;color:#a3a6b7}select:-ms-input-placeholder, textarea:-ms-input-placeholder, input[type=search]:-ms-input-placeholder, input[type=text]:-ms-input-placeholder, input.name:-ms-input-placeholder, input.editor:-ms-input-placeholder, #col_width input:-ms-input-placeholder{opacity:1;color:#a3a6b7}select::placeholder,textarea::placeholder,input[type=search]::placeholder,input[type=text]::placeholder,input.name::placeholder,input.editor::placeholder,#col_width input::placeholder{opacity:1;color:#a3a6b7}textarea{height:auto;resize:vertical}select:-moz-focusring{color:rgba(0,0,0,0);text-shadow:0 0 0 #000}button.ui-multiselect{box-sizing:border-box;height:28px;padding:3px 8px;overflow:hidden;transition:border-color 50ms ease-in-out,box-shadow 50ms ease-in-out;border:1px solid #d1d3e0;background:#fff;box-shadow:inset 0 1px 2px rgba(0,0,0,.075);color:#3e4359;white-space:nowrap;cursor:default}button.ui-multiselect:hover,button.ui-multiselect:focus{color:#3e4359}button.ui-multiselect:active{transform:translate(0, 0)}button.ui-multiselect.ui-state-active{border-color:#512dc4;box-shadow:inset 0 1px 2px rgba(0,0,0,.075),0 0 5px rgba(81,45,196,.5)}button.ui-multiselect .ui-icon{margin-top:1px}#toolbar{display:block;position:relative;z-index:1000;padding:10px 20px;overflow:hidden;background-color:#f6f6f9;box-shadow:0 1px 2px rgba(0,0,0,.07),0 3px 8px rgba(0,0,0,.04)}#toolbar::after{content:"";display:block;clear:both}#toolbar .breadcrumbs{margin-right:10px;float:left}#toolbar .breadcrumbs select{margin-right:5px;vertical-align:middle}#toolbar .breadcrumbs .home{font-weight:600}#toolbar .breadcrumbs .separator{position:relative;top:-1px;padding:0 .2em;font-weight:600}#toolbar .userselect{position:relative;float:left}#toolbar .userselect ul{padding-left:0}#toolbar .userselect br{display:none}#toolbar .links{float:right}#toolbar .links input{vertical-align:initial}#toolbar .links a{padding-left:5px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#toolbar input[type=search],#toolbar input[type=text],#toolbar select,#toolbar .ui-widget{font-family:inherit;font-size:inherit}@media screen and (max-width: 1199px){#toolbar{font-size:.86em}#toolbar input[type=search],#toolbar input[type=text],#toolbar select,#toolbar .ui-widget{height:28px;padding:3px 5px}#toolbar #project_quick_jump_box{width:128px}}.loading #refresh{background-image:url("images/bouncer.gif");background-repeat:no-repeat;background-position:-6px 1px}.clearfix::after{content:"";display:block;clear:both}#content{margin:0;padding:0;overflow:visible}#helpers,.meta,.editors{display:none}.ui-dialog .editor{display:block}ul.ui-sortable{min-height:20px}.ui-tooltip .ui-tooltip-content hr{margin-top:10px;margin-bottom:10px;border:0;border-top:1px solid #a3a6b7}.ui-tooltip .ui-tooltip-content .wiki-anchor{display:none}.ui-tooltip .issue-description{max-height:10em;margin-top:12px;overflow:hidden;text-overflow:ellipsis}.ui-tooltip .issue-field{margin:2px 0 0;padding-left:160px;overflow:hidden}.ui-tooltip .issue-field:first-child{margin-top:0}.ui-tooltip .issue-field>label{margin-left:-160px;padding-right:5px;float:left;font-weight:600}.tooltip_text{display:none}.rb-sortable-disabled,.ui-sortable-disabled{opacity:.5;background-color:#dadce6}.w-rb-header-collapsed{height:27px;overflow:hidden}body .ui-widget,body .ui-widget input,body .ui-widget select,body .ui-widget textarea,body .ui-widget button{font-family:inherit;font-size:inherit}

plugins/redmine_backlogs/jquery/jquery.multiselect.css

@@ -1 +1 @@
-.ui-multiselect{padding:2px 0 2px 4px;text-align:left}.ui-multiselect span.ui-icon{float:right}.ui-multiselect-single .ui-multiselect-checkboxes input{position:absolute !important;top:auto !important;left:-9999px}.ui-multiselect-single .ui-multiselect-checkboxes label{padding:5px !important}.ui-multiselect-header{margin-bottom:3px;padding:3px}.ui-multiselect-header ul{font-size:.92em}.ui-multiselect-header ul li{padding:0 10px 0 0;float:left}.ui-multiselect-header a{text-decoration:none}.ui-multiselect-header a:hover{text-decoration:underline}.ui-multiselect-header span.ui-icon{float:left}.ui-multiselect-header li.ui-multiselect-close{padding-right:0;float:right;text-align:right}.ui-multiselect-menu{box-shadow:0 5px 8px -2px rgba(0,0,0,.25),0 1px 2px rgba(0,0,0,.3);display:none;position:absolute;z-index:10000;padding:3px;text-align:left}.ui-multiselect-checkboxes{position:relative;padding-right:2px;overflow-y:scroll}.ui-multiselect-checkboxes input[type=checkbox]{top:0;margin:3px 0 0 -20px;float:left}.ui-multiselect-checkboxes label{display:block;padding:3px 1px;padding-left:26px;border:1px solid transparent;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ui-multiselect-checkboxes label input{position:relative;top:1px}.ui-multiselect-checkboxes li{clear:both;font-size:.92em}.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label{margin-bottom:2px;border-bottom:1px solid #dadce6;font-weight:600;text-align:center}.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a{display:block;margin:1px 0;padding:3px;text-decoration:none}* html .ui-multiselect-checkboxes label{border:0 none}
+.ui-multiselect{padding:2px 0 2px 4px;text-align:left}.ui-multiselect span.ui-icon{float:right}.ui-multiselect-single .ui-multiselect-checkboxes input{position:absolute !important;top:auto !important;left:-9999px}.ui-multiselect-single .ui-multiselect-checkboxes label{padding:5px !important}.ui-multiselect-header{margin-bottom:3px;padding:3px}.ui-multiselect-header ul{font-size:.92em}.ui-multiselect-header ul li{padding:0 10px 0 0;float:left}.ui-multiselect-header a{text-decoration:none}.ui-multiselect-header a:hover{text-decoration:underline}.ui-multiselect-header span.ui-icon{float:left}.ui-multiselect-header li.ui-multiselect-close{padding-right:0;float:right;text-align:right}.ui-multiselect-menu{box-shadow:0 5px 8px -2px rgba(0,0,0,.25),0 1px 2px rgba(0,0,0,.3);display:none;position:absolute;z-index:10000;padding:3px;text-align:left}.ui-multiselect-checkboxes{position:relative;padding-right:2px;overflow-y:scroll}.ui-multiselect-checkboxes input[type=checkbox]{top:0;margin:3px 0 0 -20px;float:left}.ui-multiselect-checkboxes label{display:block;padding:3px 1px;padding-left:26px;border:1px solid rgba(0,0,0,0);cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ui-multiselect-checkboxes label input{position:relative;top:1px}.ui-multiselect-checkboxes li{clear:both;font-size:.92em}.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label{margin-bottom:2px;border-bottom:1px solid #dadce6;font-weight:600;text-align:center}.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a{display:block;margin:1px 0;padding:3px;text-decoration:none}* html .ui-multiselect-checkboxes label{border:0 none}

plugins/redmine_backlogs/jquery/jquery.qtip.css

@@ -1 +1 @@
-.qtip{position:absolute;top:-31000px;left:-31000px;width:auto;max-width:500px;outline:none}.ui-tooltip-content{box-shadow:0 5px 8px -2px rgba(0,0,0,.25),0 1px 2px rgba(0,0,0,.3);position:relative;padding:10px;overflow:hidden;border:1px solid #d1d3e0;background-color:#fff;color:#3e4359;font-size:.92em;text-align:left;word-wrap:break-word}.ui-tooltip-tip{position:absolute;z-index:10;margin:0 auto;overflow:hidden;border:0 none;border-color:#d1d3e0;background:transparent;background-color:#fff}
+.qtip{position:absolute;top:-31000px;left:-31000px;width:auto;max-width:500px;outline:none}.ui-tooltip-content{box-shadow:0 5px 8px -2px rgba(0,0,0,.25),0 1px 2px rgba(0,0,0,.3);position:relative;padding:10px;overflow:hidden;border:1px solid #d1d3e0;background-color:#fff;color:#3e4359;font-size:.92em;text-align:left;word-wrap:break-word}.ui-tooltip-tip{position:absolute;z-index:10;margin:0 auto;overflow:hidden;border:0 none;border-color:#d1d3e0;background:rgba(0,0,0,0);background-color:#fff}

src/javascripts/modules/SidebarToggler.js

@@ -32,6 +32,7 @@ PurpleMine.SidebarToggler = (function () {
     this.sidebarVisible = true
     this.sidebarHiding = null
     this.$toggler = null
+    this.$header = $('#header')
     this.$main = $('#main')
     this.$sidebar = $('#sidebar')
     this.lang = document.documentElement.lang
@@ -42,13 +43,6 @@ PurpleMine.SidebarToggler = (function () {
 
     this._ = translations[this.lang]
 
-    // Fix issue with context menu position
-    if (this.$main.css('position') === 'relative') {
-      $(window).on('load', function () {
-        $('#context-menu').appendTo('#wrapper3')
-      })
-    }
-
     handleSidebar()
   }
 
@@ -96,7 +90,7 @@ PurpleMine.SidebarToggler = (function () {
       '"></a>'
     instance.$toggler = $(togglerHtml)
 
-    instance.$main.append(instance.$toggler)
+    instance.$header.append(instance.$toggler)
     instance.$toggler.on('click', instance.toggleSidebar)
   }
 

src/sass/components/_calendar.scss

@@ -2,7 +2,6 @@
 // Calendar
 // --------------------------------------------------
 
-
 table.cal {
   width: 100%;
   margin-bottom: $line-height-computed;
@@ -59,9 +58,91 @@ table.cal {
   }
 }
 
+ul.cal {
+  display: grid;
+  grid-template-columns: 2rem repeat(7, 1fr);
+  width: 100%;
+  margin: 0;
+  padding: 0;
+  border-spacing: 0;
+  list-style: none;
+  border: 1px solid $table-border-color;
+  border-radius: 3px;
+
+  li {
+    &.calhead {
+      padding: 4px;
+      background-color: $table-bg-active;
+      font-weight: bold;
+      text-align: center;
+    }
+
+    &.week-number {
+      padding: 4px;
+      border: none;
+      background-color: $table-bg-active;
+      font-size: 1em;
+      text-align: center;
+
+      span.label-week {
+        display: none;
+      }
+    }
+
+    &.calbody {
+      min-height: calc(1.2em * 6);
+      padding: 2px;
+      border: 1px solid $table-border-color;
+      border-right: 0;
+      border-bottom: 0;
+      font-size: 1em;
+      line-height: 1.6;
+      vertical-align: top;
+
+      p.day-num {
+        font-size: 1.1em;
+        text-align: right;
+
+        .abbr-day {
+          display: none;
+        }
+      }
+
+      .day-letter {
+        display: none;
+      }
+
+      &.odd {
+        p.day-num {
+          color: $gray-600;
+        }
+      }
+
+      &.today {
+        background: $highlight-bg;
+
+        p.day-num {
+          font-weight: $font-weight-bold;
+        }
+      }
+
+      .icon {
+        padding-top: 2px;
+        padding-bottom: 3px;
+      }
+
+      &.nwday:not(.odd) {
+        background-color: $table-bg-accent;
+      }
+    }
+  }
+}
+
 table.cal .starting a,
+ul.cal .starting a,
 p.cal.legend .starting,
 table.cal .ending a,
+ul.cal .ending a,
 p.cal.legend .ending {
   @extend %fa-icon;
 
@@ -73,6 +154,7 @@ p.cal.legend .ending {
 }
 
 table.cal .ending a,
+ul.cal .ending a,
 p.cal.legend .ending {
   &::before {
     content: $fa-var-caret-left;
@@ -81,6 +163,7 @@ p.cal.legend .ending {
 }
 
 table.cal .starting.ending a,
+ul.cal .starting.ending a,
 p.cal.legend .starting.ending {
   &::before {
     content: $fa-var-square;

src/sass/components/_content.scss

@@ -117,6 +117,7 @@
 
     &:not(.watchers) {
       li {
+        position: relative;
         margin: 0;
         padding: 0;
         list-style-type: none;
@@ -330,8 +331,8 @@
 }
 
 #footer {
-  margin: 0 $padding-side $line-height-computed;
-  padding-top: $line-height-computed;
+  margin: 0 $padding-side;
+  padding: $line-height-computed 0;
   border-top: 1px solid $gray-400;
   color: $gray-600;
   font-size: $font-size-small;
@@ -343,24 +344,49 @@
 
 @if $fixed-layout {
   @media screen and (min-width: $screen-sm-min) {
+    body {
+      background: $gray-100;
+    }
+    #top-menu,
+    #header,
     #main-menu ul,
-    #main {
+    #main,
+    #footer {
       width: $width-sm;
       margin-right: auto;
       margin-left: auto;
     }
+    #main {
+      overflow: hidden;
+      background: $body-bg;
+    }
+    #footer {
+      background: $body-bg;
+
+      &::before {
+        content: " ";
+        display: inline-block;
+        width: 20px;
+      }
+    }
   }
 
   @media screen and (min-width: $screen-md-min) {
+    #top-menu,
+    #header,
     #main-menu ul,
-    #main {
+    #main,
+    #footer {
       width: $width-md;
     }
   }
 
   @media screen and (min-width: $screen-lg-min) {
+    #top-menu,
+    #header,
     #main-menu ul,
-    #main {
+    #main,
+    #footer {
       width: $width-lg;
     }
   }

src/sass/components/_elements.scss

@@ -290,10 +290,11 @@ p.subtitle {
 
 .block-receiver {
   box-sizing: border-box;
-  min-height: 20px;
-  margin-bottom: $line-height-computed;
+  flex-basis: 100%;
 
   .dragging & {
+    min-height: 20px;
+    margin-bottom: $line-height-computed;
     outline: 2px dashed $gray-600;
   }
 }
@@ -347,6 +348,9 @@ a.close-icon {
 
 // For Redmine 3.4+
 #my-page {
+  display: flex;
+  flex-wrap: wrap;
+
   .mypage-box {
     > .contextual {
       transition: opacity $transition-time;
@@ -359,15 +363,11 @@ a.close-icon {
   }
 
   #list-left {
-    width: 50%;
-    padding-right: ($padding-side * .5);
-    float: left;
+    flex-basis: 50%;
   }
 
   #list-right {
-    width: 50%;
-    padding-left: ($padding-side * .5);
-    float: right;
+    flex-basis: 50%;
   }
 }
 
@@ -613,11 +613,6 @@ div#roadmap {
     td {
       height: $progress-height;
     }
-
-    + .percent {
-      position: relative;
-      top: 0;
-    }
   }
 
   header {

src/sass/components/_icons.scss

@@ -94,7 +94,9 @@ $icon-map: (
   icon-shared:                  $fa-var-link,
   icon-actions:                 $fa-var-ellipsis-h,
   icon-sort-handle:             $fa-var-arrows-v,
+  /* typo "expended" has to be kept for backwards compatibility */
   icon-expended:                $fa-var-chevron-down,
+  icon-expanded:                $fa-var-chevron-down,
   icon-collapsed:               $fa-var-chevron-right,
   icon-bookmark:                $fa-var-bookmark,
   icon-bookmark-off:            $fa-var-bookmark-o,

src/sass/components/_plugins.scss

@@ -1,8 +1,25 @@
+@use "sass:math";
+
 //
 // Additionals
 // https://www.redmine.org/plugins/additionals
 // --------------------------------------------------
 
+#sidebar .dashboards .dashboard-system-default {
+  position: absolute;
+  transform: translateY(- ($sidebar-padding-vertical + math.div($line-height-computed, 2) + math.div($font-size-base, 2)));
+  @if $sidebar-position == "right" {
+    right: 15px;
+  }
+}
+
+.flyout-menu .dashboard-system-default {
+  position: absolute;
+  right: 10px;
+  transform: translateY(- ($padding-large-vertical + math.div($line-height-computed, 2) + math.div($font-size-base, 2)));
+}
+
+
 #sidebar .sidebar-additionals {
   ul,
   ol {
@@ -39,6 +56,247 @@
   }
 }
 
+#my-page.dashboard {
+  .mypage-box:not(.block-welcome, .block-projectinformation, .block-text, .block-text_async) {
+    margin-bottom: $line-height-computed;
+    padding: $panel-body-padding;
+    border: 1px solid $panel-border;
+    border-radius: $border-radius-base;
+    background-color: $panel-bg;
+    color: $panel-color;
+    font-size: .92em;
+    word-wrap: break-word;
+
+    > h3 {
+      margin-bottom: $panel-body-padding-vertical;
+    }
+  }
+}
+
+.controller-rdb_taskboard .gototop {
+  margin-right: $padding-side;
+}
+
+
+//
+// Additional tags
+// https://www.redmine.org/plugins/additional_tags
+// --------------------------------------------------
+
+.issue .tags.attribute {
+  padding-left: 160px;
+
+  .label {
+    width: 160px;
+    margin-left: -160px;
+  }
+
+  #tags-data {
+    padding-top: 3px;
+  }
+}
+
+#main {
+  .additional-tag-label-color {
+    font-weight: 600;
+    text-transform: uppercase;
+  }
+
+  #admin-menu a.additional-tags::before {
+    font-size: 1em;
+  }
+}
+
+#wiki_tags,
+#edit-tags-form {
+  .select2-container {
+    margin-bottom: 5px;
+
+    &.select2-container--default .select2-selection--multiple .select2-selection__rendered {
+      margin: 0;
+      padding: 3px;
+    }
+  }
+}
+
+
+//
+// Redmine Dashboard
+// https://www.redmine.org/plugins/redmine-dashboard
+// --------------------------------------------------
+
+#rdb-taskboard {
+  #rdb-header {
+    a#rdb-refresh {
+      padding: 2px 0;
+      border-width: 0;
+      background-image: none;
+      line-height: 1.2em;
+
+      &::before {
+        content: $fa-var-refresh;
+        @include fa-icon;
+        width: 1em;
+        margin: 0 auto;
+        color: $green;
+        line-height: 1.2em;
+      }
+    }
+
+    .rdb-board .rdb-menu h2 {
+      font-size: 1em;
+    }
+
+    .rdb-board,
+    .rdb-filter,
+    .rdb-option {
+      margin-top: 4px;
+      margin-bottom: 0;
+    }
+  }
+
+  a#rdb-refresh,
+  a#rdb-refresh:focus,
+  a#rdb-refresh:hover,
+  .rdb-menu-link,
+  .rdb-menu-link:focus,
+  .rdb-menu-link:hover,
+  .rdb-menu .rdb-list a,
+  .rdb-menu .rdb-list a:focus,
+  .rdb-menu .rdb-list a:hover {
+    color: $gray-900;
+    text-decoration: none;
+  }
+
+  div:not(.rdb-card-header, .rdb-compact-header, .rdb-card-title) .rdb-menu {
+    .rdb-list {
+      > ul > li > a,
+      .rdb-multicheck a {
+        padding: 3px 5px;
+      }
+
+      .rdb-checkbox-link.rdb-checkbox-link-enabled {
+        background-image: none;
+
+        &::before {
+          content: $fa-var-check;
+          @include fa-icon;
+          color: $green;
+        }
+      }
+
+      .rdb-checkbox-link.rdb-checkbox-link-disabled {
+        padding: 0;
+        background-image: none;
+      }
+
+      a {
+        font-size: .9em;
+
+        &#rdb-reset {
+          background-image: none;
+
+          &::before {
+            content: $fa-var-times;
+            @include fa-icon;
+            margin-right: 8px;
+          }
+        }
+      }
+    }
+
+    &.rdb-menu-right .rdb-checkbox-link.rdb-checkbox-link-enabled::before {
+      margin-right: 8px;
+    }
+
+    .rdb-container h3 {
+      padding-top: 5px;
+      padding-bottom: 3px;
+    }
+  }
+
+  .rdb-headers .rdb-column h3 {
+    font-size: 1em;
+  }
+
+  .rdb-evt-group-toggle,
+  .rdb-evt-group-toggle:focus,
+  .rdb-evt-group-toggle:hover {
+    color: $text-color;
+  }
+
+  .rdb-card-header .rdb-menu-issue a.rdb-menu-link,
+  .rdb-compact-header .rdb-menu-issue a.rdb-menu-link,
+  .rdb-card-title > a {
+    background-image: none;
+
+    &::after {
+      content: $fa-var-cog;
+      @include fa-icon;
+      position: absolute;
+      top: 1px;
+      left: 2px;
+      color: $gray-600;
+    }
+  }
+
+  .rdb-property-tracker {
+    padding-left: 0;
+    background-image: none;
+
+    &::before {
+      content: $fa-var-ticket;
+      @include fa-icon;
+      margin-right: 4px;
+    }
+  }
+
+  .rdb-property-assignee {
+    padding-left: 0;
+    background-image: none;
+
+    &::before {
+      content: $fa-var-user;
+      @include fa-icon;
+      margin-right: 4px;
+    }
+  }
+}
+
+#rdb-footer #rdb-legend .rdb-overdue {
+  padding-right: 3px;
+}
+
+
+//
+// Redmine Impersonate
+// https://www.redmine.org/plugins/redmine_impersonate
+// --------------------------------------------------
+
+#impersonate::before {
+  content: $fa-var-user-secret;
+  @include fa-icon;
+  margin-right: 5px;
+}
+
+#impersonation-bar {
+  border-radius: 0;
+}
+
+
+//
+// Redmine Recaptcha
+// https://www.redmine.org/plugins/recaptcha
+// --------------------------------------------------
+
+.new-user .g-recaptcha {
+  padding-left: 170px;
+
+  @media screen and (max-width: $redmine-responsive-max) {
+    padding-left: 0;
+  }
+}
+
 
 //
 // Redmine Backlogs
@@ -266,6 +524,14 @@
   }
 }
 
+.controller-hearts .recent-heart-list li {
+  padding: $padding-large-vertical;
+}
+
+#wiki_form.new_content + .wiki_page--heart,
+#wiki_form.new_content + .heart-link-with-count {
+  display: none;
+}
 
 //
 // Redmine Time Tracker

src/sass/components/_responsive.scss

@@ -40,6 +40,8 @@ body {
     }
 
     #header {
+      background-color: $header-bg;
+
       #project-jump {
         padding: 0 $responsive-header-height 0 0;
 
@@ -128,6 +130,7 @@ body {
       &__avatar {
         img.gravatar {
           top: 0;
+          padding: 5px;
         }
       }
 
@@ -414,17 +417,7 @@ body {
 
     // For Redmine 3.4+
     #my-page {
-      #list-left {
-        width: 100%;
-        padding-right: 0;
-        float: none;
-      }
-
-      #list-right {
-        width: 100%;
-        padding-left: 0;
-        float: none;
-      }
+      display: block;
     }
 
     div#issue-changesets {
@@ -440,6 +433,47 @@ body {
         background-position: 8px center !important; // stylelint-disable-line declaration-no-important
       }
     }
+
+    /* Calendar */
+    ul.cal {
+      display: block;
+
+      .calhead {
+        display: none;
+      }
+
+      .calbody {
+        min-height: calc(1.2em * 3);
+      }
+
+      .calbody .day-letter {
+        display: inline;
+      }
+
+      .week-number {
+        border: none;
+        background-color: $table-bg-active;
+        font-weight: bold;
+        text-align: left;
+
+        span.label-week {
+          display: inline;
+        }
+      }
+
+      .week-number .label-week {
+        display: inline;
+      }
+
+      .calbody p.day-num {
+        font-size: 1.1em;
+        text-align: left;
+
+        .abbr-day {
+          display: inline;
+        }
+      }
+    }
   }
 
   // Tweaks for smartphones, touchscreens

src/sass/javascripts/_sidebar-toggler.scss

@@ -1,7 +1,5 @@
 @if $enable-sidebar-toggler {
   #main {
-    position: relative;
-
     // Fix full screen view for dashboard plugin
     // https://github.com/jgraichen/redmine_dashboard
     @at-root .controller-rdb_taskboard & {
@@ -38,9 +36,11 @@
   .sidebar-toggler {
     display: block;
     position: absolute;
-    top: 1px;
+    z-index: 2;
+    bottom: -1px;
     width: 14px;
     height: 16px;
+    transform: translateY(100%);
     border: 2px solid $gray-700;
     border-radius: $border-radius-base;
     background-color: $gray-200;