Fix typo of expanded icon class (#266)

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
+      - name: Use Node.js 16.x
-        uses: actions/setup-node@v1
+        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, 19.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,13 @@
+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.
+* Merged #225 (via #228): improved documents styles.
+
 v2.14.0 (2021-01-27):
 
 * Merged #220: fixed drag & drop behavior.

package-lock.json

@@ -2613,11 +2613,6 @@
         "which": "~2.0.2"
       },
       "dependencies": {
-        "lodash": {
-          "version": "4.17.21",
-          "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
-          "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
-        },
         "which": {
           "version": "2.0.2",
           "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
@@ -3465,9 +3460,9 @@
       }
     },
     "lodash": {
-      "version": "4.17.20",
+      "version": "4.17.21",
-      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.20.tgz",
+      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
-      "integrity": "sha512-PlhdFcillOINfeV7Ni6oF1TAEayyZBoZ8bcshTHqOYJYlrqzRK5hagpagky5o4HfCzzd1TRkXPMFq6cKk9rGmA=="
+      "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
     },
     "lodash.clonedeep": {
       "version": "4.5.0",
@@ -5168,12 +5163,6 @@
           "integrity": "sha512-BMpfD7PpiETpBl/A6S498BaIJ6Y/ABT93ETbby2fP00v4EbvPBXWEoaR1UBPKs3iR53pJY7EtZk5KACI57i1Uw==",
           "dev": true
         },
-        "lodash": {
-          "version": "4.17.21",
-          "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
-          "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
-          "dev": true
-        },
         "postcss": {
           "version": "7.0.35",
           "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.35.tgz",

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/_badges.scss

@@ -52,3 +52,8 @@ tr.group .count,
   border-color: $green;
   color: $green;
 }
+
+.badge-issues-count {
+  border-color: $gray-400;
+  background-color: $gray-100;
+}

src/sass/components/_buttons.scss

@@ -176,6 +176,10 @@ form {
 
 p.buttons {
   margin-bottom: $line-height-computed;
+
+  a {
+    line-height: $line-height-base;
+  }
 }
 
 

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;
+  margin: 0 $padding-side;
-  padding-top: $line-height-computed;
+  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/_dropdown.scss

@@ -76,7 +76,32 @@
 }
 
 .contextual {
-  .drdn {
+  .drdn-items {
+    padding: 3px;
+
+    a,
+    span {
+      padding-top: $pagination-padding-vertical;
+      padding-bottom: $pagination-padding-vertical;
+      border: 1px solid transparent;
+      border-radius: $border-radius-small;
+      color: $pagination-color;
+
+      &:hover,
+      &:focus {
+        border-color: $pagination-hover-border;
+        background-color: $pagination-hover-bg;
+        color: $pagination-hover-color;
+        text-decoration: none;
+
+        &.icon-del {
+          color: map-get(map-get($icon-color-map, danger), normal);
+        }
+      }
+    }
+  }
+
+  &:not(.journal-actions) > .drdn {
     &.expanded {
       > .drdn-trigger {
         border-color: $pagination-active-border;
@@ -85,7 +110,7 @@
       }
     }
 
-    &-trigger {
+    .drdn-trigger {
       padding: $btn-padding-vertical $btn-padding-horizontal-small;
       border: 1px solid $pagination-border;
       border-radius: $border-radius-base;
@@ -105,25 +130,20 @@
         color: $pagination-hover-color;
       }
     }
-
+  }
-    &-items {
+}
-      padding: 3px;
+
-
+.journal-actions {
-      a,
+  .drdn-trigger {
-      span {
+    color: map-get(map-get($icon-color-map, default), normal);
-        padding-top: $pagination-padding-vertical;
+  }
-        padding-bottom: $pagination-padding-vertical;
+
-        border: 1px solid transparent;
+  .drdn-trigger:hover,
-        border-radius: $border-radius-small;
+  .drdn.expanded .drdn-trigger {
-        color: $pagination-color;
+    color: map-get(map-get($icon-color-map, default), hover);
-
+  }
-        &:hover {
+
-          border-color: $pagination-hover-border;
+  .drdn-content {
-          background-color: $pagination-hover-bg;
+    top: $input-height-base;
-          color: $pagination-hover-color;
-          text-decoration: none;
-        }
-      }
-    }
   }
 }

src/sass/components/_elements.scss

@@ -290,10 +290,11 @@ p.subtitle {
 
 .block-receiver {
   box-sizing: border-box;
-  min-height: 20px;
+  flex-basis: 100%;
-  margin-bottom: $line-height-computed;
 
   .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%;
+    flex-basis: 50%;
-    padding-right: ($padding-side * .5);
-    float: left;
   }
 
   #list-right {
-    width: 50%;
+    flex-basis: 50%;
-    padding-left: ($padding-side * .5);
-    float: right;
   }
 }
 
@@ -461,6 +461,10 @@ ul.projects {
   li {
     list-style-type: none;
   }
+
+  .archived {
+    color: $gray-600;
+  }
 }
 
 #projects-index ul.projects {
@@ -513,6 +517,14 @@ ul.projects {
   }
 }
 
+table.projects {
+  .name {
+    a + span.icon {
+      margin-left: 5px;
+    }
+  }
+}
+
 #custom_field_tracker_ids {
   label {
     margin-right: 10px;
@@ -601,11 +613,6 @@ div#roadmap {
     td {
       height: $progress-height;
     }
-
-    + .percent {
-      position: relative;
-      top: 0;
-    }
   }
 
   header {
@@ -865,6 +872,53 @@ div.table-list.boards {
 }
 
 
+//== Documents
+//
+
+.controller-documents {
+  &.action-index {
+    h2 {
+      font-size: $font-size-h2;
+    }
+
+    h4 {
+      margin-bottom: 0;
+      font-size: $font-size-h4;
+    }
+
+    .wiki {
+      + h3,
+      + h4 {
+        margin-top: $line-height-computed;
+        padding-top: $line-height-computed;
+        border-top: 1px solid $panel-border;
+      }
+    }
+  }
+
+  &.action-show {
+    .wiki {
+      margin-bottom: $line-height-computed;
+    }
+  }
+
+  h3 {
+    font-size: $font-size-h3;
+  }
+
+  #content > h2,
+  #content > h4 {
+    + p {
+      color: $gray-700;
+
+      em {
+        font-style: normal;
+      }
+    }
+  }
+}
+
+
 //== News
 //
 

src/sass/components/_gantt.scss

@@ -49,6 +49,11 @@ table.gantt-table {
   z-index: 2;
 }
 
+.last_gantt_selected_column .gantt_selected_column_container,
+.gantt_subjects_container .gantt_subjects * {
+  z-index: 10;
+}
+
 .gantt_subjects_column {
   .gantt_hdr {
     border-left: 1px solid $gray-500 !important; // stylelint-disable-line declaration-no-important

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,
@@ -104,6 +106,8 @@ $icon-map: (
   icon-toggle-minus:            $fa-var-minus-square,
   icon-clear-query:             $fa-var-times,
   icon-import:                  $fa-var-cloud-upload,
+  icon-bookmarked-project:      $fa-var-tag,
+  icon-copy-link:               $fa-var-clipboard,
 
   // Plugin icons
   icon-call:                    $fa-var-phone,
@@ -179,6 +183,10 @@ a.icon:empty {
   display: inline-block;
 }
 
+span.icon + span.icon {
+  margin-left: $padding-small-vertical;
+}
+
 $icons-selector: ();
 @each $class, $icon in $icon-map {
   $icons-selector: append($icons-selector, unquote(".#{$class}"), "comma");
@@ -191,6 +199,8 @@ $icons-selector: ();
         color: $orange;
       } @else if $class == "icon-heart" {
         color: $pink;
+      } @else if $class == "icon-bookmarked-project" {
+        color: $blue;
       }
     }
 
@@ -586,13 +596,48 @@ dt {
   }
 }
 
-.my-project {
+a.project {
+  $svg-star: inline-svg("icon-star.svg", (path: (fill: $orange)));
+  $svg-tag: inline-svg("icon-tag.svg", (path: (fill: $blue)));
+
+  &.icon {
+    padding-left: 0;
+
+    &::before {
+      content: "";
+      display: none;
+      margin: 0;
+    }
+  }
+
+  &.my-project,
+  &.icon-user,
+  &.icon-bookmarked-project {
+    padding-right: $icon-width;
+    background-image: $svg-star;
+    background-repeat: no-repeat;
+    background-position: bottom .2em right 0, bottom .2em right $icon-width;
+  }
+
+  &.icon-bookmarked-project {
+    background-image: $svg-tag;
+  }
+
+  &.icon-user.icon-bookmarked-project {
+    padding-right: $icon-width * 2;
+    background-image: $svg-tag, $svg-star;
+  }
+}
+
+span.my-project {
   @extend %fa-icon;
 
   &::before {
     content: $fa-var-star;
-    color: $yellow;
+    width: $icon-width;
-    font-size: $font-size-small;
+    margin-right: 0;
+    color: $orange;
+    text-align: center;
   }
 }
 
@@ -894,6 +939,12 @@ div.wiki {
   > a {
     @extend %fa-icon;
 
+    &::before {
+      width: $icon-width;
+      margin-right: 0;
+      text-align: center;
+    }
+
     &:not([class*="icon"]) {
       &::before {
         content: $fa-var-comment;

src/sass/components/_issue.scss

@@ -297,7 +297,8 @@
   }
 }
 
-div.fileover {
+div.fileover,
+p.custom-field-filedroplistner.fileover {
   background-color: $highlight-bg;
 }
 
@@ -383,6 +384,10 @@ div.thumbnails {
       border-bottom: 0 none;
     }
 
+    td.subject {
+      width: 50%;
+    }
+
     td.checkbox {
       display: none;
     }
@@ -535,14 +540,6 @@ div.thumbnails {
     padding: $bubble-padding-vertical $bubble-padding-horizontal;
     font-size: $font-size-list;
 
-    a {
-      opacity: $icon-opacity;
-
-      &:hover {
-        opacity: $icon-hover-opacity;
-      }
-    }
-
     > a.journal-link {
       padding-left: $issue-attribute-padding-h;
       opacity: 1;
@@ -550,6 +547,7 @@ div.thumbnails {
 
       &::before {
         content: "";
+        display: none;
       }
     }
   }
@@ -721,7 +719,16 @@ div.thumbnails {
   clear: left;
 }
 
+.journal-actions > a,
+.journal-actions .drdn-trigger {
+  margin: -3px 3px;
+  padding-top: 3px;
+  padding-bottom: 3px;
+}
+
 .journal-link {
+  margin: -3px -3px -3px 0;
+  padding: 3px;
   float: right;
 }
 

src/sass/components/_jquery-ui.scss

@@ -43,22 +43,22 @@
 
   a,
   button {
-    &.ui-state-default {
+    &.ui-button {
       border-color: $header-bg;
       background: $header-bg;
+      box-shadow: none;
       color: $header-text;
-    }
-
-    &.ui-state-hover,
-    &.ui-state-focus {
-      border-color: darken($header-bg, 12%);
-      background: darken($header-bg, 10%);
-    }
 
       .ui-icon {
         background-image: url("../../../stylesheets/jquery/images/ui-icons_ffffff_256x240.png");
       }
     }
+
+    &.ui-button:hover {
+      border-color: darken($header-bg, 12%);
+      background: darken($header-bg, 10%);
+    }
+  }
 }
 
 

src/sass/components/_jstoolbar.scss

@@ -245,3 +245,16 @@ div.jstElements {
     &::before { content: $fa-var-question-circle; }
   }
 }
+
+body {
+  .table-generator {
+    td {
+      border-color: $tab-border;
+    }
+
+    td.selected-cell,
+    td:hover {
+      background-color: $brand-primary;
+    }
+  }
+}

src/sass/components/_list.scss

@@ -108,6 +108,7 @@ table.list {
     &.last_notes,
     &.last_updated_by,
     &.name,
+    &.parent-subject,
     &.priority,
     &.relations,
     &.roles,

src/sass/components/_login.scss

@@ -91,3 +91,21 @@
   background-repeat: no-repeat;
   background-position: right $input-padding-horizontal center;
 }
+
+
+//
+// Two-factor authentication
+// --------------------------------------------------
+
+.controller-twofa {
+  .splitcontentleft {
+    width: auto;
+    padding-right: 0;
+  }
+}
+
+ul.twofa_backup_codes {
+  margin-left: 0;
+  padding: 0;
+  list-style-type: none;
+}

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 {
+      display: block;
-        width: 100%;
-        padding-right: 0;
-        float: none;
-      }
-
-      #list-right {
-        width: 100%;
-        padding-left: 0;
-        float: none;
-      }
     }
 
     div#issue-changesets {

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;

svg/icon-star.svg

@@ -0,0 +1 @@
+<svg width="16" height="16" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path fill="red" d="M1728 647q0 22-26 48l-363 354 86 500q1 7 1 20 0 21-10.5 35.5t-30.5 14.5q-19 0-40-12l-449-236-449 236q-22 12-40 12-21 0-31.5-14.5t-10.5-35.5q0-6 2-20l86-500-364-354q-25-27-25-48 0-37 56-46l502-73 225-455q19-41 49-41t49 41l225 455 502 73q56 9 56 46z"/></svg>

svg/icon-tag.svg

@@ -0,0 +1 @@
+<svg width="16" height="16" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path fill="red" d="M576 448q0-53-37.5-90.5t-90.5-37.5-90.5 37.5-37.5 90.5 37.5 90.5 90.5 37.5 90.5-37.5 37.5-90.5zm1067 576q0 53-37 90l-491 492q-39 37-91 37-53 0-90-37l-715-716q-38-37-64.5-101t-26.5-117v-416q0-52 38-90t90-38h416q53 0 117 26.5t102 64.5l715 714q37 39 37 91z"/></svg>