Fix typo of expanded icon class (#266 )

Co-authored-by: sbock <sebastian.bockholt@bevuta.com>
Release v2.16.0
2023-10-11 12:03:25 +01:00 · 2023-05-14 21:42:56 +01:00 · 2023-05-14 21:40:01 +01:00 · 2023-05-11 17:08:05 +02:00 · 2023-05-11 16:35:58 +02:00 · 2023-03-27 11:15:07 +02:00
35 changed files with 2361 additions and 2532 deletions
--- a/.github/workflows/lint.yml
+++ b/.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, 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 }}

--- a/CHANGELOG.md
+++ b/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.
--- a/javascripts/theme.js
+++ b/javascripts/theme.js
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@@ -27,25 +27,25 @@
  "dependencies": {
    "@liquid-js/sass-inline-svg": "^2.0.0",
    "autoprefixer": "^9.8.6",
-    "grunt": "^1.3.0",
-    "grunt-contrib-uglify": "^5.0.0",
+    "grunt": "^1.4.0",
+    "grunt-contrib-uglify": "^5.0.1",
    "grunt-contrib-watch": "^1.1.0",
    "grunt-postcss": "^0.9.0",
    "grunt-sass": "^3.1.0",
-    "sass": "^1.26.11"
+    "sass": "^1.34.0"
  },
  "devDependencies": {
-    "eslint": "^7.9.0",
+    "eslint": "^7.27.0",
    "eslint-config-standard": "^14.1.1",
-    "eslint-plugin-import": "^2.22.0",
+    "eslint-plugin-import": "^2.23.3",
    "eslint-plugin-node": "^11.1.0",
-    "eslint-plugin-promise": "^4.2.1",
-    "eslint-plugin-standard": "^4.0.1",
-    "husky": "^4.3.0",
-    "lint-staged": "^10.4.0",
-    "stylelint": "^13.7.2",
+    "eslint-plugin-promise": "^4.3.1",
+    "eslint-plugin-standard": "^4.1.0",
+    "husky": "^4.3.8",
+    "lint-staged": "^10.5.4",
+    "stylelint": "^13.13.1",
    "stylelint-order": "^4.1.0",
-    "stylelint-scss": "^3.18.0"
+    "stylelint-scss": "^3.19.0"
  },
  "browserslist": [
    "last 2 versions",
--- a/src/javascripts/modules/SidebarToggler.js
+++ b/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)
  }

--- a/src/sass/_variables.scss
+++ b/src/sass/_variables.scss
@@ -1,3 +1,5 @@
+@use "sass:math";
+
 //
 // Variables
 // --------------------------------------------------
@@ -60,7 +62,7 @@ $shade-map: (

@function shade($color, $shade: 500) {
  $mixer: if($shade < 500, $white, $black);
-  $saturation: if($shade < 500, 0, ($shade - 500) / 20);
+  $saturation: if($shade < 500, 0, math.div($shade - 500, 20));
  @return saturate(mix($mixer, $color, map-get($shade-map, $shade)), $saturation);
 }

@@ -575,7 +577,7 @@ $logo-image-width:              60px !default;
 $logo-image-height:             40px !default;
 $logo-position-horizontal:      $header-padding-vertical !default;
 $logo-position-vertical:        center !default;
-$logo-space:                    floor($header-padding-vertical / 2) !default;
+$logo-space:                    floor($header-padding-vertical * .5) !default;

 $main-menu-bg:                  $gray-100 !default;
 $main-menu-bg-hover:            $gray-100 !default;
--- a/src/sass/components/_badges.scss
+++ b/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;
+}
--- a/src/sass/components/_base.scss
+++ b/src/sass/components/_base.scss
@@ -90,7 +90,7 @@ h4 {
 }

 p {
-  margin: 0 0 ($line-height-computed / 2);
+  margin: 0 0 ($line-height-computed * .5);
 }

 small {
@@ -113,7 +113,7 @@ table {

  form {
    p {
-      margin-bottom: ($line-height-computed / 2);
+      margin-bottom: ($line-height-computed * .5);

      &:last-child {
        margin-bottom: 0;
@@ -125,7 +125,7 @@ table {
 ul,
 ol {
  margin-top: 0;
-  margin-bottom: ($line-height-computed / 2);
+  margin-bottom: ($line-height-computed * .5);
  padding-left: 1.5em;

  ul,
@@ -164,14 +164,14 @@ hr {
  border-top: 1px solid $hr-border;

  li & {
-    margin-top: $line-height-computed / 2;
-    margin-bottom: $line-height-computed / 2;
+    margin-top: $line-height-computed * .5;
+    margin-bottom: $line-height-computed * .5;
  }
 }

 blockquote {
  margin: 0 0 $line-height-computed;
-  padding: floor($line-height-computed / 4) $padding-large-horizontal;
+  padding: floor($line-height-computed * .25) $padding-large-horizontal;
  border-left: 4px solid $blockquote-border-color;

  > :first-child {
--- a/src/sass/components/_buttons.scss
+++ b/src/sass/components/_buttons.scss
@@ -63,7 +63,7 @@ form {
 //

 form[action*="repository/diff"] {
-  margin-bottom: $line-height-computed / 2;
+  margin-bottom: $line-height-computed * .5;
 }


@@ -151,7 +151,7 @@ p.buttons,
 .edit_time_entry,
 .edit_membership {
  input[type="submit"] + a {
-    margin-left: ceil($btn-padding-horizontal-small / 2);
+    margin-left: ceil($btn-padding-horizontal-small * .5);
  }
 }

@@ -164,7 +164,7 @@ form {
  button,
  select {
    ~ a {
-      margin-left: ceil($btn-padding-horizontal-small / 2);
+      margin-left: ceil($btn-padding-horizontal-small * .5);
      line-height: $input-height-base;
    }
  }
@@ -176,6 +176,10 @@ form {

 p.buttons {
  margin-bottom: $line-height-computed;
+
+  a {
+    line-height: $line-height-base;
+  }
 }


@@ -227,7 +231,7 @@ p.buttons {

    label {
      display: block;
-      margin-bottom: $line-height-computed / 2;
+      margin-bottom: $line-height-computed * .5;
      line-height: initial;
    }
  }
--- a/src/sass/components/_content.scss
+++ b/src/sass/components/_content.scss
@@ -107,7 +107,7 @@

  ul {
    &:nth-child(n) {
-      margin: 0 0 ($line-height-computed / 2);
+      margin: 0 0 ($line-height-computed * .5);
      padding: 0;

      @if $sidebar-position == "left" {
@@ -117,6 +117,7 @@

    &:not(.watchers) {
      li {
+        position: relative;
        margin: 0;
        padding: 0;
        list-style-type: none;
@@ -173,7 +174,7 @@
        > a.icon-only {
          position: absolute;
          top: $sidebar-padding-vertical;
-          right: $sidebar-padding-horizontal / 2;
+          right: $sidebar-padding-horizontal * .5;
          line-height: $line-height-computed;

          &::before {
@@ -196,8 +197,8 @@

        li {
          > a:not(.icon-only) {
-            padding-right: $sidebar-padding-horizontal / 2;
-            padding-left: $sidebar-padding-horizontal / 2;
+            padding-right: $sidebar-padding-horizontal * .5;
+            padding-left: $sidebar-padding-horizontal * .5;

            @if $sidebar-position == "right" {
              margin-left: 0;
@@ -205,7 +206,7 @@
          }

          .pages-hierarchy {
-            margin-left: $sidebar-padding-horizontal / 2 + 3px;
+            margin-left: $sidebar-padding-horizontal * .5 + 3px;
          }
        }
      }
@@ -245,7 +246,7 @@
        }

        .page-tree__list {
-          margin-left: $sidebar-padding-horizontal / 2 + 3px;
+          margin-left: $sidebar-padding-horizontal * .5 + 3px;
        }

        summary {
@@ -263,8 +264,8 @@

      li {
        > a:not(.icon-only) {
-          padding-right: $sidebar-padding-horizontal / 2;
-          padding-left: $sidebar-padding-horizontal / 2;
+          padding-right: $sidebar-padding-horizontal * .5;
+          padding-left: $sidebar-padding-horizontal * .5;

          @if $sidebar-position == "right" {
            margin-left: 0;
@@ -298,8 +299,8 @@
        &::before {
          content: "";
          position: absolute;
-          top: ($sidebar-padding-vertical + 1px) + ($line-height-computed - 16px) / 2;
-          left: $sidebar-padding-horizontal / 2 + 6px;
+          top: ($sidebar-padding-vertical + 1px) + ($line-height-computed - 16px) * .5;
+          left: $sidebar-padding-horizontal * .5 + 6px;
          width: 16px;
          height: 16px;
          background-image: inline-svg("chevron-right.svg", (path: (fill: $btn-default-icon-color)));
@@ -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;
    }
  }
--- a/src/sass/components/_dropdown.scss
+++ b/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;
-
-      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 {
-          border-color: $pagination-hover-border;
-          background-color: $pagination-hover-bg;
-          color: $pagination-hover-color;
-          text-decoration: none;
-        }
-      }
-    }
+  }
+}
+
+.journal-actions {
+  .drdn-trigger {
+    color: map-get(map-get($icon-color-map, default), normal);
+  }
+
+  .drdn-trigger:hover,
+  .drdn.expanded .drdn-trigger {
+    color: map-get(map-get($icon-color-map, default), hover);
+  }
+
+  .drdn-content {
+    top: $input-height-base;
  }
 }
--- a/src/sass/components/_elements.scss
+++ b/src/sass/components/_elements.scss
@@ -190,12 +190,12 @@ img {
 }

 .splitcontentleft {
-  padding-right: ($padding-side / 2);
+  padding-right: ($padding-side * .5);
  float: left;
 }

 .splitcontentright {
-  padding-left: ($padding-side / 2);
+  padding-left: ($padding-side * .5);
  float: right;
 }

@@ -275,7 +275,7 @@ img {
 //

 p.subtitle {
-  margin-top: ($line-height-computed / -2);
+  margin-top: ($line-height-computed * -.5);
  margin-bottom: $line-height-computed;
  font-style: italic;
 }
@@ -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 / 2);
-    float: left;
+    flex-basis: 50%;
  }

  #list-right {
-    width: 50%;
-    padding-left: ($padding-side / 2);
-    float: right;
+    flex-basis: 50%;
  }
 }

@@ -461,6 +461,10 @@ ul.projects {
  li {
    list-style-type: none;
  }
+
+  .archived {
+    color: $gray-600;
+  }
 }

 #projects-index ul.projects {
@@ -468,16 +472,16 @@ ul.projects {
    &.root {
      display: flex;
      flex-wrap: wrap;
-      margin-right: -($padding-side / 2);
-      margin-left: -($padding-side / 2);
+      margin-right: -($padding-side * .5);
+      margin-left: -($padding-side * .5);

      > li {
        display: block;
        box-sizing: border-box;
        flex: 0 1 auto;
        width: 100%;
-        margin-right: $padding-side / 2;
-        margin-left: $padding-side / 2;
+        margin-right: $padding-side * .5;
+        margin-left: $padding-side * .5;
        padding: $panel-body-padding;
        border: 1px solid $panel-border;
        border-radius: $border-radius-base;
@@ -500,7 +504,7 @@ ul.projects {
  }

  li.child {
-    margin-top: $line-height-computed / 2;
+    margin-top: $line-height-computed * .5;
  }

  a.project {
@@ -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 {
@@ -680,7 +687,7 @@ div#version-summary {
  left: 50%;
  box-sizing: border-box;
  width: 200px;
-  margin: (($padding-large-vertical * 2 + 1px * 2 + $line-height-computed) / -2) (200px / -2);
+  margin: (($padding-large-vertical * 2 + 1px * 2 + $line-height-computed) * -.5) (200px * -.5);
  padding: $padding-large-vertical $padding-large-horizontal;
  border: 1px solid $highlight-border;
  border-radius: $border-radius-base;
@@ -699,7 +706,7 @@ div#version-summary {
      box-sizing: border-box;
      width: $line-height-computed;
      height: $line-height-computed;
-      margin-right: $line-height-computed / 2;
+      margin-right: $line-height-computed * .5;
      animation: spin 1s linear infinite;
      border: 3px solid rgba($highlight-text, .3);
      border-radius: 50%;
@@ -765,7 +772,7 @@ div.table-list.boards {

 .controller-messages.action-show {
  h2 {
-    margin-bottom: $line-height-computed / 2;
+    margin-bottom: $line-height-computed * .5;
  }

  .message {
@@ -865,20 +872,67 @@ 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
 //

 .news.box {
  p > a:not(:last-child) {
    display: inline-block;
-    margin-bottom: floor($line-height-computed / 4);
+    margin-bottom: floor($line-height-computed * .25);
    font-size: $font-size-h4;
  }

  .summary,
  .author {
    display: block;
-    margin-bottom: floor($line-height-computed / 4);
+    margin-bottom: floor($line-height-computed * .25);

    + br {
      display: none;
@@ -893,7 +947,7 @@ div.table-list.boards {
 #edit-news + p {
  em {
    display: block;
-    margin-bottom: floor($line-height-computed / 4);
+    margin-bottom: floor($line-height-computed * .25);

    + br {
      display: none;
@@ -903,7 +957,7 @@ div.table-list.boards {

 .news.box .summary,
 #edit-news + p em {
-  padding: floor($line-height-computed / 4) $padding-base-horizontal;
+  padding: floor($line-height-computed * .25) $padding-base-horizontal;
  border-left: 4px solid $blockquote-border-color;
 }

@@ -914,7 +968,7 @@ div.table-list.boards {

  header {
    h3 {
-      margin-bottom: $line-height-computed / 2;
+      margin-bottom: $line-height-computed * .5;

      > a {
        font-weight: $font-weight-bold;
@@ -942,7 +996,7 @@ div.table-list.boards {
 #comments {
  > h4 {
    margin-top: $line-height-computed;
-    margin-bottom: $line-height-computed / 2;
+    margin-bottom: $line-height-computed * .5;
  }
 }

--- a/src/sass/components/_forms.scss
+++ b/src/sass/components/_forms.scss
@@ -12,7 +12,7 @@ form {
    > input,
    > select {
      margin-right: 5px;
-      margin-bottom: $line-height-computed / 2;
+      margin-bottom: $line-height-computed * .5;
    }
  }

@@ -228,7 +228,7 @@ select:-moz-focusring {
 fieldset {
  min-width: 0;
  margin: 0;
-  padding: ($line-height-computed / 2) 0;
+  padding: ($line-height-computed * .5) 0;
  border: 0 none;
  border-top: 1px solid $legend-border-color;

@@ -297,7 +297,7 @@ em.info {

  p {
    @extend %clearfix;
-    margin: 0 0 ($line-height-computed / 2);
+    margin: 0 0 ($line-height-computed * .5);
    padding-left: $label-width + $label-space;
    clear: left;
    line-height: $input-height-base;
@@ -435,7 +435,7 @@ label[for="issue_description"] + a {
 //

 label[for="closed"] {
-  margin-bottom: $line-height-computed / 2;
+  margin-bottom: $line-height-computed * .5;
 }


@@ -481,7 +481,7 @@ label[for="closed"] {
 //

 .jstEditor {
-  margin-bottom: $line-height-computed / 2;
+  margin-bottom: $line-height-computed * .5;
 }

 //== User form
@@ -505,13 +505,13 @@ label[for="closed"] {
 .attachments_fields {
  > span {
    display: block;
-    margin-bottom: $line-height-computed / 4;
+    margin-bottom: $line-height-computed * .25;
  }

  input {
    width: 21.5em;
    margin-right: .5em;
-    margin-bottom: $line-height-computed / 4;
+    margin-bottom: $line-height-computed * .25;

    &.filename {
      padding-left: $input-padding-horizontal + 16px;
@@ -621,7 +621,7 @@ label[for="closed"] {
 #watchers_inputs {
  display: block;
  max-height: $check-list-max-height;
-  margin-bottom: $line-height-computed / 2;
+  margin-bottom: $line-height-computed * .5;
  overflow: auto;

  label {
@@ -757,7 +757,7 @@ fieldset#filters {
 .query_sort_criteria_count {
  display: inline-block;
  min-width: 1em;
-  margin-bottom: $line-height-computed / 4;
+  margin-bottom: $line-height-computed * .25;
  line-height: $input-height-base;
 }

--- a/src/sass/components/_gantt.scss
+++ b/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
--- a/src/sass/components/_icons.scss
+++ b/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;
-    font-size: $font-size-small;
+    width: $icon-width;
+    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;
--- a/src/sass/components/_issue.scss
+++ b/src/sass/components/_issue.scss
@@ -27,7 +27,7 @@
          width: $issue-gravatar-size;
          height: $issue-gravatar-size;
          margin-right: 10px;
-          margin-bottom: $line-height-computed / 2;
+          margin-bottom: $line-height-computed * .5;
          float: left;

          &:nth-child(2) {
@@ -47,7 +47,7 @@
        width: $issue-gravatar-size;
        height: $issue-gravatar-size;
        margin-right: 10px;
-        margin-bottom: $line-height-computed / 2;
+        margin-bottom: $line-height-computed * .5;
        float: left;
      }

@@ -297,7 +297,8 @@
  }
 }

-div.fileover {
+div.fileover,
+p.custom-field-filedroplistner.fileover {
  background-color: $highlight-bg;
 }

@@ -373,7 +374,7 @@ div.thumbnails {
  }

  .issues {
-    margin: ($line-height-computed / 2) 0 0;
+    margin: ($line-height-computed * .5) 0 0;

    tr {
      background-color: transparent;
@@ -383,6 +384,10 @@ div.thumbnails {
      border-bottom: 0 none;
    }

+    td.subject {
+      width: 50%;
+    }
+
    td.checkbox {
      display: none;
    }
@@ -406,7 +411,7 @@ div.thumbnails {
  display: none;

  dt {
-    margin: 0 0 ($line-height-computed / 4);
+    margin: 0 0 ($line-height-computed * .25);
  }

  dd {
@@ -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;
      }
    }
  }
@@ -671,7 +669,7 @@ div.thumbnails {

    > label {
      display: inline-block;
-      margin-bottom: $line-height-computed / 2;
+      margin-bottom: $line-height-computed * .5;
      line-height: $line-height-base;
    }

@@ -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;
 }

@@ -757,7 +764,7 @@ span.private {
  }

  div.changeset {
-    margin-top: $line-height-computed / 2 + 2px * 2;
+    margin-top: $line-height-computed * .5 + 2px * 2;
    padding: 0;
    overflow: hidden;
    border: 1px solid $bubble-border;
--- a/src/sass/components/_jquery-ui.scss
+++ b/src/sass/components/_jquery-ui.scss
@@ -43,21 +43,21 @@

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

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

--- a/src/sass/components/_jstoolbar.scss
+++ b/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;
+    }
+  }
+}
--- a/src/sass/components/_list.scss
+++ b/src/sass/components/_list.scss
@@ -108,6 +108,7 @@ table.list {
    &.last_notes,
    &.last_updated_by,
    &.name,
+    &.parent-subject,
    &.priority,
    &.relations,
    &.roles,
@@ -252,7 +253,7 @@ tr.issue {

    > span {
      display: block;
-      margin-bottom: $line-height-computed / 4;
+      margin-bottom: $line-height-computed * .25;
      padding: $table-cell-padding;
      font-weight: $font-weight-bold;
    }
@@ -323,7 +324,7 @@ td.last_updated_by {
 }

 .sample-data {
-  margin: $line-height-computed / 2;
+  margin: $line-height-computed * .5;
  margin-bottom: $line-height-computed;
  border: 1px solid $table-border-color;

@@ -494,7 +495,7 @@ tr.entry {
        right: 5px;
        bottom: 0;
        left: 5px;
-        height: calc(50% - 2px / 2);
+        height: calc(50% - 2px * .5);
        transform: rotate(-4deg);
        transition: border-color $transition-time;
        border-top: 2px solid rgba($tracker-default-text, .95);
--- a/src/sass/components/_login.scss
+++ b/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;
+}
--- a/src/sass/components/_plugins.scss
+++ b/src/sass/components/_plugins.scss
@@ -1,12 +1,29 @@
+@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 {
-    margin: 0 0 ($line-height-computed / 2);
+    margin: 0 0 ($line-height-computed * .5);
    padding-left: 1.5em;

    ul,
@@ -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
@@ -174,7 +432,7 @@
    p,
    ul,
    ol {
-      margin-bottom: $line-height-computed / 2;
+      margin-bottom: $line-height-computed * .5;

      &:last-child {
        margin-bottom: 0;
@@ -207,7 +465,7 @@
  > .heart-link-with-count {
    display: block;
    position: relative;
-    margin: -($line-height-computed / 2 + 1px) ($bubble-padding-horizontal - $padding-small-vertical) 0;
+    margin: -($line-height-computed * .5 + 1px) ($bubble-padding-horizontal - $padding-small-vertical) 0;
    float: right;
    border: 0;
    background-color: $body-bg;
@@ -252,7 +510,7 @@
    > a:first-child {
      margin-right: 0;
      margin-left: 4px;
-      padding-right: floor($btn-padding-horizontal-small / 2);
+      padding-right: floor($btn-padding-horizontal-small * .5);
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;

@@ -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
@@ -323,7 +589,7 @@ h2 {
  }

  .live_search {
-    margin-left: $padding-side / 2;
+    margin-left: $padding-side * .5;
  }

  .tags {
@@ -596,7 +862,7 @@ div.add-note {
          position: absolute;
          top: 50%;
          left: 8px;
-          margin: ($fa-font-size-base / -2) 0 0;
+          margin: ($fa-font-size-base * -.5) 0 0;
        }
      }
    }
@@ -755,8 +1021,8 @@ span.tag-label-color {
    margin: 0;

    form > input {
-      width: $quick-search-width / 2;
-      min-width: $quick-search-width / 2;
+      width: $quick-search-width * .5;
+      min-width: $quick-search-width * .5;
    }

    a {
--- a/src/sass/components/_progress.scss
+++ b/src/sass/components/_progress.scss
@@ -30,13 +30,13 @@ table.progress {
    border: 0 none;

    &:first-child {
-      border-top-left-radius: $progress-height / 2;
-      border-bottom-left-radius: $progress-height / 2;
+      border-top-left-radius: $progress-height * .5;
+      border-bottom-left-radius: $progress-height * .5;
    }

    &:last-child {
-      border-top-right-radius: $progress-height / 2;
-      border-bottom-right-radius: $progress-height / 2;
+      border-top-right-radius: $progress-height * .5;
+      border-bottom-right-radius: $progress-height * .5;
    }

    &.done {
--- a/src/sass/components/_responsive.scss
+++ b/src/sass/components/_responsive.scss
@@ -40,6 +40,8 @@ body {
    }

    #header {
+      background-color: $header-bg;
+
      #project-jump {
        padding: 0 $responsive-header-height 0 0;

@@ -116,7 +118,7 @@ body {

      &__search {
        height: $responsive-header-height;
-        padding: ($padding-side / 2);
+        padding: ($padding-side * .5);
        line-height: normal;

        input[type="text"] {
@@ -128,6 +130,7 @@ body {
      &__avatar {
        img.gravatar {
          top: 0;
+          padding: 5px;
        }
      }

@@ -249,13 +252,13 @@ body {

      #watchers {
        .contextual {
-          padding-top: $line-height-computed / 2;
-          padding-bottom: $line-height-computed / 2;
+          padding-top: $line-height-computed * .5;
+          padding-bottom: $line-height-computed * .5;
        }

        .watchers {
          li {
-            margin: ($line-height-computed / 2) 0 0;
+            margin: ($line-height-computed * .5) 0 0;
            padding: 0;

            img.gravatar {
@@ -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 {
@@ -451,7 +444,7 @@ body {
    .query-columns {
      span {
        display: block;
-        margin-bottom: $line-height-computed / 2;
+        margin-bottom: $line-height-computed * .5;
      }

      .buttons {
--- a/src/sass/components/_simple-list.scss
+++ b/src/sass/components/_simple-list.scss
@@ -105,7 +105,7 @@
  input,
  select {
    margin-right: 5px;
-    margin-bottom: $line-height-computed / 2;
+    margin-bottom: $line-height-computed * .5;
  }

  label {
--- a/src/sass/components/_tabs.scss
+++ b/src/sass/components/_tabs.scss
@@ -84,7 +84,7 @@ $tabs-height: $line-height-computed + $tab-padding-vertical * 2 + 1px + 1px;
      }

      &.disabled {
-        opacity: $icon-opacity / 2;
+        opacity: $icon-opacity * .5;
      }
    }

--- a/src/sass/components/_top.scss
+++ b/src/sass/components/_top.scss
@@ -159,7 +159,7 @@

 #quick-search {
  #header & {
-    margin-top: floor(($header-title-line-height + $header-padding-vertical * 2 - $input-height-base) / 2) - 1px;
+    margin-top: floor(($header-title-line-height + $header-padding-vertical * 2 - $input-height-base) * .5) - 1px;
    margin-right: $header-padding-horizontal;
    float: right;
    color: $header-text;
@@ -203,7 +203,7 @@
    .drdn-trigger {
      z-index: 1003;
      height: auto;
-      padding-bottom: $header-padding-horizontal / 2;
+      padding-bottom: $header-padding-horizontal * .5;
      border-color: $quick-search-dropdown-bg;
      background-color: $quick-search-dropdown-bg;

@@ -223,7 +223,7 @@
      &::after {
        content: $fa-var-caret-down;
        position: absolute;
-        top: ($font-size-base / 2);
+        top: ($font-size-base * .5);
        right: $input-padding-horizontal;
      }
    }
@@ -233,7 +233,7 @@
      background: $quick-search-dropdown-bg;

      > .quick-search {
-        padding: $header-padding-horizontal / 2;
+        padding: $header-padding-horizontal * .5;

        > input {
          width: 100%;
--- a/src/sass/components/_wiki.scss
+++ b/src/sass/components/_wiki.scss
@@ -344,7 +344,7 @@ p.footnote {
    display: block;
    width: 300px;
    margin-top: $line-height-computed;
-    padding-top: $line-height-computed / 2;
+    padding-top: $line-height-computed * .5;
    border-top: 1px solid $gray-400;
  }

@@ -408,7 +408,7 @@ p.footnote {
    display: inline-block;
    padding: $padding-base-vertical $padding-base-horizontal;
    border: 1px solid $btn-default-border;
-    border-radius: ceil($font-size-base + ($padding-base-vertical + 1px) * 2) / 2;
+    border-radius: ceil($font-size-base + ($padding-base-vertical + 1px) * 2) * .5;
    background-color: $body-bg;
    line-height: 1;
    white-space: nowrap;
--- a/src/sass/javascripts/_sidebar-toggler.scss
+++ b/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;
--- a/src/sass/lib/font-awesome/_variables.scss
+++ b/src/sass/lib/font-awesome/_variables.scss
@@ -1,3 +1,5 @@
+@use "sass:math";
+
 // Variables
 // --------------------------

@@ -8,7 +10,7 @@ $fa-css-prefix:                 fa !default;
 $fa-version:                    "4.7.0" !default;
 $fa-border-color:               #eee !default;
 $fa-inverse:                    #fff !default;
-$fa-li-width:                   (30em / 14) !default;
+$fa-li-width:                   math.div(30em, 14) !default;

 $fa-var-500px:                  "\f26e";
 $fa-var-address-book:           "\f2b9";
--- a/src/sass/plugins/redmine_backlogs/global.scss
+++ b/src/sass/plugins/redmine_backlogs/global.scss
@@ -256,8 +256,8 @@ ul.ui-sortable {
 .ui-tooltip {
  .ui-tooltip-content {
    hr {
-      margin-top: $line-height-computed / 2;
-      margin-bottom: $line-height-computed / 2;
+      margin-top: $line-height-computed * .5;
+      margin-bottom: $line-height-computed * .5;
      border: 0;
      border-top: 1px solid $hr-border;
    }
--- a/src/sass/plugins/redmine_backlogs/master_backlog.scss
+++ b/src/sass/plugins/redmine_backlogs/master_backlog.scss
@@ -51,17 +51,17 @@ $story-sp-input-width:          50px;
 //

 #backlogs_container {
-  padding: ($padding-side / 2) ($padding-side / 4);
+  padding: ($padding-side * .5) ($padding-side * .25);

  .backlogs-panel-inner {
-    padding: 0 ($padding-side / 4);
+    padding: 0 ($padding-side * .25);
  }

  @media screen and (min-width: $screen-md-min) {
-    padding: $padding-side ($padding-side / 2);
+    padding: $padding-side ($padding-side * .5);

    .backlogs-panel-inner {
-      padding: 0 ($padding-side / 2);
+      padding: 0 ($padding-side * .5);
    }
  }

@@ -158,7 +158,7 @@ $story-sp-input-width:          50px;
    @include nice-shadow(1);
    display: block;
    position: relative;
-    margin: 0 0 ($padding-side / 2);
+    margin: 0 0 ($padding-side * .5);
    border-radius: $border-radius-large $border-radius-large 0 0;
    background-color: $gray-100;

@@ -243,7 +243,7 @@ $story-sp-input-width:          50px;
    }

    .editing {
-      $editor-padding: (($header-line-height - $input-height-base) / 2);
+      $editor-padding: (($header-line-height - $input-height-base) * .5);

      .editors {
        display: block;
@@ -823,7 +823,7 @@ $story-sp-input-width:          50px;
 //

 #show_completed_sprints {
-  margin-left: $padding-side / 2;
+  margin-left: $padding-side * .5;
  color: $gray-950;
  cursor: pointer;
 }
--- a/stylesheets/application.css
+++ b/stylesheets/application.css
--- a/svg/icon-star.svg
+++ b/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>
--- a/svg/icon-tag.svg
+++ b/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>
Author	SHA1	Message	Date
Sebastian Bockholt	bc5965aee3	Fix typo of expanded icon class (#266 ) Co-authored-by: sbock <sebastian.bockholt@bevuta.com>	2023-10-11 12:03:25 +01:00
Grzegorz Rajchman	69821b6ee2	Release v2.16.0	2023-05-14 21:42:56 +01:00
Grzegorz Rajchman	50919b24db	Merge pull request #262 from gagnieray/feature/fix-master Batch of fixes	2023-05-14 21:40:01 +01:00
Guillaume AGNIERAY	7fb8542baf	Update Github's workflow	2023-05-11 17:08:05 +02:00
Guillaume AGNIERAY	4cad934780	Make better use of explicit variables and mixins	2023-05-11 16:35:58 +02:00
Guillaume AGNIERAY	4d5350abcf	Fix for the Redmine Recaptcha plugin	2023-03-27 11:15:07 +02:00
Guillaume AGNIERAY	ee5f7c953a	Improve the Additional Tags plugin display	2023-03-23 22:24:13 +01:00
Guillaume AGNIERAY	9d2eed48f8	Fix for the Redmine Hearts plugin	2023-03-23 22:21:42 +01:00
Guillaume AGNIERAY	3275e1b9aa	Improve the Redmine Dashboard plugin display	2023-03-23 17:39:51 +01:00
Guillaume AGNIERAY	b8758b4705	Box style on the Additionals plugin's dashboards	2023-03-23 13:14:55 +01:00
Guillaume AGNIERAY	431ab76b5b	Fixes in fixed-layout and right-sidebar modes	2023-03-23 10:47:40 +01:00
Guillaume AGNIERAY	c80281367d	Better fix context-menu position Fixes #233, #242, #246	2023-03-23 10:43:31 +01:00
Guillaume AGNIERAY	a1f1307acc	Fix blocks' drag an drop Mainly on the Additionals plugin's dashboards, but also on "My page". Fixes #222	2023-03-22 22:26:28 +01:00
Guillaume AGNIERAY	611472863d	Fix the Redmine Impersonate plugin display Add icon on button and improve message display	2023-03-22 19:33:54 +01:00
Guillaume AGNIERAY	46041bc868	Fix roadmap progress titles' display on mouse over Fixes #245	2023-03-21 16:04:59 +01:00
Guillaume AGNIERAY	164909da8a	Fix for the Additionals plugin Fix the icon's position of the default dashboards	2023-03-21 13:40:33 +01:00
Guillaume AGNIERAY	188df5599e	Add padding around gravatar in flyout-menu	2023-03-21 13:02:07 +01:00
Guillaume AGNIERAY	2e7e3ceb54	Fix context-menu position Fixes #233, #242, #246	2023-03-21 12:54:43 +01:00
Guillaume AGNIERAY	cdbe0a187e	Fix header background color on mobile Fixes #253	2023-03-21 12:42:06 +01:00
mrliptontea	8e3bffc518	Release v2.15.0	2021-05-23 21:00:41 +01:00
Grzegorz Rajchman	24bfb52f7a	Merge pull request #223 from mrliptontea/dependabot/npm_and_yarn/lodash-4.17.21 Bump lodash from 4.17.20 to 4.17.21	2021-05-23 20:56:59 +01:00
Grzegorz Rajchman	125e09a18c	Merge branch 'master' into dependabot/npm_and_yarn/lodash-4.17.21	2021-05-23 20:56:22 +01:00
Grzegorz Rajchman	8c1e5a99a5	Merge pull request #228 from mrliptontea/ifad-fix-documents Ifad fix documents	2021-05-23 20:54:35 +01:00
mrliptontea	4e1d1e05d8	Move and improve documents style	2021-05-23 20:52:09 +01:00
Marcello Barnaba	75b0b63b92	documents: add spacing between items	2021-05-23 20:50:39 +01:00
Grzegorz Rajchman	dbb04bea5c	Merge pull request #227 from mrliptontea/update-for-redmine-four-two-one Update styles for Redmine 4.2.1	2021-05-23 16:03:46 +01:00
mrliptontea	ea28de2898	Update styles for Redmine 4.2.1	2021-05-23 16:01:12 +01:00
dependabot[bot]	947464dd92	Bump lodash from 4.17.20 to 4.17.21 Bumps [lodash](https://github.com/lodash/lodash) from 4.17.20 to 4.17.21. - [Release notes](https://github.com/lodash/lodash/releases) - [Commits](https://github.com/lodash/lodash/compare/4.17.20...4.17.21) Signed-off-by: dependabot[bot] <support@github.com>	2021-05-23 14:59:57 +00:00
Grzegorz Rajchman	95cb578d8f	Merge pull request #226 from mrliptontea/update-versions Update package versions	2021-05-23 15:59:02 +01:00
mrliptontea	41143cf15f	Update package versions	2021-05-22 16:23:58 +01:00
				`@@ -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>`