release v1.7.2

align cells in lists to center by default
fix .pagination float in project members settings
2015-10-12 10:14:50 +02:00 · 2015-10-12 10:13:56 +02:00 · 2015-10-12 09:48:47 +02:00 · 2015-10-10 22:38:09 +02:00 · 2015-10-10 21:57:41 +02:00 · 2015-10-10 21:45:58 +02:00
47 changed files with 2103 additions and 1794 deletions
--- a/.scss-lint.yml
+++ b/.scss-lint.yml
@@ -1,4 +1,6 @@
-scss_files: "**/*.scss"
+scss_files: "src/sass/**/*.scss"
+
+exclude: 'src/sass/lib/**'

 linters:
  BangFormat:
@@ -12,6 +14,9 @@ linters:
  ColorKeyword:
    enabled: true

+  ColorVariable:
+    enabled: false
+
  Comment:
    enabled: false

--- a/21
+++ b/21
@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2015 Grzegorz Rajchman <mrliptontea@griego.pl>
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
--- a/README.md
+++ b/README.md
@@ -2,9 +2,13 @@

 A free Redmine theme for modern browsers.

-![Screenshot](https://github.com/HolonGlobe/PurpleMine2/raw/master/screenshots/issues-list.png)
+![The MIT License](https://img.shields.io/badge/license-MIT-584492.svg?style=flat-square) [![Release](https://img.shields.io/github/release/mrliptontea/PurpleMine2.svg?style=flat-square)](https://github.com/mrliptontea/PurpleMine2/releases) [![Issues](https://img.shields.io/github/issues/mrliptontea/PurpleMine2.svg?style=flat-square)](https://github.com/mrliptontea/PurpleMine2/issues)

-Compatible with Redmine 2.5+ and browsers: IE9+, latest Firefox and Google Chrome (others were not tested).
+---
+
+![Screenshot](https://github.com/mrliptontea/PurpleMine2/raw/master/screenshots/issues-list.png)
+
+Compatible with Redmine 2.5+ and browsers: IE10+/Edge, latest Firefox and Google Chrome (others were not tested).

 It's written in [SCSS]. It uses [normalize.css] and benefits from some parts of [Bootstrap][bootstrap-sass] like mixins, structure, and stuff.

@@ -20,7 +24,7 @@ It's written in [SCSS]. It uses [normalize.css] and benefits from some parts of

 ## How install it

-To install PurpleMine, just download [.zip](https://github.com/HolonGlobe/PurpleMine2/archive/master.zip) and unpack it to your Redmine's `public/themes` folder.
+To install PurpleMine, just download [.zip](https://github.com/mrliptontea/PurpleMine2/archive/master.zip) and unpack it to your Redmine's `public/themes` folder.

 Then go to Redmine > Administration > Settings > Display and select PurpleMine2 from the list and save the changes.

@@ -56,6 +60,32 @@ If you need to customize styles for [Redmine Backlogs][redmine_backlogs] remembe

 ## Changelog

+v1.7.2 (2015-10-12):
+
+* Fixed `.pagination` float in project members settings
+* Lists' cells are aligned to center by default (as in Redmine's default theme)
+
+v1.7.1 (2015-10-10):
+
+ Improved styling for [Stuff To Do][stuff_to_do] plugin
+
+v1.7.0 (2015-09-25):
+
+* Added styles for optgroup (Firefox only)
+* Fixed #13: #header was missing clearfix and was breaking the layout is some cases
+* Coloring issue's title instead of link in Gantt diagram for overdue issues
+* Updated npm packages: grunt-sass from 0.18.0 to 1.0.0 and grunt-contrib-uglify 0.7.0 to 0.9.1
+* Use flexbox layout by default (can be changed by setting `$flexbox-layout` to `false`)
+* Fixed animation issue when showing sidebar
+* Slightly modified buttons' style
+* Few visual tweaks: nicer shadows, improved datepickers layout
+ Configurable list borders and highlighting of hovered and even/odd rows
+ Introduce `$pagination-padding-` variables and make pagination buttons' height equal to buttons by default
+* Fixed #16: remove `white-space: nowrap` from external links to prevent breaking the page with flexbox layout
+* Fixed colored trackers in tooltips in Backlogs plugin
+* Fixed broken codebutton modal after making buttons wider
+* Changed the license to MIT
+
 v1.6.0 (2015-06-10):

 * Fixed #8: Setting `$top-menu-collapse` to `true` will enable script allowing to toggle if top menu should be collapsed (no wrapping) or expanded (wrapped, with auto height)
@@ -88,7 +118,7 @@ v1.4.0 (2015-04-10):
 * Fixed #2: Make sure that `.sort` with Font Awesome icons won't have background image
 * Fixed attachments div's layout for wiki pages

-For more details, see [release v1.4.0](https://github.com/HolonGlobe/PurpleMine2/releases/tag/v1.4.0)
+For more details, see [release v1.4.0](https://github.com/mrliptontea/PurpleMine2/releases/tag/v1.4.0)

 v1.3.0 (2015-04-01):

@@ -140,13 +170,10 @@ v1.0.0 (2015-02-06):

 Initial version

-## License
-
-[WTFPL](http://www.wtfpl.net/)
-
 [SCSS]: http://sass-lang.com/
 [normalize.css]: https://github.com/necolas/normalize.css
 [bootstrap-sass]: https://github.com/twbs/bootstrap-sass
 [redmine_backlogs]: https://github.com/backlogs/redmine_backlogs
 [redmine_time_tracker]: https://github.com/hicknhack-software/redmine_time_tracker
-[redmine_crm_people]: http://www.redminecrm.com/projects/people/
+[redmine_crm_people]: http://www.redminecrm.com/projects/people/
+[stuff_to_do]: https://github.com/raafael911/stuff_to_do_plugin
--- a/javascripts/theme.js
+++ b/javascripts/theme.js
--- a/package.json
+++ b/package.json
@@ -1,27 +1,26 @@
 {
  "name": "PurpleMine2",
-  "version": "2.0.0",
-  "description": "A free Redmine 2.5+ theme written in SASS",
+  "description": "A free Redmine 2.5+ theme written in SCSS",
  "keywords": [
    "redmine",
    "theme",
    "sass",
    "scss"
  ],
-  "author": "HolonGlobe",
+  "author": "mrliptontea",
  "repository": {
    "type": "git",
-    "url": "git@github.com:HolonGlobe/PurpleMine2.git"
+    "url": "git@github.com:mrliptontea/PurpleMine2.git"
  },
-  "license": "WTFPL",
+  "license": "MIT",
  "bugs": {
-    "url": "https://github.com/HolonGlobe/PurpleMine2/issues"
+    "url": "https://github.com/mrliptontea/PurpleMine2/issues"
  },
-  "homepage": "https://github.com/HolonGlobe/PurpleMine2",
+  "homepage": "https://github.com/mrliptontea/PurpleMine2",
  "devDependencies": {
    "grunt": "^0.4.5",
-    "grunt-contrib-uglify": "^0.7.0",
+    "grunt-contrib-uglify": "^0.9.1",
    "grunt-contrib-watch": "^0.6.1",
-    "grunt-sass": "^0.18.0"
+    "grunt-sass": "^1.0.0"
  }
 }
--- a/plugins/redmine_backlogs/global.css
+++ b/plugins/redmine_backlogs/global.css
--- a/plugins/redmine_backlogs/jquery/jquery-ui.css
+++ b/plugins/redmine_backlogs/jquery/jquery-ui.css
--- a/plugins/redmine_backlogs/jquery/jquery.multiselect.css
+++ b/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:0.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{display:none;position:absolute;padding:3px;text-align:left;box-shadow:0 1px 2px rgba(0,0,0,0.1),0 3px 8px rgba(0,0,0,0.07);z-index:10000}.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 input[type="checkbox"]:focus{outline:none}.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:0.92em}.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label{margin-bottom:2px;border-bottom:1px solid #ccc;font-weight:bold;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:0.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{display:none;position:absolute;padding:3px;text-align:left;z-index:10000;box-shadow:0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23)}.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 input[type="checkbox"]:focus{outline:none}.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:0.92em}.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label{margin-bottom:2px;border-bottom:1px solid #ccc;font-weight:bold;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}
--- a/plugins/redmine_backlogs/jquery/jquery.qtip.css
+++ b/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{position:relative;padding:10px;border:1px solid #ccc;background-color:#fff;color:#555555;font-size:0.92em;text-align:left;word-wrap:break-word;box-shadow:0 2px 2px rgba(0,0,0,0.2);overflow:hidden}.ui-tooltip-tip{border-color:#ccc;background-color:#fff}.ui-tooltip-tip{position:absolute;margin:0 auto;border:0 none;background:transparent;overflow:hidden;z-index:10}
+.qtip{position:absolute;top:-31000px;left:-31000px;width:auto;max-width:500px;outline:none}.ui-tooltip-content{position:relative;padding:10px;border:1px solid #ccc;background-color:#fff;color:#555;font-size:0.92em;text-align:left;word-wrap:break-word;box-shadow:0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23);overflow:hidden}.ui-tooltip-tip{border-color:#ccc;background-color:#fff}.ui-tooltip-tip{position:absolute;margin:0 auto;border:0 none;background:transparent;overflow:hidden;z-index:10}
--- a/plugins/redmine_backlogs/master_backlog.css
+++ b/plugins/redmine_backlogs/master_backlog.css
--- a/plugins/redmine_backlogs/statistics.css
+++ b/plugins/redmine_backlogs/statistics.css
@@ -1 +1 @@
-table th,table td{padding:5px 8px}.ui-widget{margin-bottom:20px}.score{display:inline-block;width:1.5em;font-size:large;text-align:center}.score_0{background-color:#f00}.score_1{background-color:#ff5300}.score_2{background-color:#ff8100}.score_3{background-color:#ffa100}.score_4{background-color:#fb0}.score_5{background-color:#ffd300}.score_6{background-color:#ffec00}.score_7{background-color:#e9fb00}.score_8{background-color:#b1f100}.score_9{background-color:#74e600}.score_10{background-color:#0c0}
+table th,table td{padding:5px 8px}.ui-widget{margin-bottom:20px}.score{display:inline-block;width:1.5em;font-size:large;text-align:center}.score_0{background-color:#f00}.score_1{background-color:#ff5300}.score_2{background-color:#ff8100}.score_3{background-color:#ffa100}.score_4{background-color:#fb0}.score_5{background-color:#ffd300}.score_6{background-color:#ffec00}.score_7{background-color:#e9fb00}.score_8{background-color:#b1f100}.score_9{background-color:#74e600}.score_10{background-color:#0c0}
--- a/plugins/redmine_backlogs/taskboard.css
+++ b/plugins/redmine_backlogs/taskboard.css
--- a/src/javascripts/modules/SidebarToggler.js
+++ b/src/javascripts/modules/SidebarToggler.js
@@ -134,9 +134,12 @@ PurpleMine.SidebarToggler = (function()
    SidebarToggler.prototype.showSidebar = function()
    {
        clearTimeout(this.sidebarHiding);
-        this.$sidebar
-                .removeClass("sidebar-hidden", 0)
-                .removeClass("sidebar-hiding");
+
+        self.$sidebar.removeClass("sidebar-hidden");
+        setTimeout(function sidebarTimeout()
+        {
+            self.$sidebar.removeClass("sidebar-hiding");
+        }, 50);

        this.$toggler.removeClass("sidebar-hidden");
        this.sidebarVisible = true;
--- a/src/sass/_mixins.scss
+++ b/src/sass/_mixins.scss
@@ -13,3 +13,4 @@

@import "mixins/issues";
@import "mixins/link-variant";
+@import "mixins/shadows";
--- a/src/sass/_variables.scss
+++ b/src/sass/_variables.scss
@@ -7,6 +7,7 @@
 //

 $fixed-layout:                  false !default;
+$flexbox-layout:                true !default;
 $sidebar-position:              left !default;
 $color-priorities:              true !default;
 $color-trackers:                true !default;
@@ -130,7 +131,6 @@ $border-radius-small:           2px !default;

 $hr-border:                     $gray-light !default;
 $abbr-border-color:             $gray-light !default;
-$blockquote-border-color-fallback: $gray-lighter !default;
 $blockquote-border-color:       rgba(#000, .15) !default;

 $component-color:               $gray-dark !default;
@@ -152,9 +152,17 @@ $collapsible-animation-time:    .3s !default;
 $table-cell-padding:            8px !default;
 $table-condensed-cell-padding:  5px !default;

+$table-list-header-border:      0 0 2px !default;
+$table-list-item-border:        0 0 1px !default;
+$table-list-color-odd-rows:     true !default;
+$table-list-color-even-rows:    false !default;
+$table-list-highlight-rows:     false !default;
+
 $table-bg:                      transparent !default;
-$table-bg-accent:               rgba(#000, .03) !default;
-$table-bg-hover:                #f1f1f1 !default;
+$table-accent-factor:           .03 !default;
+$table-hover-factor:            .03 !default;
+$table-bg-accent:               rgba(#000, $table-accent-factor) !default;
+$table-bg-hover:                rgba(#000, $table-hover-factor) !default;
 $table-bg-active:               $table-bg-hover !default;

 $table-border-color:            darken($body-bg, 13.5%) !default;
@@ -261,6 +269,8 @@ $changeset-deleted-color:       $brand-danger !default;
 //

 $btn-font-weight:               normal !default;
+$btn-padding-vertical:          3px !default;
+$btn-padding-horizontal:        12px !default;

 $btn-link-color:                $link-color !default;
 $btn-link-bg:                   $body-bg !default;
@@ -272,11 +282,11 @@ $btn-default-border:            $gray-lighter !default;

 $btn-primary-color:             #fff !default;
 $btn-primary-bg:                $brand-info !default;
-$btn-primary-border:            darken($btn-primary-bg, 5%) !default;
+$btn-primary-border:            $btn-primary-bg !default;

 $btn-success-color:             #fff !default;
 $btn-success-bg:                $brand-success !default;
-$btn-success-border:            darken($btn-success-bg, 5%) !default;
+$btn-success-border:            $btn-success-bg !default;


 //== Highlights
@@ -303,7 +313,7 @@ $input-border-radius-large:     $border-radius-large !default;
 $input-border-focus:            #51a7e8 !default;
 $input-color-placeholder:       #999 !default;

-$input-padding-vertical:        3px !default;
+$input-padding-vertical:        $btn-padding-vertical !default;
 $input-padding-horizontal:      8px !default;

 $input-height-base:             ($line-height-computed + ($input-padding-vertical * 2) + 2) !default;
@@ -353,6 +363,9 @@ $main-menu-padding-horizontal:  5px !default;
 //== Pagination
 //

+$pagination-padding-vertical:   $btn-padding-vertical !default;
+$pagination-padding-horizontal: 10px !default;
+
 $pagination-color:              $link-color !default;
 $pagination-bg:                 #fff !default;
 $pagination-border:             #ddd !default;
@@ -385,6 +398,7 @@ $tab-active-border:             $tab-border !default;
 $sidebar-width:                 270px !default;
 $sidebar-padding-vertical:      $padding-base-vertical !default;
 $sidebar-padding-horizontal:    $padding-side !default;
+$sidebar-width-computed:        $sidebar-width - ($sidebar-padding-horizontal * 2) - 1px !default;
 $sidebar-link-hover-bg:         $gray-lightest !default;
 $sidebar-link-active-bg:        $body-bg !default;
 $sidebar-link-active-border:    $gray-lighter !default;
@@ -437,6 +451,7 @@ $panel-shadow:                  0 1px 2px rgba(#000, .1),
 //

 $tooltip-bg:                    #fff !default;
+$tooltip-border-width:          0 !default;
 $tooltip-border:                #ccc !default;
 $tooltip-text:                  $gray-dark !default;
 $tooltip-link:                  $link-color !default;
--- a/src/sass/components/_base.scss
+++ b/src/sass/components/_base.scss
@@ -12,8 +12,8 @@ body {
    background-color: $body-bg;
    color: $text-color;
    font-family: $font-family-base;
-    font-weight: $font-weight-normal;
    font-size: $font-size-base;
+    font-weight: $font-weight-normal;
    line-height: $line-height-base;
 }

@@ -137,8 +137,7 @@ abbr[title] {
 blockquote {
    margin: 0 0 $line-height-computed;
    padding: floor($line-height-computed / 4) $padding-large-horizontal;
-    border-left: 4px solid $blockquote-border-color-fallback;
-    border-left-color: $blockquote-border-color;
+    border-left: 4px solid $blockquote-border-color;

    >:first-child {
        margin-top: 0;
--- a/src/sass/components/_buttons.scss
+++ b/src/sass/components/_buttons.scss
@@ -8,11 +8,11 @@ button {
    display: inline-block;
    margin-bottom: 0;
    border: 1px solid;
-    cursor: pointer;
    font-weight: $btn-font-weight;
    text-align: center;
    white-space: nowrap;
-    @include button-size($input-padding-vertical, $input-padding-horizontal, $font-size-base, $line-height-base, $border-radius-base);
+    cursor: pointer;
+    @include button-size($btn-padding-vertical, $btn-padding-horizontal, $font-size-base, $line-height-base, $border-radius-base);
    @include user-select(none);
    @include transition(background-color ease-in-out .07s, border-color ease-in-out .07s, box-shadow ease-in-out .07s);
    @include button-variant($btn-primary-color, $btn-primary-bg, $btn-primary-border);
@@ -37,11 +37,10 @@ button {


 /**
- * Issue form buttons layout
+ * Form buttons layout
 */

-#issue-form,
-#history .journal form {
+form {
    input[type="submit"] {
        margin-right: 5px;

@@ -60,17 +59,6 @@ button {
 }


-/**
- * Project's repository form buttons layout
- */
-
-#repository-form {
-    input[type="submit"] {
-        margin-right: 5px;
-    }
-}
-
-
 /**
 * Repository's 'View differences' button
 */
@@ -79,55 +67,12 @@ form[action*="repository/diff"] {
 }


-/**
- * New _something_ form buttons layout
- */
-
-#add_attachment_form,
-#new_time_entry,
-#new_project,
-#new_document,
-#new_group,
-#new_user {
-    input[type="submit"] {
-        margin-right: 5px;
-
-        + input {
-            @include button-variant($btn-success-color, $btn-success-bg, $btn-success-border);
-        }
-    }
-}
-
-
-/**
- * Wiki form buttons layout
- */
-
-#wiki_form {
-    input[type="submit"] {
-        margin-right: 5px;
-    }
-}
-
-
 /**
 * Forum and news message form buttons layout
 */

 #message-form,
 #news-form {
-    input[type="submit"] {
-        margin-right: 5px;
-
-        + a {
-            margin-right: 5px;
-        }
-
-        + a + a {
-            margin-left: 5px;
-        }
-    }
-
    #message_sticky,
    #message_locked {
        position: relative;
@@ -143,6 +88,7 @@ form[action*="repository/diff"] {

 .query-columns {
    select {
+        // scss-lint:disable ImportantRule
        width: auto !important;
    }

@@ -152,6 +98,8 @@ form[action*="repository/diff"] {
        input[type="button"] {
            width: 32px;
            margin-bottom: 4px;
+            padding-right: 1px;
+            padding-left: 1px;
            @include button-variant($btn-default-color, $btn-default-bg, $btn-default-border);
        }
    }
--- a/src/sass/components/_coderay.scss
+++ b/src/sass/components/_coderay.scss
@@ -18,6 +18,7 @@
    }

    .debug {
+        // scss-lint:disable ImportantRule
        background: #00f !important;
        color: #fff !important;
    }
--- a/src/sass/components/_content.scss
+++ b/src/sass/components/_content.scss
@@ -1,5 +1,12 @@
 #main {
-    @extend %clearfix;
+    @if $flexbox-layout {
+        // scss-lint:disable VendorPrefix
+        display: -ms-flexbox;
+        display: -webkit-flex;
+        display: flex;
+    } @else {
+        @extend %clearfix;
+    }
 }


@@ -9,7 +16,17 @@

 #content {
    padding: $padding-side;
-    overflow: hidden;
+
+    @if $flexbox-layout {
+        // scss-lint:disable VendorPrefix
+        $side-space: $sidebar-width + $padding-side * 2;
+        width: calc(100% - #{$side-space});
+        -webkit-flex: 1 1 auto;
+        -ms-flex: 1 1 auto;
+        flex: 1 1 auto;
+    } @else {
+        overflow: hidden;
+    }
 }


@@ -18,38 +35,56 @@
 // --------------------------------------------------

 #sidebar {
-    width: $sidebar-width - ($sidebar-padding-horizontal * 2) - 1px;
+    // scss-lint:disable VendorPrefix
    padding: $padding-side $sidebar-padding-horizontal;
-    float: $sidebar-position;

-    @media screen and (min-width: 1px) {
-        // scss-lint:disable VendorPrefixes
-        $border: $sidebar-link-active-border;
-        $body:   $body-bg;
-
-        padding-bottom: $padding-side * 3;
-        background-image: -webkit-linear-gradient($body 1%, $border 10%, $border 85%, $body);
-        background-image:      -o-linear-gradient($body 1%, $border 10%, $border 85%, $body);
-        background-image:         linear-gradient($body 1%, $border 10%, $border 85%, $body);
-        background-repeat: no-repeat;
-        background-size: 1px 100%;
+    @if $flexbox-layout {
+        -webkit-flex: 0 0 $sidebar-width-computed;
+        -ms-flex: 0 0 $sidebar-width-computed;
+        flex: 0 0 $sidebar-width-computed;

        @if $sidebar-position == "left" {
-            padding-right: $sidebar-padding-horizontal + 1px;
-            background-position: right 0;
+            -webkit-order: -1;
+            -ms-flex-order: -1;
+            order: -1;
+        } @else {
+            -webkit-order: 1;
+            -ms-flex-order: 1;
+            order: 1;
+        }
+    } @else {
+        width: $sidebar-width-computed;
+        float: $sidebar-position;
+    }
+
+    @media screen and (min-width: 1px) {
+        @if not $flexbox-layout {
+            padding-bottom: $padding-side * 3;
+        }
+
+        @if $sidebar-position == "left" {
+            border-right: 1px solid $sidebar-link-active-border;
            box-shadow: inset -9px 0 6px -6px rgba(0, 0, 0, .05);
        } @else {
-            padding-left: $sidebar-padding-horizontal + 1px;
-            background-position: left 0;
+            border-left: 1px solid $sidebar-link-active-border;
            box-shadow: inset 9px 0 6px -6px rgba(0, 0, 0, .05);
        }
    }

    .nosidebar & {
-        width: 0;
        margin: 0;
        padding: 0;
-        float: none;
+        border: 0 none;
+
+        @if $flexbox-layout {
+            // scss-lint:disable VendorPrefix
+            -webkit-flex: 0 0 auto;
+            -ms-flex: 0 0 auto;
+            flex: 0 0 auto;
+        } @else {
+            width: 0;
+            float: none;
+        }
    }

    h3 {
@@ -117,7 +152,7 @@
 }

 #footer {
-    margin: $line-height-computed $padding-side;
+    margin: 0 $padding-side $line-height-computed;
    padding-top: $line-height-computed;
    border-top: 1px solid $gray-lighter;
    color: $gray-light;
--- a/src/sass/components/_elements.scss
+++ b/src/sass/components/_elements.scss
@@ -24,6 +24,16 @@
    span + span:before {
        content: "/ ";
    }
+
+    .pagination + &,
+    #wiki_add_attachment + & {
+        margin-top: 0;
+        float: right;
+    }
+
+    .pagination + & {
+        margin-top: $pagination-padding-vertical + 1px;
+    }
 }


@@ -33,8 +43,8 @@

 a.collapsible,
 .collapsible > legend {
-    cursor: pointer;
    color: $link-color;
+    cursor: pointer;
    @include user-select(none);

    &:hover {
@@ -76,6 +86,7 @@ a.collapsible.collapsed,
        @include transition(max-height $collapsible-animation-time ease-out);

        > div {
+            // scss-lint:disable ImportantRule
            display: block !important;
            opacity: 1;
            visibility: visible;
@@ -112,8 +123,8 @@ a.collapsible.collapsed,
 .contextual {
    padding-left: $padding-base-vertical;
    float: right;
-    cursor: default;
    white-space: nowrap;
+    cursor: default;

    input,
    select {
@@ -310,6 +321,7 @@ p.subtitle {
    }

    &.ui-sortable-placeholder {
+        // scss-lint:disable ImportantRule
        outline: 1px dashed $highlight-border;
        background: $highlight-bg;
        visibility: visible !important;
@@ -317,7 +329,7 @@ p.subtitle {

    &.ui-sortable-helper {
        background: $body-bg;
-        box-shadow: $panel-shadow;
+        @include nice-shadow(4);
    }
 }

@@ -602,7 +614,7 @@ div#version-summary {
    color: $highlight-text;
    font-weight: $font-weight-bold;
    text-align: center;
-    box-shadow: $panel-shadow;
+    @include nice-shadow(3);
    opacity: .9;
    z-index: 100;

--- a/src/sass/components/_forms.scss
+++ b/src/sass/components/_forms.scss
@@ -112,12 +112,12 @@ select {
    }
 }

+
 /**
 * Browser hacks: unfortunately every browser has different capabilities when it
 * comes to styling <select> and <option> tags.
 */

-
 // Mozilla Firefox
@-moz-document url-prefix() {
    select {
@@ -125,10 +125,16 @@ select {
            padding: 0;
        }

-        option {
+        option,
+        optgroup:before {
            padding: $input-padding-vertical $input-padding-horizontal;
            border-bottom: 1px dotted $gray-lighter;
        }
+
+        optgroup > option {
+            padding-right: $input-padding-horizontal * 2;
+            padding-left: $input-padding-horizontal * 2;
+        }
    }
 }

@@ -277,8 +283,8 @@ em.info {
            margin-left: 0;
            padding-left: 16px;
            float: none;
-            cursor: pointer;
            text-align: left;
+            cursor: pointer;

            > input {
                margin-top: 0;
@@ -361,6 +367,7 @@ input {
 }

 select.bool_cf {
+    // scss-lint:disable ImportantRule
    width: auto !important;
 }

@@ -495,6 +502,7 @@ select.bool_cf {
 * inline styles. Don't allow it break the layout
 */
 #all_attributes > p[style] {
+    // scss-lint:disable ImportantRule
    margin-right: 0 !important;
    margin-bottom: 0;
    padding-left: 0;
@@ -517,7 +525,7 @@ select.bool_cf {
        display: block;
    }

-    // scss-lint:disable VendorPrefixes
+    // scss-lint:disable VendorPrefix
    #watchers_inputs {
        display: block;
        max-width: 64em;
--- a/src/sass/components/_gantt.scss
+++ b/src/sass/components/_gantt.scss
@@ -115,31 +115,15 @@
    }
 }

-.version-behind-schedule a,
-.issue-behind-schedule a {
+.version-behind-schedule,
+.issue-behind-schedule {
    color: $brand-warning;
-
-    @if $color-trackers {
-        &.issue {
-            background-color: $brand-warning;
-            color: $brand-text;
-            font-weight: 700;
-        }
-    }
 }

-.version-overdue a,
-.issue-overdue a,
-.project-overdue a {
+.version-overdue,
+.issue-overdue,
+.project-overdue {
    color: $brand-danger;
-
-    @if $color-trackers {
-        &.issue {
-            background-color: $brand-danger;
-            color: $brand-text;
-            font-weight: 700;
-        }
-    }
 }

 /**
@@ -161,12 +145,12 @@
        left: 24px;
        width: 270px;
        padding: $padding-base-vertical;
-        border: 1px solid $tooltip-border;
+        border: $tooltip-border-width solid $tooltip-border;
        background-color: $tooltip-bg;
        color: $tooltip-text;
        font-size: $font-size-small;
        text-align: left;
-        box-shadow: 0 2px 2px rgba(0, 0, 0, .2);
+        @include nice-shadow(3);
    }

    @if $sidebar-position == "left" {
--- a/src/sass/components/_icons.scss
+++ b/src/sass/components/_icons.scss
@@ -37,6 +37,13 @@ $icon-danger-hover-color:            darken($brand-danger, 10%);
 * Context menu
 */
 #context-menu {
+    > ul,
+    > ul > li > ul {
+        // scss-lint:disable ImportantRule
+        border: 0 none !important;
+        @include nice-shadow(2);
+    }
+
    a {
        @extend %fa-icon;

@@ -759,27 +766,27 @@ $icon-danger-hover-color:            darken($brand-danger, 10%);
    div.wiki {
        .external {
            @extend %fa-icon;
-            white-space: nowrap;

            &:before {
+                display: inline;
                margin-right: 3px;
                font-size: 10px;
                content: $fa-var-external-link;
            }
        }
+    }

-        .contextual [href*="edit"] {
-            @extend %fa-icon;
-            font-size: $font-size-base;
-            @include link-variant($icon-success-color, $icon-success-hover-color);
+    .contextual [href*="edit"] {
+        @extend %fa-icon;
+        font-size: $font-size-base;
+        @include link-variant($icon-success-color, $icon-success-hover-color);

-            &:before {
-                content: $fa-var-pencil;
-            }
+        &:before {
+            content: $fa-var-pencil;
+        }

-            img {
-                display: none;
-            }
+        img {
+            display: none;
        }
    }

@@ -912,6 +919,7 @@ $icon-danger-hover-color:            darken($brand-danger, 10%);
        background: url("../../../images/delete.png") no-repeat 1px 50%;

        &:hover {
+            // scss-lint:disable ImportantRule
            text-decoration: none !important;
        }
    }
--- a/src/sass/components/_issue.scss
+++ b/src/sass/components/_issue.scss
@@ -168,10 +168,11 @@ div.attachments {

    p {
        margin: 10px 0 0;
+    }

-        &:first-child {
-            margin-top: 0;
-        }
+    p:first-child,
+    .contextual + p {
+        margin-top: 0;
    }

    img {
--- a/src/sass/components/_jquery-ui.scss
+++ b/src/sass/components/_jquery-ui.scss
@@ -129,6 +129,10 @@
    text-decoration: none;
 }

+.ui-sortable-helper {
+    @include nice-shadow(4);
+}
+

 /**
 * Menu (e.g. autocomplete)
@@ -137,7 +141,7 @@
 .ui-menu {
    padding: 3px;
    border-radius: $panel-border-radius;
-    box-shadow: $panel-shadow;
+    @include nice-shadow(2);
 }

 .ui-menu-item {
@@ -167,7 +171,7 @@
    &.ui-widget-content {
        padding: 3px;
        border: 0 none;
-        box-shadow: $panel-shadow;
+        @include nice-shadow(5);
    }

    .ui-dialog-content {
@@ -199,10 +203,12 @@ img.ui-datepicker-trigger {
 }

 .ui-datepicker {
-    padding: 3px;
-    box-shadow: $panel-shadow;
+    padding: .3em .6em .6em;
+    border: 0 none;
+    @include nice-shadow(3);

    .ui-datepicker-header {
+        margin: 0 -.3em;
        padding: .3em;
    }

@@ -237,6 +243,7 @@ img.ui-datepicker-trigger {
    }

    .ui-datepicker-calendar {
+        margin: 0;
        table-layout: fixed;

        .ui-state-default {
@@ -285,4 +292,15 @@ img.ui-datepicker-trigger {
            }
        }
    }
+
+    .ui-datepicker-buttonpane {
+        margin: .6em 0 0;
+        padding: .6em 0 0;
+        @include clearfix;
+
+        button {
+            margin: 0;
+            padding: $btn-padding-vertical $btn-padding-horizontal;
+        }
+    }
 }
--- a/src/sass/components/_list.scss
+++ b/src/sass/components/_list.scss
@@ -11,9 +11,16 @@ table.list {
        margin-bottom: 0;
    }

+    @if $table-list-highlight-rows {
+        > tbody > tr:hover {
+            background-color: $table-bg-hover;
+        }
+    }
+
    th {
        padding: $table-cell-padding;
-        border-bottom: 2px solid $table-border-color;
+        border: 2px solid $table-border-color;
+        border-width: $table-list-header-border;
        color: $gray;
        vertical-align: bottom;

@@ -24,14 +31,14 @@ table.list {

    td {
        padding: $table-cell-padding;
-        border-bottom: 1px solid $table-border-color;
-        text-align: left;
+        border: 1px solid $table-border-color;
+        border-width: $table-list-item-border;
+        text-align: center;
        vertical-align: top;

        &.checkbox {
            width: 15px;
            padding: $table-cell-padding 0 0;
-            text-align: center;

            input {
                margin: 2px 0 0;
@@ -50,6 +57,24 @@ table.list {
            text-align: right;
        }

+        &.assigned_to,
+        &.author,
+        &.activity,
+        &.category,
+        &.comments,
+        &.description,
+        &.fixed_version,
+        &.name,
+        &.priority,
+        &.relations,
+        &.roles,
+        &.status,
+        &.string,
+        &.subject,
+        &.user {
+            text-align: left;
+        }
+
        &.estimated_hours,
        &.remaining_hours,
        &.spent_hours,
@@ -68,18 +93,6 @@ table.list {
            }
        }

-        &.project,
-        &.created_on,
-        &.updated_on,
-        &.start_date,
-        &.due_date,
-        &.is_private,
-        &.reorder,
-        &.bool,
-        &.date {
-            text-align: center;
-        }
-
        &.reorder {
            white-space: nowrap;
        }
@@ -207,9 +220,6 @@ tr {
    }
 }

-// /* do you */ .even {
-// }
-
 td.center {
    text-align: center;
 }
@@ -352,8 +362,16 @@ tr.entry {
    }
 }

-.odd {
-    background-color: $table-bg-accent;
+@if $table-list-color-odd-rows {
+    .odd {
+        background-color: $table-bg-accent;
+    }
+}
+
+@if $table-list-color-even-rows {
+    .even {
+        background-color: $table-bg-accent;
+    }
 }


@@ -575,5 +593,6 @@ table.files {
    td.tick,
    td.reorder {
        width: 15%;
+        text-align: center;
    }
 }
--- a/src/sass/components/_pagination.scss
+++ b/src/sass/components/_pagination.scss
@@ -6,7 +6,7 @@
    .next,
    .page {
        display: inline-block;
-        padding: $padding-small-vertical $padding-small-horizontal;
+        padding: $pagination-padding-vertical $pagination-padding-horizontal;
        border: 1px solid $pagination-border;
        border-radius: $border-radius-base;
        background-color: $pagination-bg;
@@ -24,13 +24,19 @@
    .page.current {
        border-color: $pagination-active-border;
        background-color: $pagination-active-bg;
-        cursor: default;
        color: $pagination-active-color;
+        cursor: default;
        z-index: 2;
    }

    .items,
    .per-page {
-        margin-left: $padding-small-vertical;
+        display: inline-block;
+        margin: ($pagination-padding-vertical + 1px) 0 ($pagination-padding-vertical + 1px) $pagination-padding-vertical;
    }
 }
+
+p.pagination {
+    margin-bottom: 0;
+    float: left;
+}
--- a/src/sass/components/_plugins.scss
+++ b/src/sass/components/_plugins.scss
@@ -29,6 +29,10 @@
            display: none;
        }
    }
+
+    .burndown_chart {
+        max-width: $sidebar-width-computed;
+    }
 }


@@ -80,6 +84,12 @@
 // http://www.redminecrm.com/projects/people/
 // --------------------------------------------------

+#people_list {
+    table.index {
+        margin-bottom: $line-height-computed;
+    }
+}
+
 #content {
    .person.details {
        margin-bottom: $line-height-computed;
@@ -212,8 +222,94 @@
    }

    .buttons {
-        > input {
-            margin-left: .5em;
+        white-space: nowrap;
+    }
+}
+
+
+//
+// Redmine Stuff To Do
+// https://github.com/raafael911/stuff_to_do_plugin
+// --------------------------------------------------
+
+#stuff-to-do {
+    p {
+        @if $sidebar-position == "left" {
+            margin-right: -($sidebar-padding-horizontal);
+        } @else {
+            margin-left: -($sidebar-padding-horizontal);
+        }
+
+        > a {
+            display: block;
+            padding: $sidebar-padding-vertical $sidebar-padding-horizontal;
+
+            @if $sidebar-position == "left" {
+                border-radius: $border-radius-large 0 0 $border-radius-large;
+            } @else {
+                border-radius: 0 $border-radius-large $border-radius-large 0;
+            }
+
+            &:hover {
+                background-color: $sidebar-link-hover-bg;
+                text-decoration: none;
+            }
+        }
+
+        > br {
+            display: none;
+        }
+    }
+}
+
+// Note: the following applies to the latest version
+// of Stuff To Do plugin from the master branch.
+
+.controller-stuff_to_do {
+    .menu {
+        label,
+        select {
+            margin-bottom: 5px;
+        }
+    }
+
+    .stuff-to-do-item {
+        padding: $table-cell-padding;
+        border: 1px solid $table-border-color;
+        border-width: $table-list-item-border;
+        background-color: $body-bg;
+    }
+
+    .pane {
+        ol {
+            padding: 0;
+        }
+
+        .issue-details {
+            width: 80%;
+            margin: 0;
+
+            @if $use-font-awesome {
+                a {
+                    img {
+                        display: none;
+                    }
+                }
+            }
+        }
+
+        .progress {
+            width: 20%;
+            margin: 0;
+        }
+
+        .estimate {
+            top: $table-cell-padding - 1px;
+            right: $table-cell-padding;
+            left: auto;
+            font-size: $font-size-small;
+            width: 20%;
+            text-align: right;
        }
    }
 }
--- a/src/sass/components/_print.scss
+++ b/src/sass/components/_print.scss
@@ -20,6 +20,7 @@
    }

    #content {
+        // scss-lint:disable ImportantRule
        width: 100%;
        margin: 0;
        padding: 0;
--- a/src/sass/components/_tabs.scss
+++ b/src/sass/components/_tabs.scss
@@ -7,20 +7,42 @@

    position: relative;
    margin-bottom: $line-height-computed;
-    padding-right: $tabs-buttons-width;
    overflow: hidden;

+    @if not $flexbox-layout {
+        padding-right: $tabs-buttons-width;
+    }
+
    > ul {
-        width: 2000px; // stop it from breaking
+        // scss-lint:disable VendorPrefix
        margin: 0;
        padding-left: 0;
        border-bottom: 1px solid $tab-border;
        list-style: none;
-        @extend %clearfix;
+
+        @if $flexbox-layout {
+            display: -ms-flexbox;
+            display: -webkit-flex;
+            display: flex;
+            height: $line-height-computed + $tab-padding-vertical * 2 + 1px;
+            -webkit-flex-wrap: nowrap;
+            -ms-flex-wrap: nowrap;
+            flex-wrap: nowrap;
+        } @else {
+            width: 2000px;
+            @extend %clearfix;
+        }

        > li {
            margin-bottom: -1px;
-            float: left;
+
+            @if $flexbox-layout {
+                -webkit-flex: 0 1 auto;
+                -ms-flex: 0 1 auto;
+                flex: 0 1 auto;
+            } @else {
+                float: left;
+            }

            > a {
                display: block;
@@ -30,6 +52,7 @@
                border: 1px solid transparent;
                border-radius: $border-radius-base $border-radius-base 0 0;
                text-align: center;
+                white-space: nowrap;

                &:hover,
                &:focus {
@@ -53,11 +76,12 @@
        right: 0;
        width: $tabs-buttons-width;
        padding-left: 5px;
+        border-bottom: 1px solid $tab-border;
        background-color: $body-bg;

        > button {
            width: 50%;
-            height: $tab-padding-vertical * 2 + $line-height-computed;
+            height: $tab-padding-vertical * 2 + $line-height-computed + 1px;
            margin: 0;
            padding: 0;
            float: left;
@@ -142,3 +166,9 @@
 #tab-content-memberships .splitcontentright select {
    width: 100%;
 }
+
+#principals_for_new_member {
+    .pagination {
+        float: none;
+    }
+}
--- a/src/sass/components/_top.scss
+++ b/src/sass/components/_top.scss
@@ -139,6 +139,7 @@
    position: relative;
    background-color: $header-bg;
    color: $header-text;
+    @extend %clearfix;

    > h1 {
        padding: $header-padding-vertical $header-padding-horizontal;
@@ -214,6 +215,7 @@
 }

 #main-menu {
+    clear: both;
    background-color: $main-menu-bg;
    box-shadow: inset 0 -1px $main-menu-border;

--- a/src/sass/components/_wiki.scss
+++ b/src/sass/components/_wiki.scss
@@ -128,6 +128,12 @@ div.wiki {
        }
    }

+    a {
+        // scss-lint:disable DuplicateProperty
+        word-break: break-all;
+        word-break: break-word;
+    }
+
    p,
    ul,
    ol {
@@ -182,23 +188,19 @@ div.wiki {
    }

    code {
-        // scss-lint:disable DuplicateProperty
        padding: .2em .33em;
        border-radius: $border-radius-base;
-        background-color: #f5f5f5; // IE8 fallback
        background-color: rgba(#000, .04);
        font-size: $font-size-small;
    }

    pre {
-        // scss-lint:disable DuplicateProperty
        width: auto;
        margin-bottom: 1.15em;
        padding: 4px 8px;
        border: 1px solid #e7e7e7;
        border-radius: $border-radius-base;
        border-color: rgba(#000, .068);
-        background-color: #f7f7f7; // IE8 fallback
        background-color: rgba(#000, .03);
        overflow-x: auto;
        overflow-y: hidden;
@@ -212,6 +214,11 @@ div.wiki {
        }
    }

+    img {
+        max-width: 100%;
+        vertical-align: middle;
+    }
+
    .toc {
        margin-bottom: $line-height-computed;
        margin-left: 0;
@@ -279,11 +286,6 @@ div.wiki {
                }
            }
        }
-
-        img {
-            max-width: 100%;
-            vertical-align: middle;
-        }
    }

    .toc-active-prev + .toc {
@@ -308,6 +310,7 @@ h4,
 h5,
 h6 {
    .wiki-anchor {
+        // scss-lint:disable ImportantRule
        display: none;
        position: relative;
        top: -(1em - $font-size-small);
@@ -364,21 +367,16 @@ p.footnote {
    border-top: 1px solid $gray-lighter;

    > p {
+        margin-bottom: 0;
        float: left;
    }

    #add_attachment_form {
+        padding-top: $line-height-computed;
        clear: left;
    }
 }

-.controller-wiki.action-show {
-    .other-formats {
-        margin-top: 0;
-        float: right;
-    }
-}
-

 //
 // Custom classes for Bootstrap-like features
--- a/src/sass/javascripts/_sidebar-toggler.scss
+++ b/src/sass/javascripts/_sidebar-toggler.scss
@@ -9,8 +9,10 @@
    #sidebar {
        @if $fixed-layout {
            opacity: 1;
+            will-change: margin, opacity;
            @include transition(margin .5s, opacity .5s);
        } @else {
+            will-change: margin;
            @include transition(margin .5s);
        }

--- a/src/sass/lib/font-awesome/_mixins.scss
+++ b/src/sass/lib/font-awesome/_mixins.scss
@@ -1,5 +1,5 @@
 // Mixins
-// scss-lint:disable VendorPrefixes
+// scss-lint:disable VendorPrefix
 // --------------------------

@mixin fa-icon() {
--- a/src/sass/mixins/_buttons.scss
+++ b/src/sass/mixins/_buttons.scss
@@ -7,33 +7,52 @@
 }

@mixin button-variant($color, $bg, $border) {
-    $focus-bg:      darken($bg, 8%);
-    $focus-border:  darken($border, 8%);
-    $active-shadow: inset 0 1px 3px rgba(#000, .3);
+    $correction: 1;
+    @if hue($bg) > 120 and hue($bg) < 160 or lightness($bg) > 90 {
+        $correction: .5;
+    }
+    $normal-shadow: darken($border, 12% * $correction);
+    $focus-bg:      darken($bg, 12% * $correction);
+    $focus-border:  darken($border, 12% * $correction);
+    $focus-shadow:  darken($focus-border, 12% * $correction);
+    $active-bg:     darken($bg, 12% * $correction);
+    $active-border: darken($border, 15% * $correction);
+    $active-shadow: inset 0 3px 4px -2px $active-border;

-    color: $color;
-    border-color: $border;
-    background-color: $bg;
-    box-shadow: 0 1px 0 $border;
-
-    @if lightness($bg) > 90 {
+    @if lightness($bg) > 98 {
        $focus-bg:      darken($bg, 5%);
        $focus-border:  darken($border, 5%);
-        $active-shadow: inset 0 1px 2px rgba(#000, .1);
+        $normal-shadow: none;
+        $focus-shadow:  none;
+    }
+
+    background-color: $bg;
+    color: $color;
+    @if $normal-shadow == "none" {
+        border-color: $border;
+        box-shadow: none;
+    } @else {
+        border-color: $border $border $normal-shadow;
+        box-shadow: 0 1px 0 $normal-shadow;
    }

    &:hover,
    &:focus {
-        border-color: $focus-border;
        background-color: $focus-bg;
        color: $color;
-        box-shadow: 0 1px 0 $focus-border;
+        @if $focus-shadow == "none" {
+            border-color: $focus-border;
+            box-shadow: none;
+        } @else {
+            border-color: $focus-border $focus-border $focus-shadow;
+            box-shadow: 0 1px 0 $focus-shadow;
+        }
    }

    &:active {
-        border-color: $border;
-        background-color: $bg;
-        @include translate(0, 1px);
+        border-color: $active-border;
+        background-color: $active-bg;
        box-shadow: $active-shadow;
+        @include translate(0, 1px);
    }
 }
--- a/src/sass/mixins/_gradients.scss
+++ b/src/sass/mixins/_gradients.scss
@@ -1,5 +1,5 @@
 // Gradients
-// scss-lint:disable VendorPrefixes
+// scss-lint:disable VendorPrefix


 // Horizontal gradient, from left to right
--- a/src/sass/mixins/_image.scss
+++ b/src/sass/mixins/_image.scss
@@ -1,13 +1,14 @@
 // Retina image
 //
+
@mixin img-retina($file-2x, $width-1x, $height-1x) {
    @media
    only screen and (-webkit-min-device-pixel-ratio: 2),
-    only screen and (   min--moz-device-pixel-ratio: 2),
-    only screen and (     -o-min-device-pixel-ratio: 2/1),
-    only screen and (        min-device-pixel-ratio: 2),
-    only screen and (                min-resolution: 192dpi),
-    only screen and (                min-resolution: 2dppx) {
+    only screen and (min--moz-device-pixel-ratio: 2),
+    only screen and (-o-min-device-pixel-ratio: 2/1),
+    only screen and (min-device-pixel-ratio: 2),
+    only screen and (min-resolution: 192dpi),
+    only screen and (min-resolution: 2dppx) {
        background-image: url("#{$file-2x}");
        background-size: $width-1x $height-1x;
    }
--- a/src/sass/mixins/_issues.scss
+++ b/src/sass/mixins/_issues.scss
@@ -16,8 +16,16 @@
            color: darken($color, 10%);
        }

-        &.odd {
-            background: darken($background, 3%);
+        @if $table-list-color-odd-rows {
+            &.odd {
+                background: darken($background, $table-accent-factor * 100%);
+            }
+        }
+
+        @if $table-list-color-even-rows {
+            &.even {
+                background: darken($background, $table-accent-factor * 100%);
+            }
        }

        td {
@@ -33,6 +41,24 @@
        }
    }

+    @if $table-list-highlight-rows {
+        table.list > tbody > tr#{$parent}:hover {
+            background: darken($background, $table-hover-factor * 100%);
+        }
+
+        @if $table-list-color-odd-rows {
+            &.odd {
+                background: darken($background, ($table-accent-factor + $table-hover-factor) * 100%);
+            }
+        }
+
+        @if $table-list-color-even-rows {
+            &.even {
+                background: darken($background, ($table-accent-factor + $table-hover-factor) * 100%);
+            }
+        }
+    }
+
    @if $colored-issue {
        .issue.details#{$parent} {
            color: $color;
--- a/src/sass/mixins/_shadows.scss
+++ b/src/sass/mixins/_shadows.scss
@@ -0,0 +1,23 @@
+// Some really nice looking shadows
+
+@mixin nice-shadow($depth: 1) {
+    $shadow: none;
+    @if ($depth == 1) {
+        // $shadow: 0 3px 1px -2px rgba(#000, .14), 0 2px 2px 0 rgba(#000, .098), 0 1px 5px 0 rgba(#000, .082);
+        $shadow: 0 1px 3px rgba(#000, .12), 0 1px 2px rgba(#000, .24);
+    } @elseif ($depth == 2) {
+        // $shadow: 0 2px 4px -1px rgba(#000, .14), 0 4px 5px 0 rgba(#000, .098), 0 1px 10px 0 rgba(#000, .082)
+        $shadow: 0 3px 6px rgba(#000, .16), 0 3px 6px rgba(#000, .23);
+    } @elseif ($depth == 3) {
+        // $shadow: 0 3px 5px -1px rgba(#000, .14), 0 6px 10px 0 rgba(#000, .098), 0 1px 18px 0 rgba(#000, .082)
+        $shadow: 0 10px 18px rgba(#000, .19), 0 6px 8px rgba(#000, .23);
+    } @elseif ($depth == 4) {
+        // $shadow: 0 5px 5px -3px rgba(#000, .14), 0 8px 10px 1px rgba(#000, .098), 0 3px 14px 2px rgba(#000, .082)
+        $shadow: 0 14px 28px rgba(#000, .25), 0 10px 10px rgba(#000, .22);
+    } @elseif ($depth == 5) {
+        // $shadow: 0 8px 10px -5px rgba(#000, .14), 0 16px 24px 2px rgba(#000, .098), 0 6px 30px 5px rgba(#000, .082)
+        $shadow: 0 19px 38px rgba(#000, .30), 0 15px 12px rgba(#000, .22);
+    }
+
+    box-shadow: $shadow;
+}
--- a/src/sass/mixins/_vendor-prefixes.scss
+++ b/src/sass/mixins/_vendor-prefixes.scss
@@ -1,5 +1,5 @@
 // Vendor Prefixes
-// scss-lint:disable VendorPrefixes
+// scss-lint:disable VendorPrefix NameFormat
 //
 // All vendor mixins are deprecated as of v3.2.0 due to the introduction of
 // Autoprefixer in our Gruntfile. They will be removed in v4.
--- a/src/sass/plugins/redmine_backlogs/global.scss
+++ b/src/sass/plugins/redmine_backlogs/global.scss
@@ -1,7 +1,7 @@
@import "common";

 html {
-    overflow-y: scroll !important;
+    overflow-y: scroll;
    height: 100%;
 }

@@ -13,8 +13,8 @@ body {
    background-color: mix($gray-lighter, $header-bg, 70%);
    color: $text-color;
    font-family: $font-family-base;
-    font-weight: $font-weight-normal;
    font-size: $font-size-base;
+    font-weight: $font-weight-normal;
    line-height: $line-height-base;
 }

@@ -27,19 +27,19 @@ a {
        color: $link-hover-color;
        text-decoration: $link-hover-decoration;
    }
+}

-    &.issue.closed {
-        color: $link-color-issue-closed;
-        text-decoration: $link-closed-decoration;
-    }
+.issue.closed {
+    color: $link-color-issue-closed;
+    text-decoration: $link-closed-decoration;
+}

-    &.project.closed {
-        color: $link-color-project-closed;
-    }
+.project.closed {
+    color: $link-color-project-closed;
+}

-    &.user.locked {
-        color: $link-color-user-locked;
-    }
+.user.locked {
+    color: $link-color-user-locked;
 }


@@ -91,10 +91,10 @@ button.ui-multiselect {
    padding: $input-padding-vertical $input-padding-horizontal;
    border: 1px solid $input-border;
    background: $input-bg;
-    cursor: default;
    color: $input-color;
    white-space: nowrap;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075);
+    cursor: default;
    overflow: hidden;
    @include transition(border-color ease-in-out .1s, box-shadow ease-in-out .1s);
    @include box-sizing(border-box);
--- a/src/sass/plugins/redmine_backlogs/jquery/jquery-ui.scss
+++ b/src/sass/plugins/redmine_backlogs/jquery/jquery-ui.scss
--- a/src/sass/plugins/redmine_backlogs/jquery/jquery.multiselect.scss
+++ b/src/sass/plugins/redmine_backlogs/jquery/jquery.multiselect.scss
@@ -1,118 +1,119 @@
-@import "../common";
-
-.ui-multiselect {
-    padding: 2px 0 2px 4px;
-    text-align: left;
-
-    span.ui-icon {
-        float: right;
-    }
-}
-
-.ui-multiselect-single .ui-multiselect-checkboxes {
-    input {
-        position: absolute !important;
-        top: auto !important;
-        left: -9999px;
-    }
-
-    label {
-        padding: 5px !important;
-    }
-}
-
-.ui-multiselect-header {
-    margin-bottom: 3px;
-    padding: 3px;
-
-    ul {
-        font-size: $font-size-list;
-
-        li {
-            padding: 0 10px 0 0;
-            float: left;
-        }
-    }
-
-    a {
-        text-decoration: none;
-
-        &:hover {
-            text-decoration: underline;
-        }
-    }
-
-    span.ui-icon {
-        float: left;
-    }
-
-    li.ui-multiselect-close {
-        padding-right: 0;
-        float: right;
-        text-align: right;
-    }
-}
-
-.ui-multiselect-menu {
-    display: none;
-    position: absolute;
-    padding: 3px;
-    text-align: left;
-    box-shadow: $panel-shadow;
-    z-index: 10000;
-}
-
-.ui-multiselect-checkboxes {
-    position: relative;
-    padding-right: 2px;
-    overflow-y: scroll;
-
-    input[type="checkbox"] {
-        top: 0;
-        margin: 3px 0 0 -20px;
-        float: left;
-
-        &:focus {
-            outline: none;
-        }
-    }
-
-    label {
-        display: block;
-        padding: 3px 1px;
-        padding-left: 20px + 6px;
-        border: 1px solid transparent;
-        cursor: default;
-        @include user-select(none);
-
-        input {
-            position: relative;
-            top: 1px;
-        }
-    }
-
-    li {
-        clear: both;
-        font-size: $font-size-list;
-
-        &.ui-multiselect-optgroup-label {
-            margin-bottom: 2px;
-            border-bottom: 1px solid $panel-border;
-            font-weight: $font-weight-bold;
-            text-align: center;
-
-            a {
-                display: block;
-                margin: 1px 0;
-                padding: 3px;
-                text-decoration: none;
-            }
-        }
-    }
-}
-
-/* remove label borders in IE6 because IE6 does not support transparency */
-
-* html .ui-multiselect-checkboxes label {
-    border: 0 none;
-}
+// scss-lint:disable ImportantRule
+@import "../common";
+
+.ui-multiselect {
+    padding: 2px 0 2px 4px;
+    text-align: left;
+
+    span.ui-icon {
+        float: right;
+    }
+}
+
+.ui-multiselect-single .ui-multiselect-checkboxes {
+    input {
+        position: absolute !important;
+        top: auto !important;
+        left: -9999px;
+    }
+
+    label {
+        padding: 5px !important;
+    }
+}
+
+.ui-multiselect-header {
+    margin-bottom: 3px;
+    padding: 3px;
+
+    ul {
+        font-size: $font-size-list;
+
+        li {
+            padding: 0 10px 0 0;
+            float: left;
+        }
+    }
+
+    a {
+        text-decoration: none;
+
+        &:hover {
+            text-decoration: underline;
+        }
+    }
+
+    span.ui-icon {
+        float: left;
+    }
+
+    li.ui-multiselect-close {
+        padding-right: 0;
+        float: right;
+        text-align: right;
+    }
+}
+
+.ui-multiselect-menu {
+    display: none;
+    position: absolute;
+    padding: 3px;
+    text-align: left;
+    z-index: 10000;
+    @include nice-shadow(2);
+}
+
+.ui-multiselect-checkboxes {
+    position: relative;
+    padding-right: 2px;
+    overflow-y: scroll;
+
+    input[type="checkbox"] {
+        top: 0;
+        margin: 3px 0 0 -20px;
+        float: left;
+
+        &:focus {
+            outline: none;
+        }
+    }
+
+    label {
+        display: block;
+        padding: 3px 1px;
+        padding-left: 20px + 6px;
+        border: 1px solid transparent;
+        cursor: default;
+        @include user-select(none);
+
+        input {
+            position: relative;
+            top: 1px;
+        }
+    }
+
+    li {
+        clear: both;
+        font-size: $font-size-list;
+
+        &.ui-multiselect-optgroup-label {
+            margin-bottom: 2px;
+            border-bottom: 1px solid $panel-border;
+            font-weight: $font-weight-bold;
+            text-align: center;
+
+            a {
+                display: block;
+                margin: 1px 0;
+                padding: 3px;
+                text-decoration: none;
+            }
+        }
+    }
+}
+
+/* remove label borders in IE6 because IE6 does not support transparency */
+
+* html .ui-multiselect-checkboxes label {
+    border: 0 none;
+}
--- a/src/sass/plugins/redmine_backlogs/jquery/jquery.qtip.scss
+++ b/src/sass/plugins/redmine_backlogs/jquery/jquery.qtip.scss
@@ -1,37 +1,37 @@
-@import "../common";
-
-.qtip {
-    position: absolute;
-    top: -31000px;
-    left: -31000px;
-    width: auto;
-    max-width: 500px;
-    outline: none;
-}
-
-.ui-tooltip-content {
-    position: relative;
-    padding: 10px;
-    border: 1px solid $tooltip-border;
-    background-color: $tooltip-bg;
-    color: $tooltip-text;
-    font-size: $font-size-list;
-    text-align: left;
-    word-wrap: break-word;
-    box-shadow: 0 2px 2px rgba(#000, .2);
-    overflow: hidden;
-}
-
-.ui-tooltip-tip {
-    border-color: $tooltip-border;
-    background-color: $tooltip-bg;
-}
-
-.ui-tooltip-tip {
-    position: absolute;
-    margin: 0 auto;
-    border: 0 none;
-    background: transparent;
-    overflow: hidden;
-    z-index: 10;
-}
+@import "../common";
+
+.qtip {
+    position: absolute;
+    top: -31000px;
+    left: -31000px;
+    width: auto;
+    max-width: 500px;
+    outline: none;
+}
+
+.ui-tooltip-content {
+    position: relative;
+    padding: 10px;
+    border: 1px solid $tooltip-border;
+    background-color: $tooltip-bg;
+    color: $tooltip-text;
+    font-size: $font-size-list;
+    text-align: left;
+    word-wrap: break-word;
+    @include nice-shadow(2);
+    overflow: hidden;
+}
+
+.ui-tooltip-tip {
+    border-color: $tooltip-border;
+    background-color: $tooltip-bg;
+}
+
+.ui-tooltip-tip {
+    position: absolute;
+    margin: 0 auto;
+    border: 0 none;
+    background: transparent;
+    overflow: hidden;
+    z-index: 10;
+}
--- a/src/sass/plugins/redmine_backlogs/master_backlog.scss
+++ b/src/sass/plugins/redmine_backlogs/master_backlog.scss
@@ -1,3 +1,4 @@
+// scss-lint:disable ImportantRule
@import "common";

 $header-line-height:            floor($line-height-computed * 1.5);
@@ -166,7 +167,7 @@ $story-sp-input-width:          50px;
        margin: 0 0 ($padding-side / 2);
        border-radius: $border-radius-large $border-radius-large 0 0;
        background-color: $gray-lightest;
-        box-shadow: $panel-shadow;
+        @include nice-shadow(1);

        @media screen and (min-width: $screen-md-min) {
            margin: 0 0 $padding-side;
@@ -309,9 +310,9 @@ $story-sp-input-width:          50px;
            border-right: 1px solid #888;
            border-bottom: 1px solid $header-bg;
            border-radius: ($border-radius-large - 1px) 0 0;
-            cursor: pointer;
            font-size: $font-size-small;
            line-height: $line-height-base;
+            cursor: pointer;
            overflow: visible;
            @include transition(background-color 0s .1s, border-color 0s .1s);

@@ -723,7 +724,7 @@ $story-sp-input-width:          50px;

    &.ui-widget-content {
        border: 0 none;
-        box-shadow: 2px 2px 5px #777;
+        @include nice-shadow(5);
    }

    .ui-dialog-buttonpane.ui-widget-content {
@@ -766,10 +767,10 @@ $story-sp-input-width:          50px;
            display: inline-block;
            margin-bottom: 0;
            border: 1px solid;
-            cursor: pointer;
            font-weight: $btn-font-weight;
            text-align: center;
            white-space: nowrap;
+            cursor: pointer;
            @include button-size($input-padding-vertical, $input-padding-horizontal, $font-size-base, $line-height-base, $border-radius-base);
            @include user-select(none);
            @include transition(background-color ease-in-out .07s, border-color ease-in-out .07s, box-shadow ease-in-out .07s);
@@ -790,12 +791,6 @@ $story-sp-input-width:          50px;
            &:active {
                text-decoration: none;
            }
-
-            @media screen and (max-width: $screen-md-max) {
-                padding: $input-padding-vertical;
-                font-size: $font-size-small-px;
-                line-height: $line-height-computed;
-            }
        }
    }
 }
@@ -840,6 +835,6 @@ $story-sp-input-width:          50px;

 #show_completed_sprints {
    margin-left: $padding-side / 2;
-    cursor: pointer;
    color: $gray-darkest;
+    cursor: pointer;
 }
--- a/src/sass/plugins/redmine_backlogs/taskboard.scss
+++ b/src/sass/plugins/redmine_backlogs/taskboard.scss
@@ -223,10 +223,10 @@ $swimlane-width:                $issue-width + 2 * ($issue-margin + $issue-paddi
        border: 0 none;
        border-radius: $border-radius-large;
        background-color: $gray-lighter;
-        cursor: move;
        color: $gray-darker;
        font-size: 10px;
        line-height: 1.3;
+        cursor: move;
    }

    .placeholder {
@@ -382,7 +382,7 @@ $swimlane-width:                $issue-width + 2 * ($issue-margin + $issue-paddi
    &.ui-widget-content {
        border: 0 none;
        background: none;
-        box-shadow: 2px 2px 5px #777;
+        @include nice-shadow(5);
    }

    .ui-dialog-buttonpane.ui-widget-content {
--- a/stylesheets/application.css
+++ b/stylesheets/application.css
Author	SHA1	Message	Date
mrliptontea	f3a617baf0	release v1.7.2	2015-10-12 10:14:50 +02:00
mrliptontea	db39c6cb54	align cells in lists to center by default	2015-10-12 10:13:56 +02:00
mrliptontea	c45de83791	fix `.pagination` float in project members settings	2015-10-12 09:48:47 +02:00
mrliptontea	6f508ba87a	add badges to README (badges are in, right?)	2015-10-10 22:38:09 +02:00
mrliptontea	49ed887fce	argh, update links in README after transfering repo	2015-10-10 21:57:41 +02:00
mrliptontea	bba68972d8	improve styling for stuff_to_do	2015-10-10 21:45:58 +02:00
mrliptontea	adc7e59d22	release v1.7.0	2015-09-25 21:27:39 +02:00
mrliptontea	cfdf261645	change license to MIT and move repo to my profile	2015-09-25 21:25:51 +02:00
mrliptontea	1e6cdd7cef	fix source path for scss-lint config	2015-09-20 15:48:56 +02:00
mrliptontea	3e78878ed0	fix broken layout in codebutton window	2015-09-20 15:48:08 +02:00
mrliptontea	15a492a1b6	fix colored trackers in tooltips in Backlogs plugin	2015-08-24 09:08:57 +02:00
mrliptontea	5cafccd221	align green ticks to center in enumeration list	2015-08-12 20:40:02 +02:00
mrliptontea	610ee38c3d	more generic form button layout and style	2015-08-12 20:38:47 +02:00
mrliptontea	b1154eb9ed	no need for extra padding in the bottom of the sidebar with flexbox	2015-08-12 20:31:07 +02:00
mrliptontea	f5ef9dba70	use `calc` hack to prevent #content outgrowing the browser's window	2015-08-12 20:23:12 +02:00
mrliptontea	b7efd10a99	make sure that links and images won't break the layout	2015-08-12 09:29:35 +02:00
mrliptontea	9977d8e38e	remove `white-space: nowrap` from external links, fixes #16	2015-08-11 21:39:12 +02:00
mrliptontea	dde298d630	fix query buttons text alignment after increasing default padding	2015-08-10 14:37:00 +02:00
mrliptontea	452e0fecf0	introduce `$pagination-padding-` variables	2015-08-10 14:34:35 +02:00
mrliptontea	edde6acb1f	EOL conversion to unix	2015-08-10 11:04:39 +02:00
mrliptontea	433819c6ff	fix pagination and export links alignment when there's only one page	2015-08-10 11:01:28 +02:00
mrliptontea	fa3225be82	few minor layout improvements	2015-08-10 10:52:34 +02:00
mrliptontea	25f7092f9c	configurable list borders and highlighting	2015-08-10 00:00:09 +02:00
mrliptontea	bc8bde7756	visual tweaks: nicer shadows, improve datepickers layout	2015-08-09 23:30:01 +02:00
mrliptontea	1253489333	slightly change buttons' style	2015-08-09 22:22:30 +02:00
mrliptontea	42dfc57ee7	linting	2015-08-09 20:54:10 +02:00
mrliptontea	24db7ad013	fix animation issue when showing sidebar	2015-08-09 20:49:54 +02:00
mrliptontea	6c8432f627	use flexbox for content and sidebar layout, refs #15	2015-08-09 20:32:21 +02:00
mrliptontea	f12816dad7	add clearfix to #header, style optgroup, fixes #13	2015-07-14 19:19:35 +02:00
mrliptontea	71a0b1a92c	coloring issue's title instead of link in Gantt diagram for overdue issues	2015-06-29 10:46:15 +02:00
mrliptontea	a350c369cc	update npm packages	2015-06-10 22:27:58 +02:00
mrliptontea	56a5e1db49	satisfy linter	2015-06-10 22:24:29 +02:00