From ddbbb87aef5c2d638bed129f475b781c5d7e8b50 Mon Sep 17 00:00:00 2001
From: Alex Coles <alex@alexbcoles.com>
Date: Mon, 16 Mar 2015 17:29:54 -0300
Subject: [PATCH 01/26] Config Webpack extract text plugin for stylesheets

Third-party component stylesheets are now handed in the same way as
JavaScript dependencies (see commit 601e70fb). The advantage over
using style-loader (with its generated `<style>` tags) is that we can
control the load order.

User Story # 19203

Signed-off-by: Alex Coles <alex@alexbcoles.com>
---
 app/assets/stylesheets/default.css.sass |  5 +++++
 frontend/npm-shrinkwrap.json            | 27 +++++++++++++++++++++++++
 frontend/package.json                   |  1 +
 frontend/webpack.config.js              |  8 +++++++-
 4 files changed, 40 insertions(+), 1 deletion(-)

diff --git a/app/assets/stylesheets/default.css.sass b/app/assets/stylesheets/default.css.sass
index 5072ca0be0..799cc90866 100644
--- a/app/assets/stylesheets/default.css.sass
+++ b/app/assets/stylesheets/default.css.sass
@@ -25,10 +25,15 @@
  *
  * See doc/COPYRIGHT.rdoc for more details.  ++
  */
+//= require ../javascripts/bundles/openproject-global
+//= require ../javascripts/bundles/openproject-core-app
+//= require_tree ../javascripts/bundles
+
 //= require print
 //= require scm
 //= require top-shelf
 //= require openproject_plugins
+
 //= require_self
 
 @import open_project_global/all
diff --git a/frontend/npm-shrinkwrap.json b/frontend/npm-shrinkwrap.json
index 9cd61e8fc5..64d381f49a 100644
--- a/frontend/npm-shrinkwrap.json
+++ b/frontend/npm-shrinkwrap.json
@@ -1272,6 +1272,33 @@
         }
       }
     },
+    "extract-text-webpack-plugin": {
+      "version": "0.3.8",
+      "dependencies": {
+        "async": {
+          "version": "0.2.10"
+        },
+        "source-map": {
+          "version": "0.1.43",
+          "dependencies": {
+            "amdefine": {
+              "version": "0.1.0"
+            }
+          }
+        },
+        "loader-utils": {
+          "version": "0.2.6",
+          "dependencies": {
+            "json5": {
+              "version": "0.1.0"
+            },
+            "big.js": {
+              "version": "2.5.1"
+            }
+          }
+        }
+      }
+    },
     "file-loader": {
       "version": "0.8.1",
       "dependencies": {
diff --git a/frontend/package.json b/frontend/package.json
index 379d309e6f..964db5fd77 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -44,6 +44,7 @@
     "css-loader": "^0.9.0",
     "exports-loader": "^0.6.2",
     "expose-loader": "^0.6.0",
+    "extract-text-webpack-plugin": "^0.3.8",
     "file-loader": "^0.8.1",
     "html-loader": "^0.2.3",
     "json-loader": "^0.5.1",
diff --git a/frontend/webpack.config.js b/frontend/webpack.config.js
index 3001a51a8a..3a75a02be6 100644
--- a/frontend/webpack.config.js
+++ b/frontend/webpack.config.js
@@ -3,6 +3,8 @@ var webpack  = require('webpack'),
   _          = require('lodash'),
   pathConfig = require('./rails-plugins.conf');
 
+var ExtractTextPlugin = require('extract-text-webpack-plugin');
+
 var pluginEntries = _.reduce(pathConfig.pluginNamesPaths, function(entries, path, name) {
   entries[name.replace(/^openproject\-/, '')] = name;
   return entries;
@@ -34,7 +36,10 @@ module.exports = {
       { test: /[\/]moment\.js$/,          loader: 'expose?moment' },
       { test: /[\/]mousetrap\.js$/,       loader: 'expose?Mousetrap' },
       { test: /[\/]vendor[\/]i18n\.js$/,  loader: 'expose?I18n' },
-      { test: /\.css$/,                   loader: 'style-loader!css-loader' },
+      {
+        test: /\.css$/,
+        loader: ExtractTextPlugin.extract('style-loader', 'css-loader')
+      },
       { test: /\.png$/,                   loader: 'url-loader?limit=100000&mimetype=image/png' },
       { test: /\.gif$/,                   loader: 'file-loader' },
       { test: /\.jpg$/,                   loader: 'file-loader' },
@@ -76,6 +81,7 @@ module.exports = {
   },
 
   plugins: [
+    new ExtractTextPlugin('openproject-[name].css'),
     new webpack.ProvidePlugin({
       '_':            'lodash',
       'URI':          'URIjs',

From f1a761e2d1c2ccea80113731c9d06604940c0ff7 Mon Sep 17 00:00:00 2001
From: Alex Coles <alex@alexbcoles.com>
Date: Mon, 16 Mar 2015 18:21:25 -0300
Subject: [PATCH 02/26] Config Webpack autoprefixer loader for stylesheets

Signed-off-by: Alex Coles <alex@alexbcoles.com>
---
 frontend/npm-shrinkwrap.json | 46 ++++++++++++++++++++++++++++++++++++
 frontend/package.json        |  1 +
 frontend/webpack.config.js   |  5 +++-
 3 files changed, 51 insertions(+), 1 deletion(-)

diff --git a/frontend/npm-shrinkwrap.json b/frontend/npm-shrinkwrap.json
index 64d381f49a..5becd87a57 100644
--- a/frontend/npm-shrinkwrap.json
+++ b/frontend/npm-shrinkwrap.json
@@ -3,6 +3,52 @@
     "URIjs": {
       "version": "1.14.1"
     },
+    "autoprefixer-loader": {
+      "version": "1.2.0",
+      "dependencies": {
+        "autoprefixer-core": {
+          "version": "5.1.7",
+          "dependencies": {
+            "browserslist": {
+              "version": "0.2.0"
+            },
+            "num2fraction": {
+              "version": "1.0.1"
+            },
+            "caniuse-db": {
+              "version": "1.0.30000092"
+            },
+            "postcss": {
+              "version": "4.0.6",
+              "dependencies": {
+                "source-map": {
+                  "version": "0.2.0",
+                  "dependencies": {
+                    "amdefine": {
+                      "version": "0.1.0"
+                    }
+                  }
+                },
+                "js-base64": {
+                  "version": "2.1.7"
+                }
+              }
+            }
+          }
+        },
+        "loader-utils": {
+          "version": "0.2.6",
+          "dependencies": {
+            "json5": {
+              "version": "0.1.0"
+            },
+            "big.js": {
+              "version": "2.5.1"
+            }
+          }
+        }
+      }
+    },
     "body-parser": {
       "version": "1.10.1",
       "dependencies": {
diff --git a/frontend/package.json b/frontend/package.json
index 964db5fd77..548103df1d 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -40,6 +40,7 @@
   },
   "dependencies": {
     "URIjs": "^1.14.1",
+    "autoprefixer-loader": "^1.2.0",
     "bower": "~1.3.8",
     "css-loader": "^0.9.0",
     "exports-loader": "^0.6.2",
diff --git a/frontend/webpack.config.js b/frontend/webpack.config.js
index 3a75a02be6..3db11c0c4d 100644
--- a/frontend/webpack.config.js
+++ b/frontend/webpack.config.js
@@ -38,7 +38,10 @@ module.exports = {
       { test: /[\/]vendor[\/]i18n\.js$/,  loader: 'expose?I18n' },
       {
         test: /\.css$/,
-        loader: ExtractTextPlugin.extract('style-loader', 'css-loader')
+        loader: ExtractTextPlugin.extract(
+          'style-loader',
+          'css-loader!autoprefixer-loader?cascade=false'
+        )
       },
       { test: /\.png$/,                   loader: 'url-loader?limit=100000&mimetype=image/png' },
       { test: /\.gif$/,                   loader: 'file-loader' },

From 3fb2acb1dad7429914feeda7282ed02c55924fbb Mon Sep 17 00:00:00 2001
From: Alex Coles <alex@alexbcoles.com>
Date: Mon, 16 Mar 2015 18:45:36 -0300
Subject: [PATCH 03/26] Make Webpack autoprefixer load browserslist config

The autoprefixer loader doesn't appear to load respect this config
automatically.

Signed-off-by: Alex Coles <alex@alexbcoles.com>
---
 frontend/webpack.config.js | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/frontend/webpack.config.js b/frontend/webpack.config.js
index 3db11c0c4d..92638abe96 100644
--- a/frontend/webpack.config.js
+++ b/frontend/webpack.config.js
@@ -1,4 +1,5 @@
 var webpack  = require('webpack'),
+  fs         = require('fs'),
   path       = require('path'),
   _          = require('lodash'),
   pathConfig = require('./rails-plugins.conf');
@@ -15,6 +16,11 @@ var pluginAliases = _.reduce(pathConfig.pluginNamesPaths, function(entries, plug
   return entries;
 }, {});
 
+var browsersListConfig = fs.readFileSync(path.join(__dirname, '..', 'browserslist'), 'utf8');
+var browsersList = JSON.stringify(_.filter(browsersListConfig.split('\n'), function(entry) {
+  return entry && entry.charAt(0) !== '#';
+}));
+
 module.exports = {
   context: __dirname + '/app',
 
@@ -40,7 +46,7 @@ module.exports = {
         test: /\.css$/,
         loader: ExtractTextPlugin.extract(
           'style-loader',
-          'css-loader!autoprefixer-loader?cascade=false'
+          'css-loader!autoprefixer-loader?{browsers:' + browsersList + ',cascade:false}'
         )
       },
       { test: /\.png$/,                   loader: 'url-loader?limit=100000&mimetype=image/png' },

From 91def4416d754c88d194e6db726a26ab218541f5 Mon Sep 17 00:00:00 2001
From: Alex Coles <alex@alexbcoles.com>
Date: Mon, 16 Mar 2015 18:01:48 -0300
Subject: [PATCH 04/26] Require only the jQuery UI stylesheets we need

Signed-off-by: Alex Coles <alex@alexbcoles.com>
---
 frontend/app/global.js | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/frontend/app/global.js b/frontend/app/global.js
index effcaab005..913b1e25e9 100644
--- a/frontend/app/global.js
+++ b/frontend/app/global.js
@@ -40,7 +40,10 @@ require('jquery-ujs');
 require('jquery-ui/ui/jquery-ui.js');
 require('jquery-ui/ui/i18n/jquery.ui.datepicker-en-GB.js');
 require('jquery-ui/ui/i18n/jquery.ui.datepicker-de.js');
-require('jquery-ui/themes/base/jquery-ui.css');
+require('jquery-ui/themes/base/jquery.ui.core.css');
+require('jquery-ui/themes/base/jquery.ui.datepicker.css');
+// TODO: move require to backlogs plugin
+require('jquery-ui/themes/base/jquery.ui.dialog.css');
 
 require('momentjs');
 require('momentjs/lang/en-gb.js');

From cfe2fed7f756a4c799119fa9ee9c697dbc8a4f5a Mon Sep 17 00:00:00 2001
From: Alex Coles <alex@alexbcoles.com>
Date: Wed, 25 Feb 2015 23:04:48 +0100
Subject: [PATCH 05/26] Copy jQuery UI base theme to our stylesheets dir

Signed-off-by: Alex Coles <alex@alexbcoles.com>
---
 .../stylesheets/content/_jquery_ui.scss       | 438 ++++++++++++++++++
 app/assets/stylesheets/default.css.sass       |   2 +
 2 files changed, 440 insertions(+)
 create mode 100644 app/assets/stylesheets/content/_jquery_ui.scss

diff --git a/app/assets/stylesheets/content/_jquery_ui.scss b/app/assets/stylesheets/content/_jquery_ui.scss
new file mode 100644
index 0000000000..15d81b90b8
--- /dev/null
+++ b/app/assets/stylesheets/content/_jquery_ui.scss
@@ -0,0 +1,438 @@
+//-- copyright
+// OpenProject is a project management system.
+// Copyright (C) 2012-2015 the OpenProject Foundation (OPF)
+//
+// This program is free software; you can redistribute it and/or
+// modify it under the terms of the GNU General Public License version 3.
+//
+// OpenProject is a fork of ChiliProject, which is a fork of Redmine. The copyright follows:
+// Copyright (C) 2006-2013 Jean-Philippe Lang
+// Copyright (C) 2010-2013 the ChiliProject Team
+//
+// This program is free software; you can redistribute it and/or
+// modify it under the terms of the GNU General Public License
+// as published by the Free Software Foundation; either version 2
+// of the License, or (at your option) any later version.
+//
+// This program is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU General Public License for more details.
+//
+// You should have received a copy of the GNU General Public License
+// along with this program; if not, write to the Free Software
+// Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
+//
+// See doc/COPYRIGHT.rdoc for more details.
+//++
+
+/*!
+ * jQuery UI CSS Framework 1.10.4
+ * http://jqueryui.com
+ *
+ * Copyright 2014 jQuery Foundation and other contributors
+ * Released under the MIT license.
+ * http://jquery.org/license
+ *
+ * http://api.jqueryui.com/category/theming/
+ *
+ * To view and modify this theme, visit http://jqueryui.com/themeroller/
+ */
+
+
+/* Component containers
+----------------------------------*/
+.ui-widget {
+	font-family: Verdana,Arial,sans-serif/*{ffDefault}*/;
+	font-size: 1.1em/*{fsDefault}*/;
+}
+.ui-widget .ui-widget {
+	font-size: 1em;
+}
+.ui-widget input,
+.ui-widget select,
+.ui-widget textarea,
+.ui-widget button {
+	font-family: Verdana,Arial,sans-serif/*{ffDefault}*/;
+	font-size: 1em;
+}
+.ui-widget-content {
+	border: 1px solid #aaaaaa/*{borderColorContent}*/;
+	background: #ffffff/*{bgColorContent}*/ url(images/ui-bg_flat_75_ffffff_40x100.png)/*{bgImgUrlContent}*/ 50%/*{bgContentXPos}*/ 50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/;
+	color: #222222/*{fcContent}*/;
+}
+.ui-widget-content a {
+	color: #222222/*{fcContent}*/;
+}
+.ui-widget-header {
+	border: 1px solid #aaaaaa/*{borderColorHeader}*/;
+	background: #cccccc/*{bgColorHeader}*/ url(images/ui-bg_highlight-soft_75_cccccc_1x100.png)/*{bgImgUrlHeader}*/ 50%/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/;
+	color: #222222/*{fcHeader}*/;
+	font-weight: bold;
+}
+.ui-widget-header a {
+	color: #222222/*{fcHeader}*/;
+}
+
+/* Interaction states
+----------------------------------*/
+.ui-state-default,
+.ui-widget-content .ui-state-default,
+.ui-widget-header .ui-state-default {
+	border: 1px solid #d3d3d3/*{borderColorDefault}*/;
+	background: #e6e6e6/*{bgColorDefault}*/ url(images/ui-bg_glass_75_e6e6e6_1x400.png)/*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/;
+	font-weight: normal/*{fwDefault}*/;
+	color: #555555/*{fcDefault}*/;
+}
+.ui-state-default a,
+.ui-state-default a:link,
+.ui-state-default a:visited {
+	color: #555555/*{fcDefault}*/;
+	text-decoration: none;
+}
+.ui-state-hover,
+.ui-widget-content .ui-state-hover,
+.ui-widget-header .ui-state-hover,
+.ui-state-focus,
+.ui-widget-content .ui-state-focus,
+.ui-widget-header .ui-state-focus {
+	border: 1px solid #999999/*{borderColorHover}*/;
+	background: #dadada/*{bgColorHover}*/ url(images/ui-bg_glass_75_dadada_1x400.png)/*{bgImgUrlHover}*/ 50%/*{bgHoverXPos}*/ 50%/*{bgHoverYPos}*/ repeat-x/*{bgHoverRepeat}*/;
+	font-weight: normal/*{fwDefault}*/;
+	color: #212121/*{fcHover}*/;
+}
+.ui-state-hover a,
+.ui-state-hover a:hover,
+.ui-state-hover a:link,
+.ui-state-hover a:visited,
+.ui-state-focus a,
+.ui-state-focus a:hover,
+.ui-state-focus a:link,
+.ui-state-focus a:visited {
+	color: #212121/*{fcHover}*/;
+	text-decoration: none;
+}
+.ui-state-active,
+.ui-widget-content .ui-state-active,
+.ui-widget-header .ui-state-active {
+	border: 1px solid #aaaaaa/*{borderColorActive}*/;
+	background: #ffffff/*{bgColorActive}*/ url(images/ui-bg_glass_65_ffffff_1x400.png)/*{bgImgUrlActive}*/ 50%/*{bgActiveXPos}*/ 50%/*{bgActiveYPos}*/ repeat-x/*{bgActiveRepeat}*/;
+	font-weight: normal/*{fwDefault}*/;
+	color: #212121/*{fcActive}*/;
+}
+.ui-state-active a,
+.ui-state-active a:link,
+.ui-state-active a:visited {
+	color: #212121/*{fcActive}*/;
+	text-decoration: none;
+}
+
+/* Interaction Cues
+----------------------------------*/
+.ui-state-highlight,
+.ui-widget-content .ui-state-highlight,
+.ui-widget-header .ui-state-highlight {
+	border: 1px solid #fcefa1/*{borderColorHighlight}*/;
+	background: #fbf9ee/*{bgColorHighlight}*/ url(images/ui-bg_glass_55_fbf9ee_1x400.png)/*{bgImgUrlHighlight}*/ 50%/*{bgHighlightXPos}*/ 50%/*{bgHighlightYPos}*/ repeat-x/*{bgHighlightRepeat}*/;
+	color: #363636/*{fcHighlight}*/;
+}
+.ui-state-highlight a,
+.ui-widget-content .ui-state-highlight a,
+.ui-widget-header .ui-state-highlight a {
+	color: #363636/*{fcHighlight}*/;
+}
+.ui-state-error,
+.ui-widget-content .ui-state-error,
+.ui-widget-header .ui-state-error {
+	border: 1px solid #cd0a0a/*{borderColorError}*/;
+	background: #fef1ec/*{bgColorError}*/ url(images/ui-bg_glass_95_fef1ec_1x400.png)/*{bgImgUrlError}*/ 50%/*{bgErrorXPos}*/ 50%/*{bgErrorYPos}*/ repeat-x/*{bgErrorRepeat}*/;
+	color: #cd0a0a/*{fcError}*/;
+}
+.ui-state-error a,
+.ui-widget-content .ui-state-error a,
+.ui-widget-header .ui-state-error a {
+	color: #cd0a0a/*{fcError}*/;
+}
+.ui-state-error-text,
+.ui-widget-content .ui-state-error-text,
+.ui-widget-header .ui-state-error-text {
+	color: #cd0a0a/*{fcError}*/;
+}
+.ui-priority-primary,
+.ui-widget-content .ui-priority-primary,
+.ui-widget-header .ui-priority-primary {
+	font-weight: bold;
+}
+.ui-priority-secondary,
+.ui-widget-content .ui-priority-secondary,
+.ui-widget-header .ui-priority-secondary {
+	opacity: .7;
+	filter:Alpha(Opacity=70);
+	font-weight: normal;
+}
+.ui-state-disabled,
+.ui-widget-content .ui-state-disabled,
+.ui-widget-header .ui-state-disabled {
+	opacity: .35;
+	filter:Alpha(Opacity=35);
+	background-image: none;
+}
+.ui-state-disabled .ui-icon {
+	filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
+}
+
+/* Icons
+----------------------------------*/
+
+/* states and images */
+.ui-icon {
+	width: 16px;
+	height: 16px;
+}
+.ui-icon,
+.ui-widget-content .ui-icon {
+	background-image: url(images/ui-icons_222222_256x240.png)/*{iconsContent}*/;
+}
+.ui-widget-header .ui-icon {
+	background-image: url(images/ui-icons_222222_256x240.png)/*{iconsHeader}*/;
+}
+.ui-state-default .ui-icon {
+	background-image: url(images/ui-icons_888888_256x240.png)/*{iconsDefault}*/;
+}
+.ui-state-hover .ui-icon,
+.ui-state-focus .ui-icon {
+	background-image: url(images/ui-icons_454545_256x240.png)/*{iconsHover}*/;
+}
+.ui-state-active .ui-icon {
+	background-image: url(images/ui-icons_454545_256x240.png)/*{iconsActive}*/;
+}
+.ui-state-highlight .ui-icon {
+	background-image: url(images/ui-icons_2e83ff_256x240.png)/*{iconsHighlight}*/;
+}
+.ui-state-error .ui-icon,
+.ui-state-error-text .ui-icon {
+	background-image: url(images/ui-icons_cd0a0a_256x240.png)/*{iconsError}*/;
+}
+
+/* positioning */
+.ui-icon-blank { background-position: 16px 16px; }
+.ui-icon-carat-1-n { background-position: 0 0; }
+.ui-icon-carat-1-ne { background-position: -16px 0; }
+.ui-icon-carat-1-e { background-position: -32px 0; }
+.ui-icon-carat-1-se { background-position: -48px 0; }
+.ui-icon-carat-1-s { background-position: -64px 0; }
+.ui-icon-carat-1-sw { background-position: -80px 0; }
+.ui-icon-carat-1-w { background-position: -96px 0; }
+.ui-icon-carat-1-nw { background-position: -112px 0; }
+.ui-icon-carat-2-n-s { background-position: -128px 0; }
+.ui-icon-carat-2-e-w { background-position: -144px 0; }
+.ui-icon-triangle-1-n { background-position: 0 -16px; }
+.ui-icon-triangle-1-ne { background-position: -16px -16px; }
+.ui-icon-triangle-1-e { background-position: -32px -16px; }
+.ui-icon-triangle-1-se { background-position: -48px -16px; }
+.ui-icon-triangle-1-s { background-position: -64px -16px; }
+.ui-icon-triangle-1-sw { background-position: -80px -16px; }
+.ui-icon-triangle-1-w { background-position: -96px -16px; }
+.ui-icon-triangle-1-nw { background-position: -112px -16px; }
+.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
+.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
+.ui-icon-arrow-1-n { background-position: 0 -32px; }
+.ui-icon-arrow-1-ne { background-position: -16px -32px; }
+.ui-icon-arrow-1-e { background-position: -32px -32px; }
+.ui-icon-arrow-1-se { background-position: -48px -32px; }
+.ui-icon-arrow-1-s { background-position: -64px -32px; }
+.ui-icon-arrow-1-sw { background-position: -80px -32px; }
+.ui-icon-arrow-1-w { background-position: -96px -32px; }
+.ui-icon-arrow-1-nw { background-position: -112px -32px; }
+.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
+.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
+.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
+.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
+.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
+.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
+.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
+.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
+.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
+.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
+.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
+.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
+.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
+.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
+.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
+.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
+.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
+.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
+.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
+.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
+.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
+.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
+.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
+.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
+.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
+.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
+.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
+.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
+.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
+.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
+.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
+.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
+.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
+.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
+.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
+.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
+.ui-icon-arrow-4 { background-position: 0 -80px; }
+.ui-icon-arrow-4-diag { background-position: -16px -80px; }
+.ui-icon-extlink { background-position: -32px -80px; }
+.ui-icon-newwin { background-position: -48px -80px; }
+.ui-icon-refresh { background-position: -64px -80px; }
+.ui-icon-shuffle { background-position: -80px -80px; }
+.ui-icon-transfer-e-w { background-position: -96px -80px; }
+.ui-icon-transferthick-e-w { background-position: -112px -80px; }
+.ui-icon-folder-collapsed { background-position: 0 -96px; }
+.ui-icon-folder-open { background-position: -16px -96px; }
+.ui-icon-document { background-position: -32px -96px; }
+.ui-icon-document-b { background-position: -48px -96px; }
+.ui-icon-note { background-position: -64px -96px; }
+.ui-icon-mail-closed { background-position: -80px -96px; }
+.ui-icon-mail-open { background-position: -96px -96px; }
+.ui-icon-suitcase { background-position: -112px -96px; }
+.ui-icon-comment { background-position: -128px -96px; }
+.ui-icon-person { background-position: -144px -96px; }
+.ui-icon-print { background-position: -160px -96px; }
+.ui-icon-trash { background-position: -176px -96px; }
+.ui-icon-locked { background-position: -192px -96px; }
+.ui-icon-unlocked { background-position: -208px -96px; }
+.ui-icon-bookmark { background-position: -224px -96px; }
+.ui-icon-tag { background-position: -240px -96px; }
+.ui-icon-home { background-position: 0 -112px; }
+.ui-icon-flag { background-position: -16px -112px; }
+.ui-icon-calendar { background-position: -32px -112px; }
+.ui-icon-cart { background-position: -48px -112px; }
+.ui-icon-pencil { background-position: -64px -112px; }
+.ui-icon-clock { background-position: -80px -112px; }
+.ui-icon-disk { background-position: -96px -112px; }
+.ui-icon-calculator { background-position: -112px -112px; }
+.ui-icon-zoomin { background-position: -128px -112px; }
+.ui-icon-zoomout { background-position: -144px -112px; }
+.ui-icon-search { background-position: -160px -112px; }
+.ui-icon-wrench { background-position: -176px -112px; }
+.ui-icon-gear { background-position: -192px -112px; }
+.ui-icon-heart { background-position: -208px -112px; }
+.ui-icon-star { background-position: -224px -112px; }
+.ui-icon-link { background-position: -240px -112px; }
+.ui-icon-cancel { background-position: 0 -128px; }
+.ui-icon-plus { background-position: -16px -128px; }
+.ui-icon-plusthick { background-position: -32px -128px; }
+.ui-icon-minus { background-position: -48px -128px; }
+.ui-icon-minusthick { background-position: -64px -128px; }
+.ui-icon-close { background-position: -80px -128px; }
+.ui-icon-closethick { background-position: -96px -128px; }
+.ui-icon-key { background-position: -112px -128px; }
+.ui-icon-lightbulb { background-position: -128px -128px; }
+.ui-icon-scissors { background-position: -144px -128px; }
+.ui-icon-clipboard { background-position: -160px -128px; }
+.ui-icon-copy { background-position: -176px -128px; }
+.ui-icon-contact { background-position: -192px -128px; }
+.ui-icon-image { background-position: -208px -128px; }
+.ui-icon-video { background-position: -224px -128px; }
+.ui-icon-script { background-position: -240px -128px; }
+.ui-icon-alert { background-position: 0 -144px; }
+.ui-icon-info { background-position: -16px -144px; }
+.ui-icon-notice { background-position: -32px -144px; }
+.ui-icon-help { background-position: -48px -144px; }
+.ui-icon-check { background-position: -64px -144px; }
+.ui-icon-bullet { background-position: -80px -144px; }
+.ui-icon-radio-on { background-position: -96px -144px; }
+.ui-icon-radio-off { background-position: -112px -144px; }
+.ui-icon-pin-w { background-position: -128px -144px; }
+.ui-icon-pin-s { background-position: -144px -144px; }
+.ui-icon-play { background-position: 0 -160px; }
+.ui-icon-pause { background-position: -16px -160px; }
+.ui-icon-seek-next { background-position: -32px -160px; }
+.ui-icon-seek-prev { background-position: -48px -160px; }
+.ui-icon-seek-end { background-position: -64px -160px; }
+.ui-icon-seek-start { background-position: -80px -160px; }
+/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
+.ui-icon-seek-first { background-position: -80px -160px; }
+.ui-icon-stop { background-position: -96px -160px; }
+.ui-icon-eject { background-position: -112px -160px; }
+.ui-icon-volume-off { background-position: -128px -160px; }
+.ui-icon-volume-on { background-position: -144px -160px; }
+.ui-icon-power { background-position: 0 -176px; }
+.ui-icon-signal-diag { background-position: -16px -176px; }
+.ui-icon-signal { background-position: -32px -176px; }
+.ui-icon-battery-0 { background-position: -48px -176px; }
+.ui-icon-battery-1 { background-position: -64px -176px; }
+.ui-icon-battery-2 { background-position: -80px -176px; }
+.ui-icon-battery-3 { background-position: -96px -176px; }
+.ui-icon-circle-plus { background-position: 0 -192px; }
+.ui-icon-circle-minus { background-position: -16px -192px; }
+.ui-icon-circle-close { background-position: -32px -192px; }
+.ui-icon-circle-triangle-e { background-position: -48px -192px; }
+.ui-icon-circle-triangle-s { background-position: -64px -192px; }
+.ui-icon-circle-triangle-w { background-position: -80px -192px; }
+.ui-icon-circle-triangle-n { background-position: -96px -192px; }
+.ui-icon-circle-arrow-e { background-position: -112px -192px; }
+.ui-icon-circle-arrow-s { background-position: -128px -192px; }
+.ui-icon-circle-arrow-w { background-position: -144px -192px; }
+.ui-icon-circle-arrow-n { background-position: -160px -192px; }
+.ui-icon-circle-zoomin { background-position: -176px -192px; }
+.ui-icon-circle-zoomout { background-position: -192px -192px; }
+.ui-icon-circle-check { background-position: -208px -192px; }
+.ui-icon-circlesmall-plus { background-position: 0 -208px; }
+.ui-icon-circlesmall-minus { background-position: -16px -208px; }
+.ui-icon-circlesmall-close { background-position: -32px -208px; }
+.ui-icon-squaresmall-plus { background-position: -48px -208px; }
+.ui-icon-squaresmall-minus { background-position: -64px -208px; }
+.ui-icon-squaresmall-close { background-position: -80px -208px; }
+.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
+.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
+.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
+.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
+.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
+.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
+
+
+/* Misc visuals
+----------------------------------*/
+
+/* Corner radius */
+.ui-corner-all,
+.ui-corner-top,
+.ui-corner-left,
+.ui-corner-tl {
+	border-top-left-radius: 4px/*{cornerRadius}*/;
+}
+.ui-corner-all,
+.ui-corner-top,
+.ui-corner-right,
+.ui-corner-tr {
+	border-top-right-radius: 4px/*{cornerRadius}*/;
+}
+.ui-corner-all,
+.ui-corner-bottom,
+.ui-corner-left,
+.ui-corner-bl {
+	border-bottom-left-radius: 4px/*{cornerRadius}*/;
+}
+.ui-corner-all,
+.ui-corner-bottom,
+.ui-corner-right,
+.ui-corner-br {
+	border-bottom-right-radius: 4px/*{cornerRadius}*/;
+}
+
+/* Overlays */
+.ui-widget-overlay {
+	background: #aaaaaa/*{bgColorOverlay}*/ url(images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlOverlay}*/ 50%/*{bgOverlayXPos}*/ 50%/*{bgOverlayYPos}*/ repeat-x/*{bgOverlayRepeat}*/;
+	opacity: .3/*{opacityOverlay}*/;
+	filter: Alpha(Opacity=30)/*{opacityFilterOverlay}*/;
+}
+.ui-widget-shadow {
+	margin: -8px/*{offsetTopShadow}*/ 0 0 -8px/*{offsetLeftShadow}*/;
+	padding: 8px/*{thicknessShadow}*/;
+	background: #aaaaaa/*{bgColorShadow}*/ url(images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlShadow}*/ 50%/*{bgShadowXPos}*/ 50%/*{bgShadowYPos}*/ repeat-x/*{bgShadowRepeat}*/;
+	opacity: .3/*{opacityShadow}*/;
+	filter: Alpha(Opacity=30)/*{opacityFilterShadow}*/;
+	border-radius: 8px/*{cornerRadiusShadow}*/;
+}
diff --git a/app/assets/stylesheets/default.css.sass b/app/assets/stylesheets/default.css.sass
index 799cc90866..ab895c6f6a 100644
--- a/app/assets/stylesheets/default.css.sass
+++ b/app/assets/stylesheets/default.css.sass
@@ -102,5 +102,7 @@
 @import content/autocomplete
 @import content/diff
 
+@import content/jquery_ui
+
 @import misc_legacy
 @import jstoolbar

From 6a5fe4609ab88ed7114797675e15424b8f42998e Mon Sep 17 00:00:00 2001
From: Alex Coles <alex@alexbcoles.com>
Date: Tue, 17 Mar 2015 10:51:45 -0300
Subject: [PATCH 06/26] Fix whitespace (tabs->spaces) in jQuery UI theme

Signed-off-by: Alex Coles <alex@alexbcoles.com>
---
 .../stylesheets/content/_jquery_ui.scss       | 142 +++++++++---------
 1 file changed, 71 insertions(+), 71 deletions(-)

diff --git a/app/assets/stylesheets/content/_jquery_ui.scss b/app/assets/stylesheets/content/_jquery_ui.scss
index 15d81b90b8..7529ce489a 100644
--- a/app/assets/stylesheets/content/_jquery_ui.scss
+++ b/app/assets/stylesheets/content/_jquery_ui.scss
@@ -43,35 +43,35 @@
 /* Component containers
 ----------------------------------*/
 .ui-widget {
-	font-family: Verdana,Arial,sans-serif/*{ffDefault}*/;
-	font-size: 1.1em/*{fsDefault}*/;
+  font-family: Verdana,Arial,sans-serif/*{ffDefault}*/;
+  font-size: 1.1em/*{fsDefault}*/;
 }
 .ui-widget .ui-widget {
-	font-size: 1em;
+  font-size: 1em;
 }
 .ui-widget input,
 .ui-widget select,
 .ui-widget textarea,
 .ui-widget button {
-	font-family: Verdana,Arial,sans-serif/*{ffDefault}*/;
-	font-size: 1em;
+  font-family: Verdana,Arial,sans-serif/*{ffDefault}*/;
+  font-size: 1em;
 }
 .ui-widget-content {
-	border: 1px solid #aaaaaa/*{borderColorContent}*/;
-	background: #ffffff/*{bgColorContent}*/ url(images/ui-bg_flat_75_ffffff_40x100.png)/*{bgImgUrlContent}*/ 50%/*{bgContentXPos}*/ 50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/;
-	color: #222222/*{fcContent}*/;
+  border: 1px solid #aaaaaa/*{borderColorContent}*/;
+  background: #ffffff/*{bgColorContent}*/;
+  color: #222222/*{fcContent}*/;
 }
 .ui-widget-content a {
-	color: #222222/*{fcContent}*/;
+  color: #222222/*{fcContent}*/;
 }
 .ui-widget-header {
-	border: 1px solid #aaaaaa/*{borderColorHeader}*/;
-	background: #cccccc/*{bgColorHeader}*/ url(images/ui-bg_highlight-soft_75_cccccc_1x100.png)/*{bgImgUrlHeader}*/ 50%/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/;
-	color: #222222/*{fcHeader}*/;
-	font-weight: bold;
+  border: 1px solid #aaaaaa/*{borderColorHeader}*/;
+  background: #cccccc/*{bgColorHeader}*/ url(images/ui-bg_highlight-soft_75_cccccc_1x100.png)/*{bgImgUrlHeader}*/ 50%/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/;
+  color: #222222/*{fcHeader}*/;
+  font-weight: bold;
 }
 .ui-widget-header a {
-	color: #222222/*{fcHeader}*/;
+  color: #222222/*{fcHeader}*/;
 }
 
 /* Interaction states
@@ -79,16 +79,16 @@
 .ui-state-default,
 .ui-widget-content .ui-state-default,
 .ui-widget-header .ui-state-default {
-	border: 1px solid #d3d3d3/*{borderColorDefault}*/;
-	background: #e6e6e6/*{bgColorDefault}*/ url(images/ui-bg_glass_75_e6e6e6_1x400.png)/*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/;
-	font-weight: normal/*{fwDefault}*/;
-	color: #555555/*{fcDefault}*/;
+  border: 1px solid #d3d3d3/*{borderColorDefault}*/;
+  background: #e6e6e6/*{bgColorDefault}*/ url(images/ui-bg_glass_75_e6e6e6_1x400.png)/*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/;
+  font-weight: normal/*{fwDefault}*/;
+  color: #555555/*{fcDefault}*/;
 }
 .ui-state-default a,
 .ui-state-default a:link,
 .ui-state-default a:visited {
-	color: #555555/*{fcDefault}*/;
-	text-decoration: none;
+  color: #555555/*{fcDefault}*/;
+  text-decoration: none;
 }
 .ui-state-hover,
 .ui-widget-content .ui-state-hover,
@@ -96,10 +96,10 @@
 .ui-state-focus,
 .ui-widget-content .ui-state-focus,
 .ui-widget-header .ui-state-focus {
-	border: 1px solid #999999/*{borderColorHover}*/;
-	background: #dadada/*{bgColorHover}*/ url(images/ui-bg_glass_75_dadada_1x400.png)/*{bgImgUrlHover}*/ 50%/*{bgHoverXPos}*/ 50%/*{bgHoverYPos}*/ repeat-x/*{bgHoverRepeat}*/;
-	font-weight: normal/*{fwDefault}*/;
-	color: #212121/*{fcHover}*/;
+  border: 1px solid #999999/*{borderColorHover}*/;
+  background: #dadada/*{bgColorHover}*/ url(images/ui-bg_glass_75_dadada_1x400.png)/*{bgImgUrlHover}*/ 50%/*{bgHoverXPos}*/ 50%/*{bgHoverYPos}*/ repeat-x/*{bgHoverRepeat}*/;
+  font-weight: normal/*{fwDefault}*/;
+  color: #212121/*{fcHover}*/;
 }
 .ui-state-hover a,
 .ui-state-hover a:hover,
@@ -109,22 +109,22 @@
 .ui-state-focus a:hover,
 .ui-state-focus a:link,
 .ui-state-focus a:visited {
-	color: #212121/*{fcHover}*/;
-	text-decoration: none;
+  color: #212121/*{fcHover}*/;
+  text-decoration: none;
 }
 .ui-state-active,
 .ui-widget-content .ui-state-active,
 .ui-widget-header .ui-state-active {
-	border: 1px solid #aaaaaa/*{borderColorActive}*/;
-	background: #ffffff/*{bgColorActive}*/ url(images/ui-bg_glass_65_ffffff_1x400.png)/*{bgImgUrlActive}*/ 50%/*{bgActiveXPos}*/ 50%/*{bgActiveYPos}*/ repeat-x/*{bgActiveRepeat}*/;
-	font-weight: normal/*{fwDefault}*/;
-	color: #212121/*{fcActive}*/;
+  border: 1px solid #aaaaaa/*{borderColorActive}*/;
+  background: #ffffff/*{bgColorActive}*/ url(images/ui-bg_glass_65_ffffff_1x400.png)/*{bgImgUrlActive}*/ 50%/*{bgActiveXPos}*/ 50%/*{bgActiveYPos}*/ repeat-x/*{bgActiveRepeat}*/;
+  font-weight: normal/*{fwDefault}*/;
+  color: #212121/*{fcActive}*/;
 }
 .ui-state-active a,
 .ui-state-active a:link,
 .ui-state-active a:visited {
-	color: #212121/*{fcActive}*/;
-	text-decoration: none;
+  color: #212121/*{fcActive}*/;
+  text-decoration: none;
 }
 
 /* Interaction Cues
@@ -132,53 +132,53 @@
 .ui-state-highlight,
 .ui-widget-content .ui-state-highlight,
 .ui-widget-header .ui-state-highlight {
-	border: 1px solid #fcefa1/*{borderColorHighlight}*/;
-	background: #fbf9ee/*{bgColorHighlight}*/ url(images/ui-bg_glass_55_fbf9ee_1x400.png)/*{bgImgUrlHighlight}*/ 50%/*{bgHighlightXPos}*/ 50%/*{bgHighlightYPos}*/ repeat-x/*{bgHighlightRepeat}*/;
-	color: #363636/*{fcHighlight}*/;
+  border: 1px solid #fcefa1/*{borderColorHighlight}*/;
+  background: #fbf9ee/*{bgColorHighlight}*/ url(images/ui-bg_glass_55_fbf9ee_1x400.png)/*{bgImgUrlHighlight}*/ 50%/*{bgHighlightXPos}*/ 50%/*{bgHighlightYPos}*/ repeat-x/*{bgHighlightRepeat}*/;
+  color: #363636/*{fcHighlight}*/;
 }
 .ui-state-highlight a,
 .ui-widget-content .ui-state-highlight a,
 .ui-widget-header .ui-state-highlight a {
-	color: #363636/*{fcHighlight}*/;
+  color: #363636/*{fcHighlight}*/;
 }
 .ui-state-error,
 .ui-widget-content .ui-state-error,
 .ui-widget-header .ui-state-error {
-	border: 1px solid #cd0a0a/*{borderColorError}*/;
-	background: #fef1ec/*{bgColorError}*/ url(images/ui-bg_glass_95_fef1ec_1x400.png)/*{bgImgUrlError}*/ 50%/*{bgErrorXPos}*/ 50%/*{bgErrorYPos}*/ repeat-x/*{bgErrorRepeat}*/;
-	color: #cd0a0a/*{fcError}*/;
+  border: 1px solid #cd0a0a/*{borderColorError}*/;
+  background: #fef1ec/*{bgColorError}*/ url(images/ui-bg_glass_95_fef1ec_1x400.png)/*{bgImgUrlError}*/ 50%/*{bgErrorXPos}*/ 50%/*{bgErrorYPos}*/ repeat-x/*{bgErrorRepeat}*/;
+  color: #cd0a0a/*{fcError}*/;
 }
 .ui-state-error a,
 .ui-widget-content .ui-state-error a,
 .ui-widget-header .ui-state-error a {
-	color: #cd0a0a/*{fcError}*/;
+  color: #cd0a0a/*{fcError}*/;
 }
 .ui-state-error-text,
 .ui-widget-content .ui-state-error-text,
 .ui-widget-header .ui-state-error-text {
-	color: #cd0a0a/*{fcError}*/;
+  color: #cd0a0a/*{fcError}*/;
 }
 .ui-priority-primary,
 .ui-widget-content .ui-priority-primary,
 .ui-widget-header .ui-priority-primary {
-	font-weight: bold;
+  font-weight: bold;
 }
 .ui-priority-secondary,
 .ui-widget-content .ui-priority-secondary,
 .ui-widget-header .ui-priority-secondary {
-	opacity: .7;
-	filter:Alpha(Opacity=70);
-	font-weight: normal;
+  opacity: .7;
+  filter:Alpha(Opacity=70);
+  font-weight: normal;
 }
 .ui-state-disabled,
 .ui-widget-content .ui-state-disabled,
 .ui-widget-header .ui-state-disabled {
-	opacity: .35;
-	filter:Alpha(Opacity=35);
-	background-image: none;
+  opacity: .35;
+  filter:Alpha(Opacity=35);
+  background-image: none;
 }
 .ui-state-disabled .ui-icon {
-	filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
+  filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
 }
 
 /* Icons
@@ -186,32 +186,32 @@
 
 /* states and images */
 .ui-icon {
-	width: 16px;
-	height: 16px;
+  width: 16px;
+  height: 16px;
 }
 .ui-icon,
 .ui-widget-content .ui-icon {
-	background-image: url(images/ui-icons_222222_256x240.png)/*{iconsContent}*/;
+  background-image: url(images/ui-icons_222222_256x240.png)/*{iconsContent}*/;
 }
 .ui-widget-header .ui-icon {
-	background-image: url(images/ui-icons_222222_256x240.png)/*{iconsHeader}*/;
+  background-image: url(images/ui-icons_222222_256x240.png)/*{iconsHeader}*/;
 }
 .ui-state-default .ui-icon {
-	background-image: url(images/ui-icons_888888_256x240.png)/*{iconsDefault}*/;
+  background-image: url(images/ui-icons_888888_256x240.png)/*{iconsDefault}*/;
 }
 .ui-state-hover .ui-icon,
 .ui-state-focus .ui-icon {
-	background-image: url(images/ui-icons_454545_256x240.png)/*{iconsHover}*/;
+  background-image: url(images/ui-icons_454545_256x240.png)/*{iconsHover}*/;
 }
 .ui-state-active .ui-icon {
-	background-image: url(images/ui-icons_454545_256x240.png)/*{iconsActive}*/;
+  background-image: url(images/ui-icons_454545_256x240.png)/*{iconsActive}*/;
 }
 .ui-state-highlight .ui-icon {
-	background-image: url(images/ui-icons_2e83ff_256x240.png)/*{iconsHighlight}*/;
+  background-image: url(images/ui-icons_2e83ff_256x240.png)/*{iconsHighlight}*/;
 }
 .ui-state-error .ui-icon,
 .ui-state-error-text .ui-icon {
-	background-image: url(images/ui-icons_cd0a0a_256x240.png)/*{iconsError}*/;
+  background-image: url(images/ui-icons_cd0a0a_256x240.png)/*{iconsError}*/;
 }
 
 /* positioning */
@@ -401,38 +401,38 @@
 .ui-corner-top,
 .ui-corner-left,
 .ui-corner-tl {
-	border-top-left-radius: 4px/*{cornerRadius}*/;
+  border-top-left-radius: 4px/*{cornerRadius}*/;
 }
 .ui-corner-all,
 .ui-corner-top,
 .ui-corner-right,
 .ui-corner-tr {
-	border-top-right-radius: 4px/*{cornerRadius}*/;
+  border-top-right-radius: 4px/*{cornerRadius}*/;
 }
 .ui-corner-all,
 .ui-corner-bottom,
 .ui-corner-left,
 .ui-corner-bl {
-	border-bottom-left-radius: 4px/*{cornerRadius}*/;
+  border-bottom-left-radius: 4px/*{cornerRadius}*/;
 }
 .ui-corner-all,
 .ui-corner-bottom,
 .ui-corner-right,
 .ui-corner-br {
-	border-bottom-right-radius: 4px/*{cornerRadius}*/;
+  border-bottom-right-radius: 4px/*{cornerRadius}*/;
 }
 
 /* Overlays */
 .ui-widget-overlay {
-	background: #aaaaaa/*{bgColorOverlay}*/ url(images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlOverlay}*/ 50%/*{bgOverlayXPos}*/ 50%/*{bgOverlayYPos}*/ repeat-x/*{bgOverlayRepeat}*/;
-	opacity: .3/*{opacityOverlay}*/;
-	filter: Alpha(Opacity=30)/*{opacityFilterOverlay}*/;
+  background: #aaaaaa/*{bgColorOverlay}*/ url(images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlOverlay}*/ 50%/*{bgOverlayXPos}*/ 50%/*{bgOverlayYPos}*/ repeat-x/*{bgOverlayRepeat}*/;
+  opacity: .3/*{opacityOverlay}*/;
+  filter: Alpha(Opacity=30)/*{opacityFilterOverlay}*/;
 }
 .ui-widget-shadow {
-	margin: -8px/*{offsetTopShadow}*/ 0 0 -8px/*{offsetLeftShadow}*/;
-	padding: 8px/*{thicknessShadow}*/;
-	background: #aaaaaa/*{bgColorShadow}*/ url(images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlShadow}*/ 50%/*{bgShadowXPos}*/ 50%/*{bgShadowYPos}*/ repeat-x/*{bgShadowRepeat}*/;
-	opacity: .3/*{opacityShadow}*/;
-	filter: Alpha(Opacity=30)/*{opacityFilterShadow}*/;
-	border-radius: 8px/*{cornerRadiusShadow}*/;
+  margin: -8px/*{offsetTopShadow}*/ 0 0 -8px/*{offsetLeftShadow}*/;
+  padding: 8px/*{thicknessShadow}*/;
+  background: #aaaaaa/*{bgColorShadow}*/ url(images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlShadow}*/ 50%/*{bgShadowXPos}*/ 50%/*{bgShadowYPos}*/ repeat-x/*{bgShadowRepeat}*/;
+  opacity: .3/*{opacityShadow}*/;
+  filter: Alpha(Opacity=30)/*{opacityFilterShadow}*/;
+  border-radius: 8px/*{cornerRadiusShadow}*/;
 }

From aa1be7f4b0c2b91f02ebb13214fb2ddd59de52ed Mon Sep 17 00:00:00 2001
From: Alex Coles <alex@alexbcoles.com>
Date: Tue, 17 Mar 2015 11:10:59 -0300
Subject: [PATCH 07/26] Remove background images in jQuery UI theme

If we need more than plain colours, we should use CSS gradients.

Signed-off-by: Alex Coles <alex@alexbcoles.com>
---
 app/assets/stylesheets/content/_jquery_ui.scss | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/app/assets/stylesheets/content/_jquery_ui.scss b/app/assets/stylesheets/content/_jquery_ui.scss
index 7529ce489a..a899de5036 100644
--- a/app/assets/stylesheets/content/_jquery_ui.scss
+++ b/app/assets/stylesheets/content/_jquery_ui.scss
@@ -66,7 +66,7 @@
 }
 .ui-widget-header {
   border: 1px solid #aaaaaa/*{borderColorHeader}*/;
-  background: #cccccc/*{bgColorHeader}*/ url(images/ui-bg_highlight-soft_75_cccccc_1x100.png)/*{bgImgUrlHeader}*/ 50%/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/;
+  background: #cccccc/*{bgColorHeader}*/;
   color: #222222/*{fcHeader}*/;
   font-weight: bold;
 }
@@ -80,7 +80,7 @@
 .ui-widget-content .ui-state-default,
 .ui-widget-header .ui-state-default {
   border: 1px solid #d3d3d3/*{borderColorDefault}*/;
-  background: #e6e6e6/*{bgColorDefault}*/ url(images/ui-bg_glass_75_e6e6e6_1x400.png)/*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/;
+  background: #e6e6e6/*{bgColorDefault}*/;
   font-weight: normal/*{fwDefault}*/;
   color: #555555/*{fcDefault}*/;
 }
@@ -97,7 +97,7 @@
 .ui-widget-content .ui-state-focus,
 .ui-widget-header .ui-state-focus {
   border: 1px solid #999999/*{borderColorHover}*/;
-  background: #dadada/*{bgColorHover}*/ url(images/ui-bg_glass_75_dadada_1x400.png)/*{bgImgUrlHover}*/ 50%/*{bgHoverXPos}*/ 50%/*{bgHoverYPos}*/ repeat-x/*{bgHoverRepeat}*/;
+  background: #dadada/*{bgColorHover}*/;
   font-weight: normal/*{fwDefault}*/;
   color: #212121/*{fcHover}*/;
 }
@@ -116,7 +116,7 @@
 .ui-widget-content .ui-state-active,
 .ui-widget-header .ui-state-active {
   border: 1px solid #aaaaaa/*{borderColorActive}*/;
-  background: #ffffff/*{bgColorActive}*/ url(images/ui-bg_glass_65_ffffff_1x400.png)/*{bgImgUrlActive}*/ 50%/*{bgActiveXPos}*/ 50%/*{bgActiveYPos}*/ repeat-x/*{bgActiveRepeat}*/;
+  background: #ffffff/*{bgColorActive}*/;
   font-weight: normal/*{fwDefault}*/;
   color: #212121/*{fcActive}*/;
 }
@@ -133,7 +133,7 @@
 .ui-widget-content .ui-state-highlight,
 .ui-widget-header .ui-state-highlight {
   border: 1px solid #fcefa1/*{borderColorHighlight}*/;
-  background: #fbf9ee/*{bgColorHighlight}*/ url(images/ui-bg_glass_55_fbf9ee_1x400.png)/*{bgImgUrlHighlight}*/ 50%/*{bgHighlightXPos}*/ 50%/*{bgHighlightYPos}*/ repeat-x/*{bgHighlightRepeat}*/;
+  background: #fbf9ee/*{bgColorHighlight}*/;
   color: #363636/*{fcHighlight}*/;
 }
 .ui-state-highlight a,
@@ -145,7 +145,7 @@
 .ui-widget-content .ui-state-error,
 .ui-widget-header .ui-state-error {
   border: 1px solid #cd0a0a/*{borderColorError}*/;
-  background: #fef1ec/*{bgColorError}*/ url(images/ui-bg_glass_95_fef1ec_1x400.png)/*{bgImgUrlError}*/ 50%/*{bgErrorXPos}*/ 50%/*{bgErrorYPos}*/ repeat-x/*{bgErrorRepeat}*/;
+  background: #fef1ec/*{bgColorError}*/;
   color: #cd0a0a/*{fcError}*/;
 }
 .ui-state-error a,

From fbf0a395ba304826cb95048725c8ec9b8135de1f Mon Sep 17 00:00:00 2001
From: Alex Coles <alex@alexbcoles.com>
Date: Tue, 17 Mar 2015 11:38:17 -0300
Subject: [PATCH 08/26] Copy jQuery UI icons into app/assets/images

This saves us from having to make the asset pipeline Bower-aware once
more.

Signed-off-by: Alex Coles <alex@alexbcoles.com>
---
 .../images/jquery-ui/ui-icons_222222_256x240.png | Bin 0 -> 4369 bytes
 .../images/jquery-ui/ui-icons_2e83ff_256x240.png | Bin 0 -> 4369 bytes
 .../images/jquery-ui/ui-icons_454545_256x240.png | Bin 0 -> 4369 bytes
 .../images/jquery-ui/ui-icons_888888_256x240.png | Bin 0 -> 4369 bytes
 .../images/jquery-ui/ui-icons_cd0a0a_256x240.png | Bin 0 -> 4369 bytes
 app/assets/stylesheets/content/_jquery_ui.scss   |  14 +++++++-------
 6 files changed, 7 insertions(+), 7 deletions(-)
 create mode 100644 app/assets/images/jquery-ui/ui-icons_222222_256x240.png
 create mode 100644 app/assets/images/jquery-ui/ui-icons_2e83ff_256x240.png
 create mode 100644 app/assets/images/jquery-ui/ui-icons_454545_256x240.png
 create mode 100644 app/assets/images/jquery-ui/ui-icons_888888_256x240.png
 create mode 100644 app/assets/images/jquery-ui/ui-icons_cd0a0a_256x240.png

diff --git a/app/assets/images/jquery-ui/ui-icons_222222_256x240.png b/app/assets/images/jquery-ui/ui-icons_222222_256x240.png
new file mode 100644
index 0000000000000000000000000000000000000000..ee039dc096a38a3753f92519546eee94bcfbeffa
GIT binary patch
literal 4369
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

literal 0
HcmV?d00001

diff --git a/app/assets/images/jquery-ui/ui-icons_2e83ff_256x240.png b/app/assets/images/jquery-ui/ui-icons_2e83ff_256x240.png
new file mode 100644
index 0000000000000000000000000000000000000000..45e8928e5284adacea3f9ec07b9b50667d2ac65f
GIT binary patch
literal 4369
zcmd^?`8O2)_s3^phOrG}UnfiUEn8(9QW1?MNkxXVDEpFin2{xWrLx5kBC;k~Gm<qS
zlCjL7i8RK}U~J#s@6Y%1S9~7lb?$xLU+y{go_o*h`AV=spXY*!!T<mOmxZ~R9RL9Q
zdj+hrf&W^P#f9C!Zpp^V{;b-=qyL>Fhwsn)TR1w<4t)tA3_robX4CdCOHJC|7j+vW
z%J-EMX&`87enIluaSc0_SnYUx$GzUc?vrNXt&I`o?~7C3RJ>C-Ajq!3AfU8Dx90^_
zp3}MKjJzYC+`T(&egFXQ#9Ek{*oVAaa!zrZtmlRFnwQPRJXH<%pkK2*eP`pT=lwD7
zifq+4BY_rUTa+U|2#&?i7>PVvD?7R4ZfOLPT{e<z*9Sa%-q+JZ0`uF@uf^uR0+0eA
zKOCxXcaQOB0xyL&$7t}dfX{x=z?wHIs;&yo%nJr`+{Z2X98Hy3`tm$u;dhd<8yL(-
z;#Sne;Lpz{>9G~G!Ls3s8JtQE`jMM9w<tfkOhc;ql-3a{hO%LC#ZWVT(nn|vd<pzY
zQv5BF3Fy2~(>l2V9&Q+K2DHW0M+uQmEr%nYJ^7cK?uIpU-)=wn71ZZ-=@ar0;3^AY
z5+TI{2b(e%t{2PZ<B%x(nNg1>^HKF*vu@+Xr<l6w#|okxspftdv$I9rN_GQ)7q|*8
zs5y_rF@oIq1RoU``$~Uk{rhVB^2n_8t2HJSxDFflkb2zZ+{WSl|IoP?Sr2=Mv_tpb
zBhqwukeg|uo9qd8ZqP<?l)|%<*;D+JXWZi%on=Ghf-03Mlsz8h(Q+`v>&BAc@2BC4
z_vCgww#i=)ea5Vo$glEEVBBg_VPBj!)OO>)f@}#dg6ULOeC>LBHz<;*5Y;YfE0lNx
zg{N+4@lO~ozxpF69qV@VOGnc248Iuag4C1T)P^(hWkpP!{h!JekX}m^Q#b2B4f1oT
zIjsGz)4}-$rQ*-tS<w5Y%xt4vvDzNI7LjNDGL|1T2eU@2@{VTp9rUuZlx!D2{rUJ{
z3A%pW8$~DC0b2^P95?wbyueB1Bn4o?``LnX$Uf9F<C;}N4GLdAn{SZSlT7_PlCs0I
zDBXb%F`GiL7)vk|BieTWHX3ScMxyQ_M+@in`79A|2b?#r0AHuH>uc%qG>%<4xM#E&
zN)7lRK~^2VdiloY4>;#}A!yHOAXEmEi^+eA#05pawGXs>!z)gSoDuI#>bRCq-qjJe
zZ)r=A`*EMX6+)~er1kdv1L^)0-PsAEM7JF$O6G8>496$24lkO<m1%2pOjtWwevM#F
z42>SR^RTfUuIz%iSfn5b-t!##cs7sQI);gdAvqmn_v|%I9k;fCPl0Z)R1+hNQONJN
zH%3jT9sOq*a`LF*MiY=zlSSQZ;{_FL9M07A=In+O!~wR}=bzGEQpk2!Vc0p)qKAH?
zOk{(%06W#)DdICQ_S%Q@<0Y+!?9%#$gWJ%)EO-<BTe}-}iZ54sx|$u%lQFIs?k4-B
z^|c_dxJ&9M^?WcqnEWyMADUCvUrhIaT;pF-+@vY1ij0*Jdz5c>>^YZP{<`oB4~9xh
zL9-0*c4@B#O2ylYs_g`Ky$zb~v!M`NRaMNFYF*Gsu|7)=JyyMHjFC=HhGUE@{aI|B
zJ~ITXU052%7jFb5Ys#fhS_?4kqc7H0EU49B8(Chg0&JzU=Gka#xOz1)H0d4m7ZnRA
z=M^tdY|U6T!fmte{W?_r8H~qdq|q{5AMU_2It1I4143n~xL?4&K#BOB48<w*Teqll
zf9X0fz4bHZ-Y$~|BFf{9mP#ye@YYTq-BICfY&StDZDl#G{Ztz02J1kC%b`U^<5ZiZ
z__Fi!u{2kX`iENVlA~L2)^LW8=_9VB;|Bbj&#bO<lzgV3Z>l9_Rdm!(c^C?JU;tF0
zEh@o1y6Qa_>}#AwX{VY+`C^kNkxhgb1P5cB0%xupAXyg9NO=SnXrJUE?rQg{Lcsn+
zAZKctGLfbK_B#^&Nev|0^fB&?DN=ak8|0!np524LD25=s84BP8Vl(3=jflNp{X>e@
z637Ri5xx;&JNl+XYImA|{;XR~P*svYDEWYJ6I5!6uO~2twFC1ZQevB7#3z~(apxn&
z^J@>Mc`>PJair{yT`<jZrWX;x-v7*qmDxI3P+Mg!OC%kw(l;VOuzC|8#l%8Tv4(G0
z7_1cw5ch!89b^LbMtCv$CT7IO@xA>iuan-V+i%|Ho-pA<1?V-k^R2Q<5;Co%XxmL`
z018t4T0TTwO^w)Gx{9OSJ^9_|kgwX`7%0Rw!PO~@?xvnfUehvN;2Rc;^l>3kfbtk3
z8{j7p;S&{uTlTe9&HTc38q@%_KQFk<&n{vmrN7y&Cz{etcE->rq!6HL)2F!aa=0%!
zM%Bwo!7TQ5t;@a_#Q}sjk{UebWQZ8{cp&HN^$*JfH#8spkhk{R@CVBiPuP@yEhu{}
zsQfuhTqV%rioATpEphMfhyRYbVfVW`YwLFXUWm-===J(byMf!5;W^CV1g~2194Xx)
zFK|z{pm%n-)-DRe{Qhk(d!QaoI*y%Wn6h7<6A{i*Sob&B^y|Spg!&J$`kN>zwUJ3x
zaB$ciu<nSNOim3uYsQP5jc-?Naxj(j<)z};2hoFn0&u_kBM}O@VS5)nDYx1pf*RQR
z`S)$xBwb^buzAY%gnq7CFpintWEa)7yX44mQ(9Sxz=?kBxk*6p@w42$*>*0FJKg}T
ztgnh)ASF8njz5>h6?f#{c=<QigVeYbrKRaeqWoE+%S;th=M#iBteNh&UJyV9DiQ2h
zCovT3fv1eTQ@mSXnGo$!aqUldv6@p0GWkoaEpG=8r)RRRm`|p~(T62hpEIu=ka-lH
zHFz2@lD_Q*`R}K5+eNd{WnX-*hEHn`>*Yr4W_34$GmVIo8OLWjcZK4a0`+Yv-!*}9
zBwKm;DAsA(nDI-`iH@;`=gP+m{lgFLHK3m$W@?)&dGhDA_Z2xOzI0$p(ZJtH$vCxE
zj>+kYNBJzs-TlSx!tSH}%I9fQv)mc!C7X0bKlZv4f&}C3+O-4k7A<p}+mKlQ4rT=l
zCn2{pDn1>mVO|KYZ9ydP%(N1^uisV8y;~p`x4qFXD?!_OyN9=w(O<V*&M}1I>d6W;
zGrT?G;l2v@Ob5k^8w<9w%Jbjb^|H}PYKo}I<qcU#EQV?(-;CW$3_+TixaI#lD-xJT
z(AO6gph7h?y_UKm^jWi&NP`DX>~bobd!XrTbzp2Zp~H8lgJ)I3?l&(bDiWf8gE&6b
z>)9GB=Iu-6%I((+>=jGP>CzD8c0oWITFZGgM!Q7|JrUYq4#^Y(vuDu-a>OWDa4Y4}
z5a_*lW#IL_aVf8L+Ty}c&2VojLEIA-;eQK6Wo?<KawYbZ!!f3+b@4Ui!v_Lt9t*qk
zDRw@T5NsTbrkFQA%ko%G1_Lb|ijKF_IU^teY$_8;Ght~t5fIeS9_!kg2AC0L3%DAp
z)%@G=p6e~2D2qisLge~Zg_>xAuK>i;1VWx3c=!s2;j_*iRHOsb*>6-C<qcj8`@=rO
zP}XMY68YV0>gcYP+Ho=L@XLd*j~2ln-;WHg)|cCixksH$K={5rGSD@yB%LI|(NCc8
z1Er8H+QO)~S~K{g?nH|2dB8SKs)BxQ?%G}}o*LV!NG2m*TmR|pWj~g`>)ClJCE#F$
zcj)fBg(dKOKmc$Cy}IRlasngIR>z~kP&WW~9cC951{AKmnZ~ZMsqup6QQf7J0T1;C
zK9*Qd5*(HxW=tl|RfjO>nkoW#AU3t>JkuzWxy4-l?xmTv15_r1X@p@dz^{&j&;{Mq
z$^0$0q&y?kbdZh)kZ+NfXfqLTG}Q^j>qHlUH4VEK`3y^-z6Y<6O88Hf4v^;}!{t-a
zDWg;znYu%6zA1~A5~<XNrYJBS8~snn$jIDO<y@mJydzi%ZH$Z$)QuZaz%45=1m~)~
z4Q`zYwLIYfLfxmU0o|G_6zFY@4*h+3cz>w?<TWDm>fxO~i8-Ib(^02{c4pXjhDI^2
zXB1LP4dvWuc%PXQ{r!d#6>${rm+M8EJM8yf#!H$Kp8AxwUXm5`7Tu-J$mHe<eDz8P
zkinV!Ohb>CG>vw|&Ay415}_1w&*9K8+2d3v1N+@a$|820o4u60Tj@u&kI!~q2V9X;
z>tMvQDI|O$#m+m2O**ZHq`_{#8)ry6`&5s~2k{O4Du16Fn0P;&_(0!e5%Bel){nU0
zJX~<8U6hoI%yx}qGY_1Tq7YKDJ)ETOCs&W)TiCrK*1%DE*vXdD-7hwE*LUgjeHRM`
z&@pkhTi&gtm#Kc+QIK+2Ybn9-sFVKNHyIgfob4H_77yYh))Rq$7Pw|+aD6&yZ|ki9
z8Zb6s{oBt1G+PgfIcxd}{m@~1nzhe;LH)5;!gS8@ddyabpdBc?7JVl?tS+<#bPSMT
z2@0uYdsWN(;Ww)n-PlA-0r+62@bYkEa`k{0s})fJgYZ#5=DmIdEvok7aZJRi{w-|}
zkea&<y#A2`hji}_#v2m7skndFe=lVxz&%)EE=piOEcJ&sO<`_b5^G%<n#vzp@oj^X
z%JiB6!h~{GSBxDmQ}k74qOt+84)V%~Jq`#i%7JivMeIU@9c}EI^K40lP|4}S;=!@7
zGZ1<3!HDW~9HJ?Y+=H6KhjKBrTPh}kHZl%5Q%W!nlj+c4IFM2PEm3CsAj}43o5_VX
zI-!1a5dPZ9M=_Q046q0ky|R;>6X}ZA3b7&vbDb7)v8CuI(+zzSf3z&P2eOrPNP?D~
z<WE8xnp!@QBele5FWK2lN)$}!cCBpfhDIq9vIqZBv5sQ<ySQilLber3RTGpZf7ria
z#<%~5cZOy?MY7b3oG#yZ-x@S0yR!k5+6TUj@N(-|bnt#LJh2{}%jx9MIwuve8&6>f
zn0@)0h;~5F&BG5v<AsTOfLuEFtBLWM#rp>OFU!=woW&ZSl~nrs{?1w>nWfW_dnpTd
z4qvLDYJ*ft>Sp%M(^_xCZpNBn<v0_^?y$&i*)D%LpQp$0NyRBLxtjpMg2Bt27wV-}
zA7?@{eZ;cBD%L0_pT_h@0b7Nob>c66JX}A|ZL9IENM`U>`ph7d<+RQiI}@E8Y)70s
zMC*_&))}GlmR}@{v9*nm)29-=rn`Q$rc^4G)GVQHlTr6BpGxtHuU(8AF7Ffh54?5w
zj+EYT9>x)PWL-iQ@RNm<k%46_xu3)RJlgba`xYU0%*_29yy1gU*1=vg_B;a@J`J7P
zZbtp1M*r&3*S1r6=Ez1EU)iWolOX*FyrcztJ`}_b+S&bhk>T?R+|c@=FOmj)5Za6_
z@DkVy4l^L>Z3#SI@s_eVwd3D)<^Ivq8a~J{|4mhOL^<7M4D8){ut;GIqqn`oqCk|x
pNh;Wa$C0(mdpqYz&F>xK-uVD=DT5%Jzh8ZT#aXmjr70%*{{S|9XD$E$

literal 0
HcmV?d00001

diff --git a/app/assets/images/jquery-ui/ui-icons_454545_256x240.png b/app/assets/images/jquery-ui/ui-icons_454545_256x240.png
new file mode 100644
index 0000000000000000000000000000000000000000..7ec70d11bfb2f77374dfd00ef61ba0c3647b5a0c
GIT binary patch
literal 4369
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

literal 0
HcmV?d00001

diff --git a/app/assets/images/jquery-ui/ui-icons_888888_256x240.png b/app/assets/images/jquery-ui/ui-icons_888888_256x240.png
new file mode 100644
index 0000000000000000000000000000000000000000..5ba708c39172a69e069136bd1309c4322c61f571
GIT binary patch
literal 4369
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

literal 0
HcmV?d00001

diff --git a/app/assets/images/jquery-ui/ui-icons_cd0a0a_256x240.png b/app/assets/images/jquery-ui/ui-icons_cd0a0a_256x240.png
new file mode 100644
index 0000000000000000000000000000000000000000..7930a558099bc8d92b4264eb67a0f040460f4a4f
GIT binary patch
literal 4369
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

literal 0
HcmV?d00001

diff --git a/app/assets/stylesheets/content/_jquery_ui.scss b/app/assets/stylesheets/content/_jquery_ui.scss
index a899de5036..6daa763b1f 100644
--- a/app/assets/stylesheets/content/_jquery_ui.scss
+++ b/app/assets/stylesheets/content/_jquery_ui.scss
@@ -191,27 +191,27 @@
 }
 .ui-icon,
 .ui-widget-content .ui-icon {
-  background-image: url(images/ui-icons_222222_256x240.png)/*{iconsContent}*/;
+  background-image: image-url('jquery-ui/ui-icons_222222_256x240.png')/*{iconsContent}*/;
 }
 .ui-widget-header .ui-icon {
-  background-image: url(images/ui-icons_222222_256x240.png)/*{iconsHeader}*/;
+  background-image: image-url('jquery-ui/ui-icons_222222_256x240.png')/*{iconsHeader}*/;
 }
 .ui-state-default .ui-icon {
-  background-image: url(images/ui-icons_888888_256x240.png)/*{iconsDefault}*/;
+  background-image: image-url('jquery-ui/ui-icons_888888_256x240.png')/*{iconsDefault}*/;
 }
 .ui-state-hover .ui-icon,
 .ui-state-focus .ui-icon {
-  background-image: url(images/ui-icons_454545_256x240.png)/*{iconsHover}*/;
+  background-image: image-url('jquery-ui/ui-icons_454545_256x240.png')/*{iconsHover}*/;
 }
 .ui-state-active .ui-icon {
-  background-image: url(images/ui-icons_454545_256x240.png)/*{iconsActive}*/;
+  background-image: image-url('jquery-ui/ui-icons_454545_256x240.png')/*{iconsActive}*/;
 }
 .ui-state-highlight .ui-icon {
-  background-image: url(images/ui-icons_2e83ff_256x240.png)/*{iconsHighlight}*/;
+  background-image: image-url('jquery-ui/ui-icons_2e83ff_256x240.png')/*{iconsHighlight}*/;
 }
 .ui-state-error .ui-icon,
 .ui-state-error-text .ui-icon {
-  background-image: url(images/ui-icons_cd0a0a_256x240.png)/*{iconsError}*/;
+  background-image: image-url('jquery-ui/ui-icons_cd0a0a_256x240.png')/*{iconsError}*/;
 }
 
 /* positioning */

From 5ce33271502c8feef1aa9d044321f53b5c1b3a04 Mon Sep 17 00:00:00 2001
From: Alex Coles <alex@alexbcoles.com>
Date: Tue, 17 Mar 2015 12:15:55 -0300
Subject: [PATCH 09/26] Remove more background images in jQuery UI theme

Signed-off-by: Alex Coles <alex@alexbcoles.com>
---
 app/assets/stylesheets/content/_jquery_ui.scss | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/assets/stylesheets/content/_jquery_ui.scss b/app/assets/stylesheets/content/_jquery_ui.scss
index 6daa763b1f..3886b0e503 100644
--- a/app/assets/stylesheets/content/_jquery_ui.scss
+++ b/app/assets/stylesheets/content/_jquery_ui.scss
@@ -424,14 +424,14 @@
 
 /* Overlays */
 .ui-widget-overlay {
-  background: #aaaaaa/*{bgColorOverlay}*/ url(images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlOverlay}*/ 50%/*{bgOverlayXPos}*/ 50%/*{bgOverlayYPos}*/ repeat-x/*{bgOverlayRepeat}*/;
+  background: #aaaaaa/*{bgColorOverlay}*/;
   opacity: .3/*{opacityOverlay}*/;
   filter: Alpha(Opacity=30)/*{opacityFilterOverlay}*/;
 }
 .ui-widget-shadow {
   margin: -8px/*{offsetTopShadow}*/ 0 0 -8px/*{offsetLeftShadow}*/;
   padding: 8px/*{thicknessShadow}*/;
-  background: #aaaaaa/*{bgColorShadow}*/ url(images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlShadow}*/ 50%/*{bgShadowXPos}*/ 50%/*{bgShadowYPos}*/ repeat-x/*{bgShadowRepeat}*/;
+  background: #aaaaaa/*{bgColorShadow}*/;
   opacity: .3/*{opacityShadow}*/;
   filter: Alpha(Opacity=30)/*{opacityFilterShadow}*/;
   border-radius: 8px/*{cornerRadiusShadow}*/;

From 103efefef05c5c09f8ec1bfa3f74f844fb09fa63 Mon Sep 17 00:00:00 2001
From: Alex Coles <alex@alexbcoles.com>
Date: Tue, 17 Mar 2015 09:29:03 -0300
Subject: [PATCH 10/26] Living Style Guide: Add 3rd-party JS/CSS (Gulp)

Signed-off-by: Alex Coles <alex@alexbcoles.com>
---
 frontend/app/assets/styleguide.jade | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/frontend/app/assets/styleguide.jade b/frontend/app/assets/styleguide.jade
index 258e5da5b0..34e6ba38b7 100644
--- a/frontend/app/assets/styleguide.jade
+++ b/frontend/app/assets/styleguide.jade
@@ -6,7 +6,9 @@ html
     meta(content="The LivingStyleGuide Gem – http://livingstyleguide.org", name="generator")
     meta(name="description", content=title)
     title= title
+    link(rel='stylesheet', type='text/css', href='/assets/bundles/openproject-global.css')
     != stylesheet
+    script(src='/assets/bundles/openproject-global.js')
 
   body.livingstyleguide
 

From 34b565e9162a6e0b7b08d48a4abdf27961346ca8 Mon Sep 17 00:00:00 2001
From: Alex Coles <alex@alexbcoles.com>
Date: Tue, 17 Mar 2015 08:53:00 -0300
Subject: [PATCH 11/26] [wip] Living Style Guide: Add 3rd-party JS/CSS
 (Sprockets)

There is no easy way to load third-party CSS before our own styles.

Signed-off-by: Alex Coles <alex@alexbcoles.com>
---
 app/assets/stylesheets/styleguide.css      | 0
 app/assets/stylesheets/styleguide.html.lsg | 3 +++
 app/assets/stylesheets/styleguide.js       | 1 +
 config/initializers/non_digest_assets.rb   | 4 +++-
 4 files changed, 7 insertions(+), 1 deletion(-)
 create mode 100644 app/assets/stylesheets/styleguide.css
 create mode 100644 app/assets/stylesheets/styleguide.js

diff --git a/app/assets/stylesheets/styleguide.css b/app/assets/stylesheets/styleguide.css
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/app/assets/stylesheets/styleguide.html.lsg b/app/assets/stylesheets/styleguide.html.lsg
index fd367bc1ea..3194ea587b 100644
--- a/app/assets/stylesheets/styleguide.html.lsg
+++ b/app/assets/stylesheets/styleguide.html.lsg
@@ -36,6 +36,9 @@ styleguide-sass: |
   .livingstyleguide--code-block
     max-height: 300px
 
+javascript-before:
+  - "/assets/styleguide.js"
+
 header: |
   <header class="livingstyleguide--header">
     <div class="styleguide-banner">
diff --git a/app/assets/stylesheets/styleguide.js b/app/assets/stylesheets/styleguide.js
new file mode 100644
index 0000000000..134add4f63
--- /dev/null
+++ b/app/assets/stylesheets/styleguide.js
@@ -0,0 +1 @@
+//= require ../javascripts/bundles/openproject-global
diff --git a/config/initializers/non_digest_assets.rb b/config/initializers/non_digest_assets.rb
index 8d2c57209d..93a3386805 100644
--- a/config/initializers/non_digest_assets.rb
+++ b/config/initializers/non_digest_assets.rb
@@ -27,5 +27,7 @@
 #++
 
 NonStupidDigestAssets.whitelist = [
-  'styleguide.html'
+  'styleguide.html',
+  'styleguide.css',
+  'styleguide.js'
 ]

From d3e78fba81f7a661ae6c74e46505390757febe0e Mon Sep 17 00:00:00 2001
From: Alex Coles <alex@alexbcoles.com>
Date: Tue, 17 Mar 2015 12:49:41 -0300
Subject: [PATCH 12/26] Prefer image-url to image-path in Sass files

Signed-off-by: Alex Coles <alex@alexbcoles.com>
---
 app/assets/stylesheets/content/_accounts.sass |  2 +-
 app/assets/stylesheets/content/_calendar.sass |  6 ++---
 app/assets/stylesheets/content/_wiki.sass     | 26 +++++++++----------
 .../stylesheets/layout/_breadcrumb.sass       |  2 +-
 app/assets/stylesheets/layout/_top_menu.sass  |  2 +-
 .../open_project_global/_variables.sass       |  2 +-
 app/assets/stylesheets/scm.css.sass           | 18 ++++++-------
 7 files changed, 29 insertions(+), 29 deletions(-)

diff --git a/app/assets/stylesheets/content/_accounts.sass b/app/assets/stylesheets/content/_accounts.sass
index 530cca002b..de8a58f624 100644
--- a/app/assets/stylesheets/content/_accounts.sass
+++ b/app/assets/stylesheets/content/_accounts.sass
@@ -88,7 +88,7 @@
     padding-left: 50px
     margin-left: 10px
     margin-top: 20px
-    background-image: url(image-path('auth_provider-developer.png'))
+    background-image: image-url('auth_provider-developer.png')
     background-size: 40px 40px
     background-repeat: no-repeat
     font-weight: normal
diff --git a/app/assets/stylesheets/content/_calendar.sass b/app/assets/stylesheets/content/_calendar.sass
index 3e82d696ec..2dc218f8a7 100644
--- a/app/assets/stylesheets/content/_calendar.sass
+++ b/app/assets/stylesheets/content/_calendar.sass
@@ -62,13 +62,13 @@ table.cal
     &.today
       background: $content-calendar-cell-today-bg-color
 .starting a, p.cal.legend .starting
-  background: url(image-path('bullet_go.png')) no-repeat -1px -2px
+  background: image-url('bullet_go.png') no-repeat -1px -2px
   padding-left: 16px
 .ending a, p.cal.legend .ending
-  background: url(image-path('bullet_end.png')) no-repeat -1px -2px
+  background: image-url('bullet_end.png') no-repeat -1px -2px
   padding-left: 16px
 .starting.ending a, p.cal.legend .starting.ending
-  background: url(image-path('bullet_diamond.png')) no-repeat -1px -2px
+  background: image-url('bullet_diamond.png') no-repeat -1px -2px
   padding-left: 16px
 
 p.cal.legend span
diff --git a/app/assets/stylesheets/content/_wiki.sass b/app/assets/stylesheets/content/_wiki.sass
index 798a5114c3..d6dc7306f7 100644
--- a/app/assets/stylesheets/content/_wiki.sass
+++ b/app/assets/stylesheets/content/_wiki.sass
@@ -57,7 +57,7 @@ div.wiki
     background-position: 0% 60%
     background-repeat: no-repeat
     padding-left: 12px
-    background-image: url(image-path('external.png'))
+    background-image: image-url('external.png')
 
   pre
     margin: 1em 1em 1em 1.6em
@@ -86,7 +86,7 @@ div.wiki
       width: auto
     a
       font-weight: normal
-      background-image: url(image-path('arrow-down.png'))
+      background-image: image-url('arrow-down.png')
       background-repeat: no-repeat
       background-position: 0% 60%
       padding-left: 16px
@@ -147,47 +147,47 @@ h1:hover, h2:hover, h3:hover
       min-height: 24px
 
     &.see-also
-      background: url(image-path('wiki_styles/see-also.png')) 4px 4px no-repeat #f5fffa
+      background: image-url('wiki_styles/see-also.png') 4px 4px no-repeat #f5fffa
       border: 1px solid #AAB1AD
 
     &.smallsee-also
-      background: url(image-path('wiki_styles/see-also_small.png')) 4px 4px no-repeat #f5fffa
+      background: image-url('wiki_styles/see-also_small.png') 4px 4px no-repeat #f5fffa
       border: 1px solid #AAB1AD
 
     &.caution
-      background: url(image-path('wiki_styles/caution.png')) 4px 6px no-repeat #f5fffa
+      background: image-url('wiki_styles/caution.png') 4px 6px no-repeat #f5fffa
       border: 1px solid #AAB1AD
 
     &.smallcaution
-      background: url(image-path('wiki_styles/caution_small.png')) 4px 4px no-repeat #f5fffa
+      background: image-url('wiki_styles/caution_small.png') 4px 4px no-repeat #f5fffa
       border: 1px solid #AAB1AD
 
     &.important
-      background: url(image-path('wiki_styles/important.png')) 4px 7px no-repeat #F0F8FF
+      background: image-url('wiki_styles/important.png') 4px 7px no-repeat #F0F8FF
       border: 1px solid #C1C8CF
 
     &.smallimportant
-      background: url(image-path('wiki_styles/important_small.png')) 4px 6px no-repeat #F0F8FF
+      background: image-url('wiki_styles/important_small.png') 4px 6px no-repeat #F0F8FF
       border: 1px solid #C1C8CF
 
     &.info
-      background: url(image-path('wiki_styles/info.png')) 4px 4px no-repeat #FFFFE0
+      background: image-url('wiki_styles/info.png') 4px 4px no-repeat #FFFFE0
       border: 1px solid #FFFF00
 
     &.smallinfo
-      background: url(image-path('wiki_styles/info_small.png')) 4px 4px no-repeat #FFFFE0
+      background: image-url('wiki_styles/info_small.png') 4px 4px no-repeat #FFFFE0
       border: 1px solid #FFFF00
 
     &.smalltip
-      background: url(image-path('wiki_styles/tip_small.png')) 4px 5px no-repeat #F5FFFA
+      background: image-url('wiki_styles/tip_small.png') 4px 5px no-repeat #F5FFFA
       border: 1px solid #C7CFCA
 
     &.note
-      background: url(image-path('wiki_styles/note.png')) 6px 4px no-repeat #F5FFFA
+      background: image-url('wiki_styles/note.png') 6px 4px no-repeat #F5FFFA
       border: 1px solid #C7CFCA
 
     &.smallnote
-      background: url(image-path('wiki_styles/note_small.png')) 5px 4px no-repeat #F5FFFA
+      background: image-url('wiki_styles/note_small.png') 5px 4px no-repeat #F5FFFA
       border: 1px solid #C7CFCA
 
   .quick_info .label
diff --git a/app/assets/stylesheets/layout/_breadcrumb.sass b/app/assets/stylesheets/layout/_breadcrumb.sass
index 720bcb0a68..b06e4446f8 100644
--- a/app/assets/stylesheets/layout/_breadcrumb.sass
+++ b/app/assets/stylesheets/layout/_breadcrumb.sass
@@ -82,7 +82,7 @@ ul.breadcrumb
   float: left
   margin: 0 0 0 10px
   padding: 0 25px 0 0
-  background: url(image-path('breadcrumb-list.png')) no-repeat right center
+  background: image-url('breadcrumb-list.png') no-repeat right center
 
 #breadcrumb a.breadcrumb-project-title
   font-size: $breadcrumb-highlighted-font-size
diff --git a/app/assets/stylesheets/layout/_top_menu.sass b/app/assets/stylesheets/layout/_top_menu.sass
index bdf8b747ab..bbc1b21435 100644
--- a/app/assets/stylesheets/layout/_top_menu.sass
+++ b/app/assets/stylesheets/layout/_top_menu.sass
@@ -204,7 +204,7 @@
     margin: 0 0 10px 0
 
   .select2-search input
-    background: $header-drop-down-projects-search-input-bg-color url(image-path('magnifier.png')) no-repeat 94% center
+    background: $header-drop-down-projects-search-input-bg-color image-url('magnifier.png') no-repeat 94% center
     margin: 10px 10px
     padding: 9px 7px 9px 10px
     border: none
diff --git a/app/assets/stylesheets/open_project_global/_variables.sass b/app/assets/stylesheets/open_project_global/_variables.sass
index 2bbd954587..11844dd319 100644
--- a/app/assets/stylesheets/open_project_global/_variables.sass
+++ b/app/assets/stylesheets/open_project_global/_variables.sass
@@ -56,7 +56,7 @@ $header-drop-down-item-font-color:              $body-font-color !default
 $header-drop-down-item-font-hover-color:        #FFFFFF !default
 
 $header-logo-bg-color:                          #06799F !default
-$header-home-link-bg:                           url(image-path('logo_openproject_white_big.png')) no-repeat 20px 0 !default
+$header-home-link-bg:                           image-url('logo_openproject_white_big.png') no-repeat 20px 0 !default
 
 $header-drop-down-projects-search-font-color:     $body-font-color !default
 $header-drop-down-projects-search-bg-color:       #E0E0E0 !default
diff --git a/app/assets/stylesheets/scm.css.sass b/app/assets/stylesheets/scm.css.sass
index d027de0c7b..4de9a2f3a3 100644
--- a/app/assets/stylesheets/scm.css.sass
+++ b/app/assets/stylesheets/scm.css.sass
@@ -40,7 +40,7 @@ div.changeset-changes ul
 
 li.change
   list-style-type:none
-  background-image: url(image-path('bullet_black.png'))
+  background-image: image-url('bullet_black.png')
   background-position: 1px 1px
   background-repeat: no-repeat
   padding-top: 1px
@@ -49,21 +49,21 @@ li.change
   margin: 0
 
   &.folder
-    background-image: url(image-path('folder_open.png'))
+    background-image: image-url('folder_open.png')
     &.change-A
-      background-image: url(image-path('folder_open_add.png'))
+      background-image: image-url('folder_open_add.png')
     &.change-M
-      background-image: url(image-path('folder_open_orange.png'))
+      background-image: image-url('folder_open_orange.png')
   &.change-A
-    background-image: url(image-path('bullet_add.png'))
+    background-image: image-url('bullet_add.png')
   &.change-M
-    background-image: url(image-path('bullet_orange.png'))
+    background-image: image-url('bullet_orange.png')
   &.change-C
-    background-image: url(image-path('bullet_blue.png'))
+    background-image: image-url('bullet_blue.png')
   &.change-R
-    background-image: url(image-path('bullet_purple.png'))
+    background-image: image-url('bullet_purple.png')
   &.change-D
-    background-image: url(image-path('bullet_delete.png'))
+    background-image: image-url('bullet_delete.png')
 
   .copied-from
     font-style: italic

From ba84823434a67e12b86ca767d1c9586dd1a9aedc Mon Sep 17 00:00:00 2001
From: Alex Coles <alex@alexbcoles.com>
Date: Tue, 17 Mar 2015 12:37:03 -0300
Subject: [PATCH 13/26] Add gulp-replace for string replacement

Signed-off-by: Alex Coles <alex@alexbcoles.com>
---
 frontend/npm-shrinkwrap.json | 49 ++++++++++++++++++++++++++++++++++++
 frontend/package.json        |  1 +
 2 files changed, 50 insertions(+)

diff --git a/frontend/npm-shrinkwrap.json b/frontend/npm-shrinkwrap.json
index 5becd87a57..a58da8f809 100644
--- a/frontend/npm-shrinkwrap.json
+++ b/frontend/npm-shrinkwrap.json
@@ -3436,6 +3436,55 @@
         }
       }
     },
+    "gulp-replace": {
+      "version": "0.5.3",
+      "dependencies": {
+        "istextorbinary": {
+          "version": "1.0.2",
+          "dependencies": {
+            "textextensions": {
+              "version": "1.0.1"
+            },
+            "binaryextensions": {
+              "version": "1.0.0"
+            }
+          }
+        },
+        "replacestream": {
+          "version": "2.0.0",
+          "dependencies": {
+            "through": {
+              "version": "2.3.6"
+            }
+          }
+        },
+        "through2": {
+          "version": "0.6.3",
+          "dependencies": {
+            "readable-stream": {
+              "version": "1.0.33",
+              "dependencies": {
+                "core-util-is": {
+                  "version": "1.0.1"
+                },
+                "isarray": {
+                  "version": "0.0.1"
+                },
+                "string_decoder": {
+                  "version": "0.10.31"
+                },
+                "inherits": {
+                  "version": "2.0.1"
+                }
+              }
+            },
+            "xtend": {
+              "version": "4.0.0"
+            }
+          }
+        }
+      }
+    },
     "gulp-ruby-sass": {
       "version": "0.7.1",
       "dependencies": {
diff --git a/frontend/package.json b/frontend/package.json
index 548103df1d..707d6fb13c 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -14,6 +14,7 @@
     "gulp-jshint": "^1.8.5",
     "gulp-livingstyleguide": "~0.1.4",
     "gulp-protractor": "0.0.11",
+    "gulp-replace": "^0.5.3",
     "gulp-ruby-sass": "^0.7.1",
     "gulp-watch": "^1.1.0",
     "gulp-webpack": "^1.0.0",

From 4e8b44ca6de046fd8f40ab2ef92630b5d190f68a Mon Sep 17 00:00:00 2001
From: Alex Coles <alex@alexbcoles.com>
Date: Tue, 17 Mar 2015 12:51:20 -0300
Subject: [PATCH 14/26] Add workaround for Gulp +unavailable asset helpers

Signed-off-by: Alex Coles <alex@alexbcoles.com>
---
 frontend/gulpfile.js | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/frontend/gulpfile.js b/frontend/gulpfile.js
index 6b6f11e88a..6021372381 100644
--- a/frontend/gulpfile.js
+++ b/frontend/gulpfile.js
@@ -36,6 +36,7 @@ var watch = require('gulp-watch');
 var autoprefixer = require('gulp-autoprefixer');
 var livingstyleguide = require('gulp-livingstyleguide');
 var gulpFilter = require('gulp-filter');
+var replace = require('gulp-replace');
 
 var protractor = require('gulp-protractor').protractor,
   webdriverStandalone = require('gulp-protractor').webdriver_standalone,
@@ -77,6 +78,8 @@ gulp.task('sass', function() {
         './bower_components/bourbon/app/assets/stylesheets'
       ]
     }))
+    // HACK: remove asset helper that is only available with asset pipeline
+    .pipe(replace(/image\-url\(\"/g, 'url("/assets/'))
     .pipe(autoprefixer({
       cascade: false
     }))
@@ -98,6 +101,7 @@ gulp.task('styleguide', function () {
   gulp.src('../app/assets/stylesheets/styleguide.html.lsg')
     .pipe(livingstyleguide({template: 'app/assets/styleguide.jade'}))
     .pipe(cssFilter)
+    .pipe(replace(/image\-url\(\"/g, 'url("/assets/'))
     .pipe(autoprefixer({
       cascade: false
     }))

From 559ad5acc9037e7f851c29c36bc046faea5811c7 Mon Sep 17 00:00:00 2001
From: Alex Coles <alex@alexbcoles.com>
Date: Tue, 17 Mar 2015 09:17:37 -0300
Subject: [PATCH 15/26] Living Style Guide: Document jQuery UI datepicker

Signed-off-by: Alex Coles <alex@alexbcoles.com>
---
 app/assets/stylesheets/content/_jquery_ui.md | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)
 create mode 100644 app/assets/stylesheets/content/_jquery_ui.md

diff --git a/app/assets/stylesheets/content/_jquery_ui.md b/app/assets/stylesheets/content/_jquery_ui.md
new file mode 100644
index 0000000000..8b026df945
--- /dev/null
+++ b/app/assets/stylesheets/content/_jquery_ui.md
@@ -0,0 +1,18 @@
+# jQuery UI Components
+
+## Datepicker
+
+```
+<input type="text" id="datepicker-input">
+
+<div id="datepicker-inline"></div>
+```
+
+```
+@javascript
+
+jQuery(function($) {
+  $("#datepicker-inline").datepicker();
+  $("#datepicker-input").datepicker();
+});
+```

From 58b34d25c00e2f070228b0284168c995889993b9 Mon Sep 17 00:00:00 2001
From: Alex Coles <alex@alexbcoles.com>
Date: Tue, 17 Mar 2015 17:46:16 -0300
Subject: [PATCH 16/26] Bundle our datepicker defaults config with Webpack

This ensures the style guide picks up the correct defaults.

Signed-off-by: Alex Coles <alex@alexbcoles.com>
---
 app/assets/javascripts/application.js.erb | 42 --------------
 frontend/app/global.js                    |  2 +
 frontend/app/misc/datepicker-defaults.js  | 71 +++++++++++++++++++++++
 3 files changed, 73 insertions(+), 42 deletions(-)
 create mode 100644 frontend/app/misc/datepicker-defaults.js

diff --git a/app/assets/javascripts/application.js.erb b/app/assets/javascripts/application.js.erb
index c31eeda06c..3d9f3a2d97 100644
--- a/app/assets/javascripts/application.js.erb
+++ b/app/assets/javascripts/application.js.erb
@@ -67,48 +67,6 @@ jQuery(document).ready(function ($) {
     }
   });
 
-  if (typeof CS !== "undefined") {
-    var regions = $.datepicker.regional;
-    var regional = regions[CS.lang] || regions[""];
-    $.datepicker.setDefaults(regional);
-
-    var gotoToday = $.datepicker._gotoToday;
-
-    $.datepicker._gotoToday = function (id) {
-      gotoToday.call(this, id);
-      var target = $(id),
-        inst = this._getInst(target[0]),
-        dateStr = $.datepicker._formatDate(inst);
-      target.val(dateStr);
-      target.blur();
-      $.datepicker._hideDatepicker();
-    };
-
-    var defaults = {
-      showWeek: true,
-      changeMonth: true,
-      changeYear: true,
-      yearRange: "c-100:c+10",
-      dateFormat: 'yy-mm-dd',
-      showButtonPanel: true,
-      calculateWeek: function (day) {
-        var dayOfWeek = new Date(+day);
-
-        if (day.getDay() != 1) {
-          dayOfWeek.setDate(day.getDate() - day.getDay() + 1);
-        }
-
-        return $.datepicker.iso8601Week(dayOfWeek);
-      }
-    };
-
-    if (CS.firstWeekDay && CS.firstWeekDay !== "") {
-      defaults.firstDay = parseInt(CS.firstWeekDay, 10);
-    }
-
-    $.datepicker.setDefaults(defaults);
-  }
-
   $(document).on('click', '#show_more_wp_properties', function(el){
     $(this).find('.icon').toggleClass('icon-arrow-right6-3 icon-arrow-right6-1');
     Effect.toggle("work_package_descr_fields", "appear", {duration:0.3});
diff --git a/frontend/app/global.js b/frontend/app/global.js
index 913b1e25e9..987a6f8f1a 100644
--- a/frontend/app/global.js
+++ b/frontend/app/global.js
@@ -40,6 +40,8 @@ require('jquery-ujs');
 require('jquery-ui/ui/jquery-ui.js');
 require('jquery-ui/ui/i18n/jquery.ui.datepicker-en-GB.js');
 require('jquery-ui/ui/i18n/jquery.ui.datepicker-de.js');
+require('./misc/datepicker-defaults');
+
 require('jquery-ui/themes/base/jquery.ui.core.css');
 require('jquery-ui/themes/base/jquery.ui.datepicker.css');
 // TODO: move require to backlogs plugin
diff --git a/frontend/app/misc/datepicker-defaults.js b/frontend/app/misc/datepicker-defaults.js
new file mode 100644
index 0000000000..e08311cf4f
--- /dev/null
+++ b/frontend/app/misc/datepicker-defaults.js
@@ -0,0 +1,71 @@
+//-- copyright
+// OpenProject is a project management system.
+// Copyright (C) 2012-2015 the OpenProject Foundation (OPF)
+//
+// This program is free software; you can redistribute it and/or
+// modify it under the terms of the GNU General Public License version 3.
+//
+// OpenProject is a fork of ChiliProject, which is a fork of Redmine. The copyright follows:
+// Copyright (C) 2006-2013 Jean-Philippe Lang
+// Copyright (C) 2010-2013 the ChiliProject Team
+//
+// This program is free software; you can redistribute it and/or
+// modify it under the terms of the GNU General Public License
+// as published by the Free Software Foundation; either version 2
+// of the License, or (at your option) any later version.
+//
+// This program is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU General Public License for more details.
+//
+// You should have received a copy of the GNU General Public License
+// along with this program; if not, write to the Free Software
+// Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
+//
+// See doc/COPYRIGHT.rdoc for more details.
+//++
+
+window.CS = window.CS || {};
+
+jQuery(function($) {
+  var regions = $.datepicker.regional;
+  var regional = regions[CS.lang] || regions[""];
+  $.datepicker.setDefaults(regional);
+
+  var gotoToday = $.datepicker._gotoToday;
+
+  $.datepicker._gotoToday = function (id) {
+    gotoToday.call(this, id);
+    var target = $(id),
+      inst = this._getInst(target[0]),
+      dateStr = $.datepicker._formatDate(inst);
+    target.val(dateStr);
+    target.blur();
+    $.datepicker._hideDatepicker();
+  };
+
+  var defaults = {
+    showWeek: true,
+    changeMonth: true,
+    changeYear: true,
+    yearRange: "c-100:c+10",
+    dateFormat: 'yy-mm-dd',
+    showButtonPanel: true,
+    calculateWeek: function (day) {
+      var dayOfWeek = new Date(+day);
+
+      if (day.getDay() != 1) {
+        dayOfWeek.setDate(day.getDate() - day.getDay() + 1);
+      }
+
+      return $.datepicker.iso8601Week(dayOfWeek);
+    }
+  };
+
+  if (CS.firstWeekDay && CS.firstWeekDay !== "") {
+    defaults.firstDay = parseInt(CS.firstWeekDay, 10);
+  }
+
+  $.datepicker.setDefaults(defaults);
+});

From c677231a7ce13918a645e35cc988d2c75fb4a84b Mon Sep 17 00:00:00 2001
From: Alex Coles <alex@alexbcoles.com>
Date: Tue, 17 Mar 2015 18:19:50 -0300
Subject: [PATCH 17/26] Move select2 customisation back to stylesheets dir

This (mostly) reverts ce16d0d2e03fd953ddf496bdd87e2ea7edb8d6e6

Signed-off-by: Alex Coles <alex@alexbcoles.com>
---
 .../assets/stylesheets/content/_select2.scss  | 57 +++++++++----------
 app/assets/stylesheets/default.css.sass       |  1 +
 frontend/app/global.js                        |  1 -
 3 files changed, 29 insertions(+), 30 deletions(-)
 rename frontend/vendor/select2_customizing.css => app/assets/stylesheets/content/_select2.scss (59%)

diff --git a/frontend/vendor/select2_customizing.css b/app/assets/stylesheets/content/_select2.scss
similarity index 59%
rename from frontend/vendor/select2_customizing.css
rename to app/assets/stylesheets/content/_select2.scss
index aa4aca6590..8a3bc67bba 100644
--- a/frontend/vendor/select2_customizing.css
+++ b/app/assets/stylesheets/content/_select2.scss
@@ -1,31 +1,30 @@
-/*-- copyright
-OpenProject is a project management system.
-Copyright (C) 2012-2015 the OpenProject Foundation (OPF)
-
-This program is free software; you can redistribute it and/or
-modify it under the terms of the GNU General Public License version 3.
-
-OpenProject is a fork of ChiliProject, which is a fork of Redmine. The copyright follows:
-Copyright (C) 2006-2013 Jean-Philippe Lang
-Copyright (C) 2010-2013 the ChiliProject Team
-
-This program is free software; you can redistribute it and/or
-modify it under the terms of the GNU General Public License
-as published by the Free Software Foundation; either version 2
-of the License, or (at your option) any later version.
-
-This program is distributed in the hope that it will be useful,
-but WITHOUT ANY WARRANTY; without even the implied warranty of
-MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
-GNU General Public License for more details.
-
-You should have received a copy of the GNU General Public License
-along with this program; if not, write to the Free Software
-Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
-
-See doc/COPYRIGHT.rdoc for more details.
-
-++*/
+//-- copyright
+// OpenProject is a project management system.
+// Copyright (C) 2012-2015 the OpenProject Foundation (OPF)
+//
+// This program is free software; you can redistribute it and/or
+// modify it under the terms of the GNU General Public License version 3.
+//
+// OpenProject is a fork of ChiliProject, which is a fork of Redmine. The copyright follows:
+// Copyright (C) 2006-2013 Jean-Philippe Lang
+// Copyright (C) 2010-2013 the ChiliProject Team
+//
+// This program is free software; you can redistribute it and/or
+// modify it under the terms of the GNU General Public License
+// as published by the Free Software Foundation; either version 2
+// of the License, or (at your option) any later version.
+//
+// This program is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU General Public License for more details.
+//
+// You should have received a copy of the GNU General Public License
+// along with this program; if not, write to the Free Software
+// Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
+//
+// See doc/COPYRIGHT.rdoc for more details.
+//++
 
 .project-search-results {
   box-sizing:         content-box; /* Opera/IE 8+ */
@@ -66,7 +65,7 @@ See doc/COPYRIGHT.rdoc for more details.
 .select2-results .select2-searching,
 .select2-results .select2-more-results
 {
-  background: url('~select2/select2-spinner.gif') no-repeat scroll 100% center #fff;
+  background: image-url('select2/select2-spinner.gif') no-repeat scroll 100% center #fff;
 }
 
 
diff --git a/app/assets/stylesheets/default.css.sass b/app/assets/stylesheets/default.css.sass
index ab895c6f6a..ba1bc8005d 100644
--- a/app/assets/stylesheets/default.css.sass
+++ b/app/assets/stylesheets/default.css.sass
@@ -103,6 +103,7 @@
 @import content/diff
 
 @import content/jquery_ui
+@import content/select2
 
 @import misc_legacy
 @import jstoolbar
diff --git a/frontend/app/global.js b/frontend/app/global.js
index 987a6f8f1a..9fbc94e81f 100644
--- a/frontend/app/global.js
+++ b/frontend/app/global.js
@@ -61,4 +61,3 @@ require('Caret.js/src/jquery.caret.js');
 
 require('select2/select2.js');
 require('select2/select2.css');
-require('select2_customizing.css');

From 6e4d07513d2c5b993145cc7f0882cd600a630352 Mon Sep 17 00:00:00 2001
From: Alex Coles <alex@alexbcoles.com>
Date: Tue, 17 Mar 2015 18:21:40 -0300
Subject: [PATCH 18/26] Copy select2 spinner into app/assets/images

See 340514bf for motivation.

Signed-off-by: Alex Coles <alex@alexbcoles.com>
---
 app/assets/images/select2/select2-spinner.gif | Bin 0 -> 1849 bytes
 1 file changed, 0 insertions(+), 0 deletions(-)
 create mode 100644 app/assets/images/select2/select2-spinner.gif

diff --git a/app/assets/images/select2/select2-spinner.gif b/app/assets/images/select2/select2-spinner.gif
new file mode 100644
index 0000000000000000000000000000000000000000..5b33f7e54f4e55b6b8774d86d96895db9af044b4
GIT binary patch
literal 1849
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
EAHN$8j{pDw

literal 0
HcmV?d00001


From e4c2b143ed9734ad6c28209d3ac0ea9219ec2e2e Mon Sep 17 00:00:00 2001
From: Alex Coles <alex@alexbcoles.com>
Date: Wed, 18 Mar 2015 07:38:47 -0300
Subject: [PATCH 19/26] Living Style Guide: Document (classic) select2

[ci skip]

Signed-off-by: Alex Coles <alex@alexbcoles.com>
---
 app/assets/stylesheets/content/_select2.md | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)
 create mode 100644 app/assets/stylesheets/content/_select2.md

diff --git a/app/assets/stylesheets/content/_select2.md b/app/assets/stylesheets/content/_select2.md
new file mode 100644
index 0000000000..c1fe470354
--- /dev/null
+++ b/app/assets/stylesheets/content/_select2.md
@@ -0,0 +1,17 @@
+# Select2
+
+```
+<select id="select2-example">
+  <option>one</option>
+  <option>two</option>
+  <option>three</option>
+</select>
+```
+
+```
+@javascript
+
+jQuery(function($) {
+  $('#select2-example').select2();
+});
+```

From 657fd5b484fcd23ca9d79dbcb7ddc94e1be106ff Mon Sep 17 00:00:00 2001
From: Alex Coles <alex@alexbcoles.com>
Date: Wed, 18 Mar 2015 07:54:54 -0300
Subject: [PATCH 20/26] Move ui-select and its dependencies to global.js

Signed-off-by: Alex Coles <alex@alexbcoles.com>
---
 frontend/app/global.js          | 6 ++++++
 frontend/app/openproject-app.js | 6 ------
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/frontend/app/global.js b/frontend/app/global.js
index 9fbc94e81f..92b3e29517 100644
--- a/frontend/app/global.js
+++ b/frontend/app/global.js
@@ -61,3 +61,9 @@ require('Caret.js/src/jquery.caret.js');
 
 require('select2/select2.js');
 require('select2/select2.css');
+
+require('angular');
+require('angular-sanitize');
+
+require('ui-select/dist/select');
+require('ui-select/dist/select.css');
diff --git a/frontend/app/openproject-app.js b/frontend/app/openproject-app.js
index 401b881d53..0790820640 100644
--- a/frontend/app/openproject-app.js
+++ b/frontend/app/openproject-app.js
@@ -36,8 +36,6 @@ I18n.addTranslations = function(locale, translations) {
   I18n.translations[locale] = _.merge(I18n.translations[locale], translations);
 };
 
-
-var angular = require('angular');
 require('angular-animate');
 require('angular-aria');
 require('angular-modal');
@@ -52,16 +50,12 @@ require('angular-ui-select2');
 require('angular-ui-select2-sortable');
 
 require('angular-ui-date');
-require('angular-sanitize');
 require('angular-truncate');
 require('angular-feature-flags');
 
 require('angular-busy/dist/angular-busy');
 require('angular-busy/dist/angular-busy.css');
 
-require('ui-select/dist/select');
-require('ui-select/dist/select.css');
-
 require('angular-context-menu');
 require('mousetrap');
 

From 1c9144c532081cd5a2bd3f671c9d130fce449eca Mon Sep 17 00:00:00 2001
From: Alex Coles <alex@alexbcoles.com>
Date: Wed, 18 Mar 2015 08:32:41 -0300
Subject: [PATCH 21/26] Living Style Guide: Make basic Angular app (Gulp)

Signed-off-by: Alex Coles <alex@alexbcoles.com>
---
 frontend/app/assets/styleguide.jade | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/frontend/app/assets/styleguide.jade b/frontend/app/assets/styleguide.jade
index 34e6ba38b7..65d87b15a7 100644
--- a/frontend/app/assets/styleguide.jade
+++ b/frontend/app/assets/styleguide.jade
@@ -9,8 +9,10 @@ html
     link(rel='stylesheet', type='text/css', href='/assets/bundles/openproject-global.css')
     != stylesheet
     script(src='/assets/bundles/openproject-global.js')
+    script.
+      angular.module('openproject-style-guide', ['ui.select', 'ngSanitize'])
 
-  body.livingstyleguide
+  body.livingstyleguide(ng-app='openproject-style-guide', ng-strict-di=true)
 
     header.livingstyleguide--header
       .styleguide-banner

From ab56ec29b52e88351766010468275221be6cf2e7 Mon Sep 17 00:00:00 2001
From: Alex Coles <alex@alexbcoles.com>
Date: Wed, 18 Mar 2015 08:31:25 -0300
Subject: [PATCH 22/26] Living Style Guide: Document ui-select

[ci skip]

Signed-off-by: Alex Coles <alex@alexbcoles.com>
---
 app/assets/stylesheets/content/_select2.md | 58 ++++++++++++++++++++--
 1 file changed, 53 insertions(+), 5 deletions(-)

diff --git a/app/assets/stylesheets/content/_select2.md b/app/assets/stylesheets/content/_select2.md
index c1fe470354..4df0995665 100644
--- a/app/assets/stylesheets/content/_select2.md
+++ b/app/assets/stylesheets/content/_select2.md
@@ -1,11 +1,15 @@
 # Select2
 
+## select2 (jQuery)
+
 ```
-<select id="select2-example">
-  <option>one</option>
-  <option>two</option>
-  <option>three</option>
-</select>
+<div style="min-height: 100px">
+  <select id="select2-example">
+    <option>one</option>
+    <option>two</option>
+    <option>three</option>
+  </select>
+</div>
 ```
 
 ```
@@ -15,3 +19,47 @@ jQuery(function($) {
   $('#select2-example').select2();
 });
 ```
+
+## ui-select (Angular)
+
+```
+<div ng-controller="UiSelectExample" style="min-height: 100px">
+  <ui-select ng-model="person.selected" theme="select2" ng-disabled="disabled" style="min-width: 300px;">
+    <ui-select-match placeholder="Select a person in the list or search their name">{{$select.selected.name}}</ui-select-match>
+    <ui-select-choices repeat="person in people | filter: $select.search">
+      <div ng-bind-html="person.name | highlight: $select.search"></div>
+      <small>
+        email: {{person.email}}
+      </small>
+    </ui-select-choices>
+  </ui-select>
+</div>
+```
+
+```
+@javascript
+
+angular.module('openproject-style-guide').controller('UiSelectExample', ['$scope', function($scope) {
+  $scope.disabled = undefined;
+
+  $scope.enable = function() {
+    $scope.disabled = false;
+  };
+
+  $scope.disable = function() {
+    $scope.disabled = true;
+  };
+
+  $scope.person = {};
+  $scope.people = [
+    { name: 'Adam',      email: 'adam@email.com'      },
+    { name: 'Amalie',    email: 'amalie@email.com'    },
+    { name: 'Wladimir',  email: 'wladimir@email.com'  },
+    { name: 'Samantha',  email: 'samantha@email.com'  },
+    { name: 'Estefanía', email: 'estefanía@email.com' },
+    { name: 'Natasha',   email: 'natasha@email.com'   },
+    { name: 'Nicole',    email: 'nicole@email.com'    },
+    { name: 'Adrian',    email: 'adrian@email.com'    }
+  ];
+}]);
+```

From c4799d5418eb4ff24e29d4147ccb2e38c54bbf00 Mon Sep 17 00:00:00 2001
From: Alex Coles <alex@alexbcoles.com>
Date: Wed, 18 Mar 2015 08:56:19 -0300
Subject: [PATCH 23/26] Consolidate various select2/ui-select overrides

Signed-off-by: Alex Coles <alex@alexbcoles.com>
---
 app/assets/stylesheets/content/_modal.sass        |  5 -----
 app/assets/stylesheets/content/_select2.scss      | 15 ++++++++++++++-
 .../work_package_details/_relations_tab.sass      |  2 --
 .../work_package_details/_watchers_tab.sass       |  2 --
 4 files changed, 14 insertions(+), 10 deletions(-)

diff --git a/app/assets/stylesheets/content/_modal.sass b/app/assets/stylesheets/content/_modal.sass
index 1c1ea9e9a4..bc1856017f 100644
--- a/app/assets/stylesheets/content/_modal.sass
+++ b/app/assets/stylesheets/content/_modal.sass
@@ -78,11 +78,6 @@ $ng-modal-image-width:   $ng-modal-image-height
   //+media($large-screen)
   width: 40%
   margin-top: 10em
-  .ui-select-container
-    .select2-display-none
-      display: none
-    ul
-      margin-left: 0
 
   .modal-header
     padding: 0
diff --git a/app/assets/stylesheets/content/_select2.scss b/app/assets/stylesheets/content/_select2.scss
index 8a3bc67bba..68eb902f02 100644
--- a/app/assets/stylesheets/content/_select2.scss
+++ b/app/assets/stylesheets/content/_select2.scss
@@ -44,7 +44,7 @@
 
 /* Indirectly styling size of result list */
 .select2-container {
-  position: static;
+  position: relative;
   max-width: 350px;
   width:100%;
 }
@@ -113,3 +113,16 @@
 .select2-drop-mask {
   z-index: 30000;
 }
+
+.select2-display-none {
+  display: none;
+}
+
+.ui-select-container {
+  // HACK. TODO: Remove ul overrides in various places.
+  // See: https://community.openproject.org/work_packages/18330
+
+  ul {
+    margin-left: 0;
+  }
+}
diff --git a/app/assets/stylesheets/content/work_package_details/_relations_tab.sass b/app/assets/stylesheets/content/work_package_details/_relations_tab.sass
index e579ed4562..693b257679 100644
--- a/app/assets/stylesheets/content/work_package_details/_relations_tab.sass
+++ b/app/assets/stylesheets/content/work_package_details/_relations_tab.sass
@@ -37,8 +37,6 @@
 .add-relation
   .select2
     width: 350px
-  .select2-display-none
-    display: none
   .select2-drop
     width: 350px
     top: auto
diff --git a/app/assets/stylesheets/content/work_package_details/_watchers_tab.sass b/app/assets/stylesheets/content/work_package_details/_watchers_tab.sass
index 69003fd07b..ca8a11abac 100644
--- a/app/assets/stylesheets/content/work_package_details/_watchers_tab.sass
+++ b/app/assets/stylesheets/content/work_package_details/_watchers_tab.sass
@@ -33,8 +33,6 @@
     width: 400px
   .select2-with-searchbox
     position: relative
-  .select2-display-none
-    display: none
   .ui-select-choices
     max-height: 350px
   input[type='text']

From 9d5cb0fcd9123a05c76eda49556f68ef7363f918 Mon Sep 17 00:00:00 2001
From: Alex Coles <alex@alexbcoles.com>
Date: Wed, 18 Mar 2015 11:03:05 -0300
Subject: [PATCH 24/26] Living Style Guide: Document ui-select multiple

[ci skip]

Signed-off-by: Alex Coles <alex@alexbcoles.com>
---
 app/assets/stylesheets/content/_select2.md | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)

diff --git a/app/assets/stylesheets/content/_select2.md b/app/assets/stylesheets/content/_select2.md
index 4df0995665..fab4575722 100644
--- a/app/assets/stylesheets/content/_select2.md
+++ b/app/assets/stylesheets/content/_select2.md
@@ -36,6 +36,22 @@ jQuery(function($) {
 </div>
 ```
 
+## ui-select (Angular): multiple
+
+```
+<div ng-controller="UiSelectExample" style="min-height: 100px">
+  <ui-select multiple ng-model="selectedPeople" theme="select2" ng-disabled="disabled" style="min-width: 300px;">
+    <ui-select-match placeholder="Select a person in the list or search their name">{{$item.name}}</ui-select-match>
+    <ui-select-choices repeat="person in people | filter: $select.search">
+      <div ng-bind-html="person.name | highlight: $select.search"></div>
+      <small>
+        email: {{person.email}}
+      </small>
+    </ui-select-choices>
+  </ui-select>
+</div>
+```
+
 ```
 @javascript
 
@@ -61,5 +77,6 @@ angular.module('openproject-style-guide').controller('UiSelectExample', ['$scope
     { name: 'Nicole',    email: 'nicole@email.com'    },
     { name: 'Adrian',    email: 'adrian@email.com'    }
   ];
+  $scope.selectedPeople = [$scope.people[5], $scope.people[4]];
 }]);
 ```

From 7a9b7739cd689b3d3a47d2bff9203173a928a7f3 Mon Sep 17 00:00:00 2001
From: Alex Coles <alex@alexbcoles.com>
Date: Sat, 21 Mar 2015 21:07:11 -0300
Subject: [PATCH 25/26] Remove vendor prefixes from jQuery UI theme

---
 app/assets/stylesheets/content/_jquery_ui.scss | 7 -------
 1 file changed, 7 deletions(-)

diff --git a/app/assets/stylesheets/content/_jquery_ui.scss b/app/assets/stylesheets/content/_jquery_ui.scss
index 3886b0e503..514ac07946 100644
--- a/app/assets/stylesheets/content/_jquery_ui.scss
+++ b/app/assets/stylesheets/content/_jquery_ui.scss
@@ -167,19 +167,14 @@
 .ui-widget-content .ui-priority-secondary,
 .ui-widget-header .ui-priority-secondary {
   opacity: .7;
-  filter:Alpha(Opacity=70);
   font-weight: normal;
 }
 .ui-state-disabled,
 .ui-widget-content .ui-state-disabled,
 .ui-widget-header .ui-state-disabled {
   opacity: .35;
-  filter:Alpha(Opacity=35);
   background-image: none;
 }
-.ui-state-disabled .ui-icon {
-  filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
-}
 
 /* Icons
 ----------------------------------*/
@@ -426,13 +421,11 @@
 .ui-widget-overlay {
   background: #aaaaaa/*{bgColorOverlay}*/;
   opacity: .3/*{opacityOverlay}*/;
-  filter: Alpha(Opacity=30)/*{opacityFilterOverlay}*/;
 }
 .ui-widget-shadow {
   margin: -8px/*{offsetTopShadow}*/ 0 0 -8px/*{offsetLeftShadow}*/;
   padding: 8px/*{thicknessShadow}*/;
   background: #aaaaaa/*{bgColorShadow}*/;
   opacity: .3/*{opacityShadow}*/;
-  filter: Alpha(Opacity=30)/*{opacityFilterShadow}*/;
   border-radius: 8px/*{cornerRadiusShadow}*/;
 }

From 804263854e004c3e2ee33e143c75c7c8e7cdb1ad Mon Sep 17 00:00:00 2001
From: Alex Coles <alex@alexbcoles.com>
Date: Sat, 21 Mar 2015 21:14:24 -0300
Subject: [PATCH 26/26] Set jQuery UI theme font based on our variables

Signed-off-by: Alex Coles <alex@alexbcoles.com>
---
 app/assets/stylesheets/content/_forms.sass     | 4 ----
 app/assets/stylesheets/content/_jquery_ui.scss | 6 +++---
 2 files changed, 3 insertions(+), 7 deletions(-)

diff --git a/app/assets/stylesheets/content/_forms.sass b/app/assets/stylesheets/content/_forms.sass
index 0a3d2f3795..4527c98999 100644
--- a/app/assets/stylesheets/content/_forms.sass
+++ b/app/assets/stylesheets/content/_forms.sass
@@ -106,10 +106,6 @@ fieldset
       padding-left: 5px
       background-color: white
 
-.ui-widget
-  font-family: $body-font-family
-  font-size: 0.9rem
-
 // TODO: Customise with proper jQuery UI theme.
 .ui-datepicker-month,
 .ui-datepicker-year
diff --git a/app/assets/stylesheets/content/_jquery_ui.scss b/app/assets/stylesheets/content/_jquery_ui.scss
index 514ac07946..b0cfab3169 100644
--- a/app/assets/stylesheets/content/_jquery_ui.scss
+++ b/app/assets/stylesheets/content/_jquery_ui.scss
@@ -43,8 +43,8 @@
 /* Component containers
 ----------------------------------*/
 .ui-widget {
-  font-family: Verdana,Arial,sans-serif/*{ffDefault}*/;
-  font-size: 1.1em/*{fsDefault}*/;
+  font-family: $body-font-family;
+  font-size: rem-calc(15px);
 }
 .ui-widget .ui-widget {
   font-size: 1em;
@@ -53,7 +53,7 @@
 .ui-widget select,
 .ui-widget textarea,
 .ui-widget button {
-  font-family: Verdana,Arial,sans-serif/*{ffDefault}*/;
+  font-family: $body-font-family;
   font-size: 1em;
 }
 .ui-widget-content {