Compare commits
48 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
|
f3a617baf0 | ||
|
|
db39c6cb54 | ||
|
|
c45de83791 | ||
|
|
6f508ba87a | ||
|
|
49ed887fce | ||
|
|
bba68972d8 | ||
|
|
adc7e59d22 | ||
|
|
cfdf261645 | ||
|
|
1e6cdd7cef | ||
|
|
3e78878ed0 | ||
|
|
15a492a1b6 | ||
|
|
5cafccd221 | ||
|
|
610ee38c3d | ||
|
|
b1154eb9ed | ||
|
|
f5ef9dba70 | ||
|
|
b7efd10a99 | ||
|
|
9977d8e38e | ||
|
|
dde298d630 | ||
|
|
452e0fecf0 | ||
|
|
edde6acb1f | ||
|
|
433819c6ff | ||
|
|
fa3225be82 | ||
|
|
25f7092f9c | ||
|
|
bc8bde7756 | ||
|
|
1253489333 | ||
|
|
42dfc57ee7 | ||
|
|
24db7ad013 | ||
|
|
6c8432f627 | ||
|
|
f12816dad7 | ||
|
|
71a0b1a92c | ||
|
|
a350c369cc | ||
|
|
56a5e1db49 | ||
|
|
6c102320b7 | ||
|
|
2140b58778 | ||
|
|
970da9d3b5 | ||
|
|
654f4f9073 | ||
|
|
aebbfbaf17 | ||
|
|
7f518e0ff7 | ||
|
|
8abe193be4 | ||
|
|
5081a5874b | ||
|
|
2cc2c83568 | ||
|
|
3fd21ebb9c | ||
|
|
5975ab9b5d | ||
|
|
13b11dcbca | ||
|
|
8a44905739 | ||
|
|
2f4b08ba19 | ||
|
|
d220db112a | ||
|
|
fbae203298 |
3
.gitignore
vendored
3
.gitignore
vendored
@@ -1,4 +1,5 @@
|
||||
/.sass-cache
|
||||
/node_modules
|
||||
/sass/_custom-variables.scss
|
||||
/src/sass/_custom-variables.scss
|
||||
/.sublime-grunt.cache
|
||||
/images/logo
|
||||
|
||||
@@ -1,4 +1,6 @@
|
||||
scss_files: "**/*.scss"
|
||||
scss_files: "src/sass/**/*.scss"
|
||||
|
||||
exclude: 'src/sass/lib/**'
|
||||
|
||||
linters:
|
||||
BangFormat:
|
||||
@@ -12,6 +14,9 @@ linters:
|
||||
ColorKeyword:
|
||||
enabled: true
|
||||
|
||||
ColorVariable:
|
||||
enabled: false
|
||||
|
||||
Comment:
|
||||
enabled: false
|
||||
|
||||
|
||||
21
LICENSE
Normal file
21
LICENSE
Normal file
@@ -0,0 +1,21 @@
|
||||
The MIT License (MIT)
|
||||
|
||||
Copyright (c) 2015 Grzegorz Rajchman <mrliptontea@griego.pl>
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||
of this software and associated documentation files (the "Software"), to deal
|
||||
in the Software without restriction, including without limitation the rights
|
||||
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||
copies of the Software, and to permit persons to whom the Software is
|
||||
furnished to do so, subject to the following conditions:
|
||||
|
||||
The above copyright notice and this permission notice shall be included in all
|
||||
copies or substantial portions of the Software.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
||||
SOFTWARE.
|
||||
71
README.md
71
README.md
@@ -2,9 +2,13 @@
|
||||
|
||||
A free Redmine theme for modern browsers.
|
||||
|
||||
|
||||
 [](https://github.com/mrliptontea/PurpleMine2/releases) [](https://github.com/mrliptontea/PurpleMine2/issues)
|
||||
|
||||
Compatible with Redmine 2.5+ and browsers: IE9+, latest Firefox and Google Chrome (others were not tested).
|
||||
---
|
||||
|
||||
|
||||
|
||||
Compatible with Redmine 2.5+ and browsers: IE10+/Edge, latest Firefox and Google Chrome (others were not tested).
|
||||
|
||||
It's written in [SCSS]. It uses [normalize.css] and benefits from some parts of [Bootstrap][bootstrap-sass] like mixins, structure, and stuff.
|
||||
|
||||
@@ -20,7 +24,7 @@ It's written in [SCSS]. It uses [normalize.css] and benefits from some parts of
|
||||
|
||||
## How install it
|
||||
|
||||
To install PurpleMine, just download [.zip](https://github.com/HolonGlobe/PurpleMine2/archive/master.zip) and unpack it to your Redmine's `public/themes` folder.
|
||||
To install PurpleMine, just download [.zip](https://github.com/mrliptontea/PurpleMine2/archive/master.zip) and unpack it to your Redmine's `public/themes` folder.
|
||||
|
||||
Then go to Redmine > Administration > Settings > Display and select PurpleMine2 from the list and save the changes.
|
||||
|
||||
@@ -48,10 +52,60 @@ Now all the dependencies should be ready to use. Run one more command:
|
||||
|
||||
And now the grunt is watching for changes in files placed in `src/` folder. Just change what you need, and it'll run SASS preprocessor automatically.
|
||||
|
||||
Regrettably, optional file include is not possible in SASS, so I would recommend creating a new file, e.g. `_my_variables.scss` and importing it a the beginning of the `application.scss` file. That way all the variables with the `!default` flag could be overridden.
|
||||
Regrettably, optional file include is not possible in SASS, so I would recommend creating a new file, e.g. `src/sass/_custom-variables.scss` and importing it a the beginning of the `application.scss` file. That way all the variables with the `!default` flag could be overridden.
|
||||
|
||||
The path `src/sass/_custom-variables.scss` is added to `.gitignore` so it should make upgrading PurpleMine with keeping your changes rather painless, given that the only thing you changed in PurpleMine's source was adding this one line with `@import "custom-variables";`.
|
||||
|
||||
If you need to customize styles for [Redmine Backlogs][redmine_backlogs] remember to include your `_custom-variables.scss` in `src/sass/plugins/redmine_backlogs/_common.scss`.
|
||||
|
||||
## Changelog
|
||||
|
||||
v1.7.2 (2015-10-12):
|
||||
|
||||
* Fixed `.pagination` float in project members settings
|
||||
* Lists' cells are aligned to center by default (as in Redmine's default theme)
|
||||
|
||||
v1.7.1 (2015-10-10):
|
||||
|
||||
+ Improved styling for [Stuff To Do][stuff_to_do] plugin
|
||||
|
||||
v1.7.0 (2015-09-25):
|
||||
|
||||
* Added styles for optgroup (Firefox only)
|
||||
* Fixed #13: #header was missing clearfix and was breaking the layout is some cases
|
||||
* Coloring issue's title instead of link in Gantt diagram for overdue issues
|
||||
* Updated npm packages: grunt-sass from 0.18.0 to 1.0.0 and grunt-contrib-uglify 0.7.0 to 0.9.1
|
||||
* Use flexbox layout by default (can be changed by setting `$flexbox-layout` to `false`)
|
||||
* Fixed animation issue when showing sidebar
|
||||
* Slightly modified buttons' style
|
||||
* Few visual tweaks: nicer shadows, improved datepickers layout
|
||||
+ Configurable list borders and highlighting of hovered and even/odd rows
|
||||
+ Introduce `$pagination-padding-` variables and make pagination buttons' height equal to buttons by default
|
||||
* Fixed #16: remove `white-space: nowrap` from external links to prevent breaking the page with flexbox layout
|
||||
* Fixed colored trackers in tooltips in Backlogs plugin
|
||||
* Fixed broken codebutton modal after making buttons wider
|
||||
* Changed the license to MIT
|
||||
|
||||
v1.6.0 (2015-06-10):
|
||||
|
||||
* Fixed #8: Setting `$top-menu-collapse` to `true` will enable script allowing to toggle if top menu should be collapsed (no wrapping) or expanded (wrapped, with auto height)
|
||||
+ Header matching current URL fragment will have `#` prepended
|
||||
+ Introduced `$font-weight-normal` and `$font-weight-bold` variables to give better control on the appearance of text with custom fonts
|
||||
* Fixed #9: Added `$main-menu-collapse` and applied the same logic as in #8
|
||||
* Fixed #12: Removed `display: block` from issue's subject link to allow context menu to popup upon right click next to subject
|
||||
* Resolved #11: Company logo can be added to the header
|
||||
|
||||
v1.5.0 (2015-04-15):
|
||||
|
||||
* Fixed #5: Added default style for colored issue links.
|
||||
* Introduced `$tracker-colors-map` and removed `$tracker-X-bg` variables.
|
||||
See d220db1 comments for more details.
|
||||
* Fixed #6: Added default padding for table cells.
|
||||
|
||||
v1.4.1 (2015-04-14):
|
||||
|
||||
* Fixed #3: Closed tasks will be more appreciable.
|
||||
|
||||
v1.4.0 (2015-04-10):
|
||||
|
||||
+ Introduced option `$wiki-page-more-vertical-space` (by default `true`) to improve wiki pages' readability even more
|
||||
@@ -64,7 +118,7 @@ v1.4.0 (2015-04-10):
|
||||
* Fixed #2: Make sure that `.sort` with Font Awesome icons won't have background image
|
||||
* Fixed attachments div's layout for wiki pages
|
||||
|
||||
For more details, see [release v1.4.0](https://github.com/HolonGlobe/PurpleMine2/releases/tag/v1.4.0)
|
||||
For more details, see [release v1.4.0](https://github.com/mrliptontea/PurpleMine2/releases/tag/v1.4.0)
|
||||
|
||||
v1.3.0 (2015-04-01):
|
||||
|
||||
@@ -116,13 +170,10 @@ v1.0.0 (2015-02-06):
|
||||
|
||||
Initial version
|
||||
|
||||
## License
|
||||
|
||||
[WTFPL](http://www.wtfpl.net/)
|
||||
|
||||
[SCSS]: http://sass-lang.com/
|
||||
[normalize.css]: https://github.com/necolas/normalize.css
|
||||
[bootstrap-sass]: https://github.com/twbs/bootstrap-sass
|
||||
[redmine_backlogs]: https://github.com/backlogs/redmine_backlogs
|
||||
[redmine_time_tracker]: https://github.com/hicknhack-software/redmine_time_tracker
|
||||
[redmine_crm_people]: http://www.redminecrm.com/projects/people/
|
||||
[redmine_crm_people]: http://www.redminecrm.com/projects/people/
|
||||
[stuff_to_do]: https://github.com/raafael911/stuff_to_do_plugin
|
||||
|
||||
File diff suppressed because one or more lines are too long
17
package.json
17
package.json
@@ -1,27 +1,26 @@
|
||||
{
|
||||
"name": "PurpleMine2",
|
||||
"version": "2.0.0",
|
||||
"description": "A free Redmine 2.5+ theme written in SASS",
|
||||
"description": "A free Redmine 2.5+ theme written in SCSS",
|
||||
"keywords": [
|
||||
"redmine",
|
||||
"theme",
|
||||
"sass",
|
||||
"scss"
|
||||
],
|
||||
"author": "HolonGlobe",
|
||||
"author": "mrliptontea",
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "git@github.com:HolonGlobe/PurpleMine2.git"
|
||||
"url": "git@github.com:mrliptontea/PurpleMine2.git"
|
||||
},
|
||||
"license": "WTFPL",
|
||||
"license": "MIT",
|
||||
"bugs": {
|
||||
"url": "https://github.com/HolonGlobe/PurpleMine2/issues"
|
||||
"url": "https://github.com/mrliptontea/PurpleMine2/issues"
|
||||
},
|
||||
"homepage": "https://github.com/HolonGlobe/PurpleMine2",
|
||||
"homepage": "https://github.com/mrliptontea/PurpleMine2",
|
||||
"devDependencies": {
|
||||
"grunt": "^0.4.5",
|
||||
"grunt-contrib-uglify": "^0.7.0",
|
||||
"grunt-contrib-uglify": "^0.9.1",
|
||||
"grunt-contrib-watch": "^0.6.1",
|
||||
"grunt-sass": "^0.18.0"
|
||||
"grunt-sass": "^1.0.0"
|
||||
}
|
||||
}
|
||||
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -1 +1 @@
|
||||
.ui-multiselect{padding:2px 0 2px 4px;text-align:left}.ui-multiselect span.ui-icon{float:right}.ui-multiselect-single .ui-multiselect-checkboxes input{position:absolute !important;top:auto !important;left:-9999px}.ui-multiselect-single .ui-multiselect-checkboxes label{padding:5px !important}.ui-multiselect-header{margin-bottom:3px;padding:3px}.ui-multiselect-header ul{font-size:0.92em}.ui-multiselect-header ul li{padding:0 10px 0 0;float:left}.ui-multiselect-header a{text-decoration:none}.ui-multiselect-header a:hover{text-decoration:underline}.ui-multiselect-header span.ui-icon{float:left}.ui-multiselect-header li.ui-multiselect-close{padding-right:0;float:right;text-align:right}.ui-multiselect-menu{display:none;position:absolute;padding:3px;text-align:left;box-shadow:0 1px 2px rgba(0,0,0,0.1),0 3px 8px rgba(0,0,0,0.07);z-index:10000}.ui-multiselect-checkboxes{position:relative;padding-right:2px;overflow-y:scroll}.ui-multiselect-checkboxes input[type="checkbox"]{top:0;margin:3px 0 0 -20px;float:left}.ui-multiselect-checkboxes input[type="checkbox"]:focus{outline:none}.ui-multiselect-checkboxes label{display:block;padding:3px 1px;padding-left:26px;border:1px solid transparent;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ui-multiselect-checkboxes label input{position:relative;top:1px}.ui-multiselect-checkboxes li{clear:both;font-size:0.92em}.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label{margin-bottom:2px;border-bottom:1px solid #ccc;font-weight:bold;text-align:center}.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a{display:block;margin:1px 0;padding:3px;text-decoration:none}* html .ui-multiselect-checkboxes label{border:0 none}
|
||||
.ui-multiselect{padding:2px 0 2px 4px;text-align:left}.ui-multiselect span.ui-icon{float:right}.ui-multiselect-single .ui-multiselect-checkboxes input{position:absolute !important;top:auto !important;left:-9999px}.ui-multiselect-single .ui-multiselect-checkboxes label{padding:5px !important}.ui-multiselect-header{margin-bottom:3px;padding:3px}.ui-multiselect-header ul{font-size:0.92em}.ui-multiselect-header ul li{padding:0 10px 0 0;float:left}.ui-multiselect-header a{text-decoration:none}.ui-multiselect-header a:hover{text-decoration:underline}.ui-multiselect-header span.ui-icon{float:left}.ui-multiselect-header li.ui-multiselect-close{padding-right:0;float:right;text-align:right}.ui-multiselect-menu{display:none;position:absolute;padding:3px;text-align:left;z-index:10000;box-shadow:0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23)}.ui-multiselect-checkboxes{position:relative;padding-right:2px;overflow-y:scroll}.ui-multiselect-checkboxes input[type="checkbox"]{top:0;margin:3px 0 0 -20px;float:left}.ui-multiselect-checkboxes input[type="checkbox"]:focus{outline:none}.ui-multiselect-checkboxes label{display:block;padding:3px 1px;padding-left:26px;border:1px solid transparent;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ui-multiselect-checkboxes label input{position:relative;top:1px}.ui-multiselect-checkboxes li{clear:both;font-size:0.92em}.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label{margin-bottom:2px;border-bottom:1px solid #ccc;font-weight:bold;text-align:center}.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a{display:block;margin:1px 0;padding:3px;text-decoration:none}* html .ui-multiselect-checkboxes label{border:0 none}
|
||||
|
||||
@@ -1 +1 @@
|
||||
.qtip{position:absolute;top:-31000px;left:-31000px;width:auto;max-width:500px;outline:none}.ui-tooltip-content{position:relative;padding:10px;border:1px solid #ccc;background-color:#fff;color:#555555;font-size:0.92em;text-align:left;word-wrap:break-word;box-shadow:0 2px 2px rgba(0,0,0,0.2);overflow:hidden}.ui-tooltip-tip{border-color:#ccc;background-color:#fff}.ui-tooltip-tip{position:absolute;margin:0 auto;border:0 none;background:transparent;overflow:hidden;z-index:10}
|
||||
.qtip{position:absolute;top:-31000px;left:-31000px;width:auto;max-width:500px;outline:none}.ui-tooltip-content{position:relative;padding:10px;border:1px solid #ccc;background-color:#fff;color:#555;font-size:0.92em;text-align:left;word-wrap:break-word;box-shadow:0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23);overflow:hidden}.ui-tooltip-tip{border-color:#ccc;background-color:#fff}.ui-tooltip-tip{position:absolute;margin:0 auto;border:0 none;background:transparent;overflow:hidden;z-index:10}
|
||||
|
||||
File diff suppressed because one or more lines are too long
@@ -1 +1 @@
|
||||
table th,table td{padding:5px 8px}.ui-widget{margin-bottom:20px}.score{display:inline-block;width:1.5em;font-size:large;text-align:center}.score_0{background-color:#f00}.score_1{background-color:#ff5300}.score_2{background-color:#ff8100}.score_3{background-color:#ffa100}.score_4{background-color:#fb0}.score_5{background-color:#ffd300}.score_6{background-color:#ffec00}.score_7{background-color:#e9fb00}.score_8{background-color:#b1f100}.score_9{background-color:#74e600}.score_10{background-color:#0c0}
|
||||
table th,table td{padding:5px 8px}.ui-widget{margin-bottom:20px}.score{display:inline-block;width:1.5em;font-size:large;text-align:center}.score_0{background-color:#f00}.score_1{background-color:#ff5300}.score_2{background-color:#ff8100}.score_3{background-color:#ffa100}.score_4{background-color:#fb0}.score_5{background-color:#ffd300}.score_6{background-color:#ffec00}.score_7{background-color:#e9fb00}.score_8{background-color:#b1f100}.score_9{background-color:#74e600}.score_10{background-color:#0c0}
|
||||
|
||||
File diff suppressed because one or more lines are too long
@@ -4,7 +4,7 @@ PurpleMine.HistoryTabs = (function()
|
||||
{
|
||||
"use strict";
|
||||
|
||||
var self; // Make it work for browsers without Function.prototype.bind
|
||||
var self;
|
||||
var translations = {
|
||||
en: {
|
||||
all : "All",
|
||||
@@ -20,6 +20,11 @@ PurpleMine.HistoryTabs = (function()
|
||||
|
||||
function HistoryTabs()
|
||||
{
|
||||
if (self)
|
||||
{
|
||||
return self;
|
||||
}
|
||||
|
||||
self = this;
|
||||
|
||||
this.$tabsContainer = null;
|
||||
@@ -27,7 +32,7 @@ PurpleMine.HistoryTabs = (function()
|
||||
this.$history = $("#history");
|
||||
this.lang = document.documentElement.lang;
|
||||
|
||||
if ("undefined" === translations[this.lang])
|
||||
if (typeof translations[this.lang] === "undefined")
|
||||
{
|
||||
this.lang = "en";
|
||||
}
|
||||
@@ -36,12 +41,12 @@ PurpleMine.HistoryTabs = (function()
|
||||
|
||||
if (this.$history.length > 0)
|
||||
{
|
||||
this.buildTabs();
|
||||
this.markFirstOfTypes();
|
||||
buildTabs();
|
||||
markFirstOfTypes();
|
||||
}
|
||||
}
|
||||
|
||||
HistoryTabs.prototype.buildTabs = function()
|
||||
function buildTabs()
|
||||
{
|
||||
var html = "",
|
||||
liStart = "<li><a href=\"javascript:;\" class=\"",
|
||||
@@ -49,25 +54,25 @@ PurpleMine.HistoryTabs = (function()
|
||||
liEnd = "</a></li>";
|
||||
|
||||
html += "<div class=\"tabs\"><ul>";
|
||||
html += liStart + "selected " + liMid + "all\">" + this._.all + liEnd;
|
||||
html += liStart + liMid + "notes\">" + this._.notes + liEnd;
|
||||
html += liStart + liMid + "details\">" + this._.details + liEnd;
|
||||
html += liStart + "selected " + liMid + "all\">" + self._.all + liEnd;
|
||||
html += liStart + liMid + "notes\">" + self._.notes + liEnd;
|
||||
html += liStart + liMid + "details\">" + self._.details + liEnd;
|
||||
html += "</ul></div>";
|
||||
|
||||
this.$tabsContainer = $(html);
|
||||
$("#history > h3").after(this.$tabsContainer);
|
||||
self.$tabsContainer = $(html);
|
||||
$("#history > h3").after(self.$tabsContainer);
|
||||
|
||||
this.$tabs = this.$tabsContainer.find(".history-tab");
|
||||
this.$tabs.on("click", this.tabClick);
|
||||
};
|
||||
self.$tabs = self.$tabsContainer.find(".history-tab");
|
||||
self.$tabs.on("click", tabClick);
|
||||
}
|
||||
|
||||
HistoryTabs.prototype.markFirstOfTypes = function()
|
||||
function markFirstOfTypes()
|
||||
{
|
||||
this.$history.find(".has-notes:first").addClass("first-of-notes");
|
||||
this.$history.find(".has-details:first").addClass("first-of-details");
|
||||
};
|
||||
self.$history.find(".has-notes:first").addClass("first-of-notes");
|
||||
self.$history.find(".has-details:first").addClass("first-of-details");
|
||||
}
|
||||
|
||||
HistoryTabs.prototype.tabClick = function()
|
||||
var tabClick = function()
|
||||
{
|
||||
var $this = $(this),
|
||||
tab = $this.attr("data-tab");
|
||||
|
||||
142
src/javascripts/modules/MenuCollapse.js
Normal file
142
src/javascripts/modules/MenuCollapse.js
Normal file
@@ -0,0 +1,142 @@
|
||||
var PurpleMine = PurpleMine || {};
|
||||
|
||||
PurpleMine.MenuCollapse = (function()
|
||||
{
|
||||
"use strict";
|
||||
|
||||
var self;
|
||||
var translations = {
|
||||
en: {
|
||||
topMenuToggler : "Expand/collapse top menu",
|
||||
mainMenuToggler: "Expand/collapse main menu"
|
||||
},
|
||||
pl: {
|
||||
topMenuToggler : "Zwiń/rozwiń górne menu",
|
||||
mainMenuToggler: "Zwiń/rozwiń główne menu"
|
||||
}
|
||||
};
|
||||
|
||||
function MenuCollapse()
|
||||
{
|
||||
if (self)
|
||||
{
|
||||
return self;
|
||||
}
|
||||
|
||||
self = this;
|
||||
|
||||
this.lang = document.documentElement.lang;
|
||||
|
||||
if (typeof translations[this.lang] === "undefined")
|
||||
{
|
||||
this.lang = "en";
|
||||
}
|
||||
|
||||
this._ = translations[this.lang];
|
||||
|
||||
this.menus = {
|
||||
top: {
|
||||
$el: $("#top-menu")
|
||||
},
|
||||
main: {
|
||||
$el: $("#main-menu")
|
||||
}
|
||||
};
|
||||
|
||||
for (var menu in this.menus)
|
||||
{
|
||||
if (this.menus.hasOwnProperty(menu) &&
|
||||
this.menus[menu].$el.length > 0)
|
||||
{
|
||||
handleMenu(menu);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function handleMenu(menu)
|
||||
{
|
||||
if ("none" === self.menus[menu].$el.css("maxHeight"))
|
||||
{
|
||||
return false;
|
||||
}
|
||||
|
||||
self.menus[menu].collapsed = true;
|
||||
|
||||
if (window.localStorage)
|
||||
{
|
||||
self.menus[menu].collapsed =
|
||||
null === localStorage.getItem(getMenuStorageKey(menu));
|
||||
}
|
||||
|
||||
buildToggleButton(menu);
|
||||
|
||||
if (false === self.isCollapsed(menu))
|
||||
{
|
||||
self.expandMenu(menu);
|
||||
}
|
||||
}
|
||||
|
||||
function getMenuStorageKey(menu)
|
||||
{
|
||||
return "PurpleMine:" + menu + "MenuExpanded";
|
||||
}
|
||||
|
||||
function buildToggleButton(menu)
|
||||
{
|
||||
var togglerClass = menu + "-menu-toggler",
|
||||
togglerLabel = self._[menu + "MenuToggler"],
|
||||
togglerHtml;
|
||||
|
||||
togglerHtml = "<a href=\"javascript:;\" class=\"" + togglerClass +
|
||||
"\" title=\"" + togglerLabel + "\"></a>";
|
||||
self.menus[menu].$toggler = $(togglerHtml);
|
||||
|
||||
self.menus[menu].$el.prepend(self.menus[menu].$toggler);
|
||||
self.menus[menu].$toggler.on("click", { menu: menu }, self.toggleMenu);
|
||||
}
|
||||
|
||||
MenuCollapse.prototype.toggleMenu = function(event)
|
||||
{
|
||||
var menu = event.data.menu || "";
|
||||
|
||||
if (self.isCollapsed(menu))
|
||||
{
|
||||
self.expandMenu(menu);
|
||||
}
|
||||
else
|
||||
{
|
||||
self.collapseMenu(menu);
|
||||
}
|
||||
};
|
||||
|
||||
MenuCollapse.prototype.isCollapsed = function(menu)
|
||||
{
|
||||
return this.menus[menu].collapsed;
|
||||
};
|
||||
|
||||
MenuCollapse.prototype.expandMenu = function(menu)
|
||||
{
|
||||
this.menus[menu].$el.addClass("expanded");
|
||||
this.menus[menu].$toggler.addClass("expanded");
|
||||
this.menus[menu].collapsed = false;
|
||||
|
||||
if (window.localStorage)
|
||||
{
|
||||
localStorage.setItem(getMenuStorageKey(menu), "x");
|
||||
}
|
||||
};
|
||||
|
||||
MenuCollapse.prototype.collapseMenu = function(menu)
|
||||
{
|
||||
this.menus[menu].$el.removeClass("expanded");
|
||||
this.menus[menu].$toggler.removeClass("expanded");
|
||||
this.menus[menu].collapsed = true;
|
||||
|
||||
if (window.localStorage)
|
||||
{
|
||||
localStorage.removeItem(getMenuStorageKey(menu));
|
||||
}
|
||||
};
|
||||
|
||||
return MenuCollapse;
|
||||
}());
|
||||
@@ -4,10 +4,23 @@ PurpleMine.SidebarToggler = (function()
|
||||
{
|
||||
"use strict";
|
||||
|
||||
var self; // Make it work for browsers without Function.prototype.bind
|
||||
var self;
|
||||
var translations = {
|
||||
en: {
|
||||
toggler: "Toggle sidebar"
|
||||
},
|
||||
pl: {
|
||||
toggler: "Pokaż/ukryj panel boczny"
|
||||
}
|
||||
};
|
||||
|
||||
function SidebarToggler()
|
||||
{
|
||||
if (self)
|
||||
{
|
||||
return self;
|
||||
}
|
||||
|
||||
self = this;
|
||||
|
||||
this.sidebarVisible = true;
|
||||
@@ -15,6 +28,14 @@ PurpleMine.SidebarToggler = (function()
|
||||
this.$toggler = null;
|
||||
this.$main = $("#main");
|
||||
this.$sidebar = $("#sidebar");
|
||||
this.lang = document.documentElement.lang;
|
||||
|
||||
if (typeof translations[this.lang] === "undefined")
|
||||
{
|
||||
this.lang = "en";
|
||||
}
|
||||
|
||||
this._ = translations[this.lang];
|
||||
|
||||
// Fix issue with context menu position
|
||||
if ("relative" === this.$main.css("position"))
|
||||
@@ -22,26 +43,31 @@ PurpleMine.SidebarToggler = (function()
|
||||
$("#context-menu").appendTo("#wrapper3");
|
||||
}
|
||||
|
||||
handleSidebar();
|
||||
}
|
||||
|
||||
function handleSidebar()
|
||||
{
|
||||
if (window.localStorage)
|
||||
{
|
||||
this.sidebarVisible =
|
||||
self.sidebarVisible =
|
||||
null === localStorage.getItem("PurpleMine:sidebarHidden");
|
||||
}
|
||||
|
||||
if (this.$sidebar.length > 0 &&
|
||||
false === this.$main.hasClass("nosidebar"))
|
||||
if (self.$sidebar.length > 0 &&
|
||||
false === self.$main.hasClass("nosidebar"))
|
||||
{
|
||||
this.buildButton();
|
||||
this.bindKeyHandler();
|
||||
buildButton();
|
||||
bindKeyHandler();
|
||||
|
||||
if (false === this.sidebarVisible)
|
||||
if (false === self.sidebarVisible)
|
||||
{
|
||||
this.hideSidebar(true);
|
||||
self.hideSidebar(true);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
SidebarToggler.prototype.bindKeyHandler = function()
|
||||
function bindKeyHandler()
|
||||
{
|
||||
var body = document.getElementsByTagName("body")[0];
|
||||
|
||||
@@ -54,23 +80,20 @@ PurpleMine.SidebarToggler = (function()
|
||||
self.toggleSidebar();
|
||||
}
|
||||
};
|
||||
};
|
||||
}
|
||||
|
||||
SidebarToggler.prototype.buildButton = function()
|
||||
function buildButton()
|
||||
{
|
||||
var togglerLabel = document.documentElement.lang === "pl" ?
|
||||
"Pokaż/ukryj panel boczny" :
|
||||
"Toggle sidebar",
|
||||
togglerClass = "sidebar-toggler",
|
||||
var togglerClass = "sidebar-toggler",
|
||||
togglerHtml;
|
||||
|
||||
togglerHtml = "<a href=\"javascript:;\" class=\"" + togglerClass +
|
||||
"\" title=\"" + togglerLabel + "\"></a>";
|
||||
this.$toggler = $(togglerHtml);
|
||||
"\" title=\"" + self._.toggler + "\"></a>";
|
||||
self.$toggler = $(togglerHtml);
|
||||
|
||||
this.$main.append(this.$toggler);
|
||||
this.$toggler.on("click", this.toggleSidebar);
|
||||
};
|
||||
self.$main.append(self.$toggler);
|
||||
self.$toggler.on("click", self.toggleSidebar);
|
||||
}
|
||||
|
||||
SidebarToggler.prototype.toggleSidebar = function()
|
||||
{
|
||||
@@ -111,9 +134,12 @@ PurpleMine.SidebarToggler = (function()
|
||||
SidebarToggler.prototype.showSidebar = function()
|
||||
{
|
||||
clearTimeout(this.sidebarHiding);
|
||||
this.$sidebar
|
||||
.removeClass("sidebar-hidden", 0)
|
||||
.removeClass("sidebar-hiding");
|
||||
|
||||
self.$sidebar.removeClass("sidebar-hidden");
|
||||
setTimeout(function sidebarTimeout()
|
||||
{
|
||||
self.$sidebar.removeClass("sidebar-hiding");
|
||||
}, 50);
|
||||
|
||||
this.$toggler.removeClass("sidebar-hidden");
|
||||
this.sidebarVisible = true;
|
||||
|
||||
@@ -5,4 +5,5 @@ $(function()
|
||||
|
||||
new PurpleMine.SidebarToggler();
|
||||
new PurpleMine.HistoryTabs();
|
||||
new PurpleMine.MenuCollapse();
|
||||
});
|
||||
|
||||
@@ -6,9 +6,11 @@
|
||||
@import "mixins/clearfix";
|
||||
@import "mixins/forms";
|
||||
@import "mixins/gradients";
|
||||
@import "mixins/image";
|
||||
@import "mixins/opacity";
|
||||
@import "mixins/text-overflow";
|
||||
@import "mixins/vendor-prefixes";
|
||||
|
||||
@import "mixins/issues";
|
||||
@import "mixins/link-variant";
|
||||
@import "mixins/shadows";
|
||||
|
||||
@@ -7,6 +7,7 @@
|
||||
//
|
||||
|
||||
$fixed-layout: false !default;
|
||||
$flexbox-layout: true !default;
|
||||
$sidebar-position: left !default;
|
||||
$color-priorities: true !default;
|
||||
$color-trackers: true !default;
|
||||
@@ -14,9 +15,13 @@ $colored-issue: true !default;
|
||||
$color-status: true !default;
|
||||
$use-gravatars: true !default;
|
||||
$use-font-awesome: true !default;
|
||||
$use-logo: false !default;
|
||||
$use-retina-logo: false !default;
|
||||
$issue-subject-large: true !default;
|
||||
$enable-sidebar-toggler: true !default;
|
||||
$wiki-page-more-vertical-space: true !default;
|
||||
$top-menu-collapse: false !default;
|
||||
$main-menu-collapse: false !default;
|
||||
|
||||
|
||||
//== Colors
|
||||
@@ -68,12 +73,15 @@ $font-family-sans-serif: "Helvetica Neue", Helvetica, Arial, freesans, sa
|
||||
|
||||
$font-family-monospace: Consolas, "Liberation Mono", Menlo, "Courier New", Courier, monospace !default;
|
||||
$font-family-base: $font-family-sans-serif !default;
|
||||
$font-weight-normal: normal !default;
|
||||
$font-weight-bold: bold !default;
|
||||
|
||||
$font-size-base: 14px !default;
|
||||
$font-size-large: 1.285em !default;
|
||||
$font-size-large-px: 18px !default;
|
||||
$font-size-small: .86em !default;
|
||||
$font-size-small-px: 12px !default;
|
||||
$font-size-small-unitless: .86 !default;
|
||||
$font-size-small: $font-size-small-unitless * 1em !default;
|
||||
$font-size-small-px: floor($font-size-small-unitless * $font-size-base) !default;
|
||||
|
||||
$font-size-h1: 2.25em !default;
|
||||
$font-size-h2: 1.75em !default;
|
||||
@@ -88,6 +96,8 @@ $line-height-computed: floor(($font-size-base * $line-height-base)) !de
|
||||
|
||||
$headings-font-weight: 700 !default;
|
||||
$headings-line-height: 1.4 !default;
|
||||
$headings-anchor-color: $gray-lighter !default;
|
||||
$headings-anchor-color-active: $gray-light !default;
|
||||
|
||||
|
||||
//== Wiki
|
||||
@@ -121,7 +131,6 @@ $border-radius-small: 2px !default;
|
||||
|
||||
$hr-border: $gray-light !default;
|
||||
$abbr-border-color: $gray-light !default;
|
||||
$blockquote-border-color-fallback: $gray-lighter !default;
|
||||
$blockquote-border-color: rgba(#000, .15) !default;
|
||||
|
||||
$component-color: $gray-dark !default;
|
||||
@@ -143,9 +152,17 @@ $collapsible-animation-time: .3s !default;
|
||||
$table-cell-padding: 8px !default;
|
||||
$table-condensed-cell-padding: 5px !default;
|
||||
|
||||
$table-list-header-border: 0 0 2px !default;
|
||||
$table-list-item-border: 0 0 1px !default;
|
||||
$table-list-color-odd-rows: true !default;
|
||||
$table-list-color-even-rows: false !default;
|
||||
$table-list-highlight-rows: false !default;
|
||||
|
||||
$table-bg: transparent !default;
|
||||
$table-bg-accent: rgba(#000, .03) !default;
|
||||
$table-bg-hover: #f1f1f1 !default;
|
||||
$table-accent-factor: .03 !default;
|
||||
$table-hover-factor: .03 !default;
|
||||
$table-bg-accent: rgba(#000, $table-accent-factor) !default;
|
||||
$table-bg-hover: rgba(#000, $table-hover-factor) !default;
|
||||
$table-bg-active: $table-bg-hover !default;
|
||||
|
||||
$table-border-color: darken($body-bg, 13.5%) !default;
|
||||
@@ -181,26 +198,41 @@ $priority-highest-link: #a03 !default;
|
||||
$tracker-inline-padding: 1px 5px !default;
|
||||
$tracker-list-padding: 0 6px !default;
|
||||
|
||||
$tracker-1-bg: $brand-danger !default;
|
||||
$tracker-1-text: $brand-text !default;
|
||||
$tracker-default-bg: #668 !default;
|
||||
$tracker-default-text: $brand-text !default;
|
||||
|
||||
$tracker-2-bg: $brand-info !default;
|
||||
$tracker-2-text: $brand-text !default;
|
||||
|
||||
$tracker-3-bg: $brand-success !default;
|
||||
$tracker-3-text: $brand-text !default;
|
||||
|
||||
$tracker-4-bg: $brand-primary !default;
|
||||
$tracker-4-text: $brand-text !default;
|
||||
|
||||
$tracker-5-bg: $brand-warning !default;
|
||||
$tracker-5-text: $brand-text !default;
|
||||
|
||||
$tracker-6-bg: mix($brand-success, $brand-info, 50%) !default;
|
||||
$tracker-6-text: $brand-text !default;
|
||||
|
||||
$tracker-7-bg: mix($brand-primary, $brand-warning, 50%) !default;
|
||||
$tracker-7-text: $brand-text !default;
|
||||
$tracker-default-colors-map: (
|
||||
1: (
|
||||
background: $brand-danger,
|
||||
color: $brand-text
|
||||
),
|
||||
2: (
|
||||
background: $brand-info,
|
||||
color: $brand-text
|
||||
),
|
||||
3: (
|
||||
background: $brand-success,
|
||||
color: $brand-text
|
||||
),
|
||||
4: (
|
||||
background: $brand-primary,
|
||||
color: $brand-text
|
||||
),
|
||||
5: (
|
||||
background: $brand-warning,
|
||||
color: $brand-text
|
||||
),
|
||||
6: (
|
||||
background: mix($brand-success, $brand-info, 50%),
|
||||
color: $brand-text
|
||||
),
|
||||
7: (
|
||||
background: mix($brand-primary, $brand-warning, 50%),
|
||||
color: $brand-text
|
||||
)
|
||||
) !default;
|
||||
$tracker-custom-colors-map: () !default;
|
||||
$tracker-colors-map: map-merge($tracker-default-colors-map, $tracker-custom-colors-map);
|
||||
|
||||
|
||||
//== Diffs
|
||||
@@ -237,6 +269,8 @@ $changeset-deleted-color: $brand-danger !default;
|
||||
//
|
||||
|
||||
$btn-font-weight: normal !default;
|
||||
$btn-padding-vertical: 3px !default;
|
||||
$btn-padding-horizontal: 12px !default;
|
||||
|
||||
$btn-link-color: $link-color !default;
|
||||
$btn-link-bg: $body-bg !default;
|
||||
@@ -248,11 +282,11 @@ $btn-default-border: $gray-lighter !default;
|
||||
|
||||
$btn-primary-color: #fff !default;
|
||||
$btn-primary-bg: $brand-info !default;
|
||||
$btn-primary-border: darken($btn-primary-bg, 5%) !default;
|
||||
$btn-primary-border: $btn-primary-bg !default;
|
||||
|
||||
$btn-success-color: #fff !default;
|
||||
$btn-success-bg: $brand-success !default;
|
||||
$btn-success-border: darken($btn-success-bg, 5%) !default;
|
||||
$btn-success-border: $btn-success-bg !default;
|
||||
|
||||
|
||||
//== Highlights
|
||||
@@ -279,7 +313,7 @@ $input-border-radius-large: $border-radius-large !default;
|
||||
$input-border-focus: #51a7e8 !default;
|
||||
$input-color-placeholder: #999 !default;
|
||||
|
||||
$input-padding-vertical: 3px !default;
|
||||
$input-padding-vertical: $btn-padding-vertical !default;
|
||||
$input-padding-horizontal: 8px !default;
|
||||
|
||||
$input-height-base: ($line-height-computed + ($input-padding-vertical * 2) + 2) !default;
|
||||
@@ -304,9 +338,17 @@ $header-bg: $brand-primary !default;
|
||||
$header-text: $brand-text !default;
|
||||
$header-link: $brand-text !default;
|
||||
$header-root: $brand-accent !default;
|
||||
$header-padding-vertical: 10px !default;
|
||||
$header-padding-horizontal: $padding-side !default;
|
||||
$header-title-size: $font-size-h3 !default;
|
||||
$header-title-line-height: $line-height-computed * 1.5 !default;
|
||||
|
||||
$logo-image-width: 60px !default;
|
||||
$logo-image-height: 40px !default;
|
||||
$logo-position-horizontal: $header-padding-vertical !default;
|
||||
$logo-position-vertical: center !default;
|
||||
$logo-space: floor($header-padding-vertical / 2) !default;
|
||||
|
||||
$main-menu-bg: $gray-lightest !default;
|
||||
$main-menu-link: $gray-darker !default;
|
||||
$main-menu-link-active: #000 !default;
|
||||
@@ -321,6 +363,9 @@ $main-menu-padding-horizontal: 5px !default;
|
||||
//== Pagination
|
||||
//
|
||||
|
||||
$pagination-padding-vertical: $btn-padding-vertical !default;
|
||||
$pagination-padding-horizontal: 10px !default;
|
||||
|
||||
$pagination-color: $link-color !default;
|
||||
$pagination-bg: #fff !default;
|
||||
$pagination-border: #ddd !default;
|
||||
@@ -353,6 +398,7 @@ $tab-active-border: $tab-border !default;
|
||||
$sidebar-width: 270px !default;
|
||||
$sidebar-padding-vertical: $padding-base-vertical !default;
|
||||
$sidebar-padding-horizontal: $padding-side !default;
|
||||
$sidebar-width-computed: $sidebar-width - ($sidebar-padding-horizontal * 2) - 1px !default;
|
||||
$sidebar-link-hover-bg: $gray-lightest !default;
|
||||
$sidebar-link-active-bg: $body-bg !default;
|
||||
$sidebar-link-active-border: $gray-lighter !default;
|
||||
@@ -405,6 +451,7 @@ $panel-shadow: 0 1px 2px rgba(#000, .1),
|
||||
//
|
||||
|
||||
$tooltip-bg: #fff !default;
|
||||
$tooltip-border-width: 0 !default;
|
||||
$tooltip-border: #ccc !default;
|
||||
$tooltip-text: $gray-dark !default;
|
||||
$tooltip-link: $link-color !default;
|
||||
@@ -451,6 +498,9 @@ $screen-xs-max: ($screen-sm-min - 1) !default;
|
||||
$screen-sm-max: ($screen-md-min - 1) !default;
|
||||
$screen-md-max: ($screen-lg-min - 1) !default;
|
||||
|
||||
$top-menu-collapse-breakpoint: $screen-lg-min !default;
|
||||
$main-menu-collapse-breakpoint: $screen-lg-min !default;
|
||||
|
||||
|
||||
//== Content widths
|
||||
//
|
||||
|
||||
@@ -11,7 +11,6 @@
|
||||
@import "components/forms";
|
||||
@import "components/tabs";
|
||||
@import "components/pagination";
|
||||
@import "components/top";
|
||||
@import "components/content";
|
||||
@import "components/gravatar";
|
||||
@import "components/list";
|
||||
@@ -27,6 +26,7 @@
|
||||
@import "components/elements";
|
||||
@import "components/jquery-ui";
|
||||
@import "components/icons";
|
||||
@import "components/top";
|
||||
@import "components/jstoolbar";
|
||||
@import "components/flash";
|
||||
@import "components/image-base64";
|
||||
|
||||
@@ -136,6 +136,6 @@ fieldset#notified_events {
|
||||
}
|
||||
|
||||
td.scm_name {
|
||||
font-weight: bold;
|
||||
font-weight: $font-weight-bold;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -13,6 +13,7 @@ body {
|
||||
color: $text-color;
|
||||
font-family: $font-family-base;
|
||||
font-size: $font-size-base;
|
||||
font-weight: $font-weight-normal;
|
||||
line-height: $line-height-base;
|
||||
}
|
||||
|
||||
@@ -80,6 +81,13 @@ small {
|
||||
font-size: $font-size-small;
|
||||
}
|
||||
|
||||
table {
|
||||
th,
|
||||
td {
|
||||
padding: $table-condensed-cell-padding $table-cell-padding;
|
||||
}
|
||||
}
|
||||
|
||||
ul,
|
||||
ol {
|
||||
margin-top: 0;
|
||||
@@ -98,7 +106,7 @@ dl {
|
||||
|
||||
dt {
|
||||
margin-top: $line-height-computed;
|
||||
font-weight: bold;
|
||||
font-weight: $font-weight-bold;
|
||||
}
|
||||
|
||||
dd {
|
||||
@@ -129,8 +137,7 @@ abbr[title] {
|
||||
blockquote {
|
||||
margin: 0 0 $line-height-computed;
|
||||
padding: floor($line-height-computed / 4) $padding-large-horizontal;
|
||||
border-left: 4px solid $blockquote-border-color-fallback;
|
||||
border-left-color: $blockquote-border-color;
|
||||
border-left: 4px solid $blockquote-border-color;
|
||||
|
||||
>:first-child {
|
||||
margin-top: 0;
|
||||
|
||||
@@ -8,11 +8,11 @@ button {
|
||||
display: inline-block;
|
||||
margin-bottom: 0;
|
||||
border: 1px solid;
|
||||
cursor: pointer;
|
||||
font-weight: $btn-font-weight;
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
@include button-size($input-padding-vertical, $input-padding-horizontal, $font-size-base, $line-height-base, $border-radius-base);
|
||||
cursor: pointer;
|
||||
@include button-size($btn-padding-vertical, $btn-padding-horizontal, $font-size-base, $line-height-base, $border-radius-base);
|
||||
@include user-select(none);
|
||||
@include transition(background-color ease-in-out .07s, border-color ease-in-out .07s, box-shadow ease-in-out .07s);
|
||||
@include button-variant($btn-primary-color, $btn-primary-bg, $btn-primary-border);
|
||||
@@ -37,11 +37,10 @@ button {
|
||||
|
||||
|
||||
/**
|
||||
* Issue form buttons layout
|
||||
* Form buttons layout
|
||||
*/
|
||||
|
||||
#issue-form,
|
||||
#history .journal form {
|
||||
form {
|
||||
input[type="submit"] {
|
||||
margin-right: 5px;
|
||||
|
||||
@@ -60,17 +59,6 @@ button {
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* Project's repository form buttons layout
|
||||
*/
|
||||
|
||||
#repository-form {
|
||||
input[type="submit"] {
|
||||
margin-right: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* Repository's 'View differences' button
|
||||
*/
|
||||
@@ -79,55 +67,12 @@ form[action*="repository/diff"] {
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* New _something_ form buttons layout
|
||||
*/
|
||||
|
||||
#add_attachment_form,
|
||||
#new_time_entry,
|
||||
#new_project,
|
||||
#new_document,
|
||||
#new_group,
|
||||
#new_user {
|
||||
input[type="submit"] {
|
||||
margin-right: 5px;
|
||||
|
||||
+ input {
|
||||
@include button-variant($btn-success-color, $btn-success-bg, $btn-success-border);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* Wiki form buttons layout
|
||||
*/
|
||||
|
||||
#wiki_form {
|
||||
input[type="submit"] {
|
||||
margin-right: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* Forum and news message form buttons layout
|
||||
*/
|
||||
|
||||
#message-form,
|
||||
#news-form {
|
||||
input[type="submit"] {
|
||||
margin-right: 5px;
|
||||
|
||||
+ a {
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
+ a + a {
|
||||
margin-left: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
#message_sticky,
|
||||
#message_locked {
|
||||
position: relative;
|
||||
@@ -143,6 +88,7 @@ form[action*="repository/diff"] {
|
||||
|
||||
.query-columns {
|
||||
select {
|
||||
// scss-lint:disable ImportantRule
|
||||
width: auto !important;
|
||||
}
|
||||
|
||||
@@ -152,6 +98,8 @@ form[action*="repository/diff"] {
|
||||
input[type="button"] {
|
||||
width: 32px;
|
||||
margin-bottom: 4px;
|
||||
padding-right: 1px;
|
||||
padding-left: 1px;
|
||||
@include button-variant($btn-default-color, $btn-default-bg, $btn-default-border);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -49,7 +49,7 @@ table.cal {
|
||||
background: $highlight-bg;
|
||||
|
||||
p.day-num {
|
||||
font-weight: bold;
|
||||
font-weight: $font-weight-bold;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -18,6 +18,7 @@
|
||||
}
|
||||
|
||||
.debug {
|
||||
// scss-lint:disable ImportantRule
|
||||
background: #00f !important;
|
||||
color: #fff !important;
|
||||
}
|
||||
@@ -52,7 +53,7 @@
|
||||
|
||||
.class {
|
||||
color: #795da3;
|
||||
font-weight: bold;
|
||||
font-weight: $font-weight-bold;
|
||||
}
|
||||
|
||||
.class-variable {
|
||||
@@ -86,7 +87,7 @@
|
||||
|
||||
.definition {
|
||||
color: #099;
|
||||
font-weight: bold;
|
||||
font-weight: $font-weight-bold;
|
||||
}
|
||||
|
||||
.delimiter {
|
||||
@@ -95,7 +96,7 @@
|
||||
|
||||
.directive {
|
||||
color: #088;
|
||||
font-weight: bold;
|
||||
font-weight: $font-weight-bold;
|
||||
}
|
||||
|
||||
.doc {
|
||||
@@ -104,7 +105,7 @@
|
||||
|
||||
.doc-string {
|
||||
color: #d42;
|
||||
font-weight: bold;
|
||||
font-weight: $font-weight-bold;
|
||||
}
|
||||
|
||||
.doctype {
|
||||
@@ -113,7 +114,7 @@
|
||||
|
||||
.entity {
|
||||
color: #800;
|
||||
font-weight: bold;
|
||||
font-weight: $font-weight-bold;
|
||||
}
|
||||
|
||||
.error {
|
||||
@@ -127,7 +128,7 @@
|
||||
|
||||
.exception {
|
||||
color: #c00;
|
||||
font-weight: bold;
|
||||
font-weight: $font-weight-bold;
|
||||
}
|
||||
|
||||
.float {
|
||||
@@ -136,7 +137,7 @@
|
||||
|
||||
.function {
|
||||
color: #06b;
|
||||
font-weight: bold;
|
||||
font-weight: $font-weight-bold;
|
||||
}
|
||||
|
||||
.global-variable {
|
||||
@@ -153,7 +154,7 @@
|
||||
|
||||
.include {
|
||||
color: #b44;
|
||||
font-weight: bold;
|
||||
font-weight: $font-weight-bold;
|
||||
}
|
||||
|
||||
.inline {
|
||||
@@ -163,7 +164,7 @@
|
||||
|
||||
.inline-delimiter {
|
||||
color: #666;
|
||||
font-weight: bold;
|
||||
font-weight: $font-weight-bold;
|
||||
}
|
||||
|
||||
.instance-variable {
|
||||
@@ -188,12 +189,12 @@
|
||||
|
||||
.keyword {
|
||||
color: #b3113e;
|
||||
font-weight: bold;
|
||||
font-weight: $font-weight-bold;
|
||||
}
|
||||
|
||||
.label {
|
||||
color: #970;
|
||||
font-weight: bold;
|
||||
font-weight: $font-weight-bold;
|
||||
}
|
||||
|
||||
.local-variable {
|
||||
@@ -202,7 +203,7 @@
|
||||
|
||||
.namespace {
|
||||
color: #707;
|
||||
font-weight: bold;
|
||||
font-weight: $font-weight-bold;
|
||||
}
|
||||
|
||||
.octal {
|
||||
@@ -219,7 +220,7 @@
|
||||
|
||||
.predefined-type {
|
||||
color: #0a5;
|
||||
font-weight: bold;
|
||||
font-weight: $font-weight-bold;
|
||||
}
|
||||
|
||||
.preprocessor {
|
||||
@@ -228,7 +229,7 @@
|
||||
|
||||
.pseudo-class {
|
||||
color: #00c;
|
||||
font-weight: bold;
|
||||
font-weight: $font-weight-bold;
|
||||
}
|
||||
|
||||
.regexp {
|
||||
@@ -249,7 +250,7 @@
|
||||
|
||||
.reserved {
|
||||
color: #080;
|
||||
font-weight: bold;
|
||||
font-weight: $font-weight-bold;
|
||||
}
|
||||
|
||||
.shell {
|
||||
@@ -288,7 +289,7 @@
|
||||
|
||||
.type {
|
||||
color: #339;
|
||||
font-weight: bold;
|
||||
font-weight: $font-weight-bold;
|
||||
}
|
||||
|
||||
.value {
|
||||
@@ -343,14 +344,14 @@
|
||||
.insert {
|
||||
background: transparent;
|
||||
color: #0c0;
|
||||
font-weight: bold;
|
||||
font-weight: $font-weight-bold;
|
||||
}
|
||||
}
|
||||
|
||||
.delete .delete {
|
||||
background: transparent;
|
||||
color: #c00;
|
||||
font-weight: bold;
|
||||
font-weight: $font-weight-bold;
|
||||
}
|
||||
|
||||
.change .change {
|
||||
|
||||
@@ -1,5 +1,12 @@
|
||||
#main {
|
||||
@extend %clearfix;
|
||||
@if $flexbox-layout {
|
||||
// scss-lint:disable VendorPrefix
|
||||
display: -ms-flexbox;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
} @else {
|
||||
@extend %clearfix;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -9,7 +16,17 @@
|
||||
|
||||
#content {
|
||||
padding: $padding-side;
|
||||
overflow: hidden;
|
||||
|
||||
@if $flexbox-layout {
|
||||
// scss-lint:disable VendorPrefix
|
||||
$side-space: $sidebar-width + $padding-side * 2;
|
||||
width: calc(100% - #{$side-space});
|
||||
-webkit-flex: 1 1 auto;
|
||||
-ms-flex: 1 1 auto;
|
||||
flex: 1 1 auto;
|
||||
} @else {
|
||||
overflow: hidden;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -18,38 +35,56 @@
|
||||
// --------------------------------------------------
|
||||
|
||||
#sidebar {
|
||||
width: $sidebar-width - ($sidebar-padding-horizontal * 2) - 1px;
|
||||
// scss-lint:disable VendorPrefix
|
||||
padding: $padding-side $sidebar-padding-horizontal;
|
||||
float: $sidebar-position;
|
||||
|
||||
@media screen and (min-width: 1px) {
|
||||
// scss-lint:disable VendorPrefixes
|
||||
$border: $sidebar-link-active-border;
|
||||
$body: $body-bg;
|
||||
|
||||
padding-bottom: $padding-side * 3;
|
||||
background-image: -webkit-linear-gradient($body 1%, $border 10%, $border 85%, $body);
|
||||
background-image: -o-linear-gradient($body 1%, $border 10%, $border 85%, $body);
|
||||
background-image: linear-gradient($body 1%, $border 10%, $border 85%, $body);
|
||||
background-repeat: no-repeat;
|
||||
background-size: 1px 100%;
|
||||
@if $flexbox-layout {
|
||||
-webkit-flex: 0 0 $sidebar-width-computed;
|
||||
-ms-flex: 0 0 $sidebar-width-computed;
|
||||
flex: 0 0 $sidebar-width-computed;
|
||||
|
||||
@if $sidebar-position == "left" {
|
||||
padding-right: $sidebar-padding-horizontal + 1px;
|
||||
background-position: right 0;
|
||||
-webkit-order: -1;
|
||||
-ms-flex-order: -1;
|
||||
order: -1;
|
||||
} @else {
|
||||
-webkit-order: 1;
|
||||
-ms-flex-order: 1;
|
||||
order: 1;
|
||||
}
|
||||
} @else {
|
||||
width: $sidebar-width-computed;
|
||||
float: $sidebar-position;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1px) {
|
||||
@if not $flexbox-layout {
|
||||
padding-bottom: $padding-side * 3;
|
||||
}
|
||||
|
||||
@if $sidebar-position == "left" {
|
||||
border-right: 1px solid $sidebar-link-active-border;
|
||||
box-shadow: inset -9px 0 6px -6px rgba(0, 0, 0, .05);
|
||||
} @else {
|
||||
padding-left: $sidebar-padding-horizontal + 1px;
|
||||
background-position: left 0;
|
||||
border-left: 1px solid $sidebar-link-active-border;
|
||||
box-shadow: inset 9px 0 6px -6px rgba(0, 0, 0, .05);
|
||||
}
|
||||
}
|
||||
|
||||
.nosidebar & {
|
||||
width: 0;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
float: none;
|
||||
border: 0 none;
|
||||
|
||||
@if $flexbox-layout {
|
||||
// scss-lint:disable VendorPrefix
|
||||
-webkit-flex: 0 0 auto;
|
||||
-ms-flex: 0 0 auto;
|
||||
flex: 0 0 auto;
|
||||
} @else {
|
||||
width: 0;
|
||||
float: none;
|
||||
}
|
||||
}
|
||||
|
||||
h3 {
|
||||
@@ -117,7 +152,7 @@
|
||||
}
|
||||
|
||||
#footer {
|
||||
margin: $line-height-computed $padding-side;
|
||||
margin: 0 $padding-side $line-height-computed;
|
||||
padding-top: $line-height-computed;
|
||||
border-top: 1px solid $gray-lighter;
|
||||
color: $gray-light;
|
||||
|
||||
@@ -24,6 +24,16 @@
|
||||
span + span:before {
|
||||
content: "/ ";
|
||||
}
|
||||
|
||||
.pagination + &,
|
||||
#wiki_add_attachment + & {
|
||||
margin-top: 0;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.pagination + & {
|
||||
margin-top: $pagination-padding-vertical + 1px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -33,8 +43,8 @@
|
||||
|
||||
a.collapsible,
|
||||
.collapsible > legend {
|
||||
cursor: pointer;
|
||||
color: $link-color;
|
||||
cursor: pointer;
|
||||
@include user-select(none);
|
||||
|
||||
&:hover {
|
||||
@@ -76,6 +86,7 @@ a.collapsible.collapsed,
|
||||
@include transition(max-height $collapsible-animation-time ease-out);
|
||||
|
||||
> div {
|
||||
// scss-lint:disable ImportantRule
|
||||
display: block !important;
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
@@ -112,8 +123,8 @@ a.collapsible.collapsed,
|
||||
.contextual {
|
||||
padding-left: $padding-base-vertical;
|
||||
float: right;
|
||||
cursor: default;
|
||||
white-space: nowrap;
|
||||
cursor: default;
|
||||
|
||||
input,
|
||||
select {
|
||||
@@ -310,6 +321,7 @@ p.subtitle {
|
||||
}
|
||||
|
||||
&.ui-sortable-placeholder {
|
||||
// scss-lint:disable ImportantRule
|
||||
outline: 1px dashed $highlight-border;
|
||||
background: $highlight-bg;
|
||||
visibility: visible !important;
|
||||
@@ -317,7 +329,7 @@ p.subtitle {
|
||||
|
||||
&.ui-sortable-helper {
|
||||
background: $body-bg;
|
||||
box-shadow: $panel-shadow;
|
||||
@include nice-shadow(4);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -448,7 +460,7 @@ ul.projects {
|
||||
|
||||
a.project {
|
||||
font-size: $font-size-h3;
|
||||
font-weight: bold;
|
||||
font-weight: $font-weight-bold;
|
||||
|
||||
&.child {
|
||||
font-weight: normal;
|
||||
@@ -497,7 +509,7 @@ ul.projects {
|
||||
&.total {
|
||||
border-top: 2px solid darken($table-border-color, 5%);
|
||||
background-color: $table-bg-active;
|
||||
font-weight: bold;
|
||||
font-weight: $font-weight-bold;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -507,7 +519,7 @@ ul.projects {
|
||||
}
|
||||
|
||||
.total-hours {
|
||||
font-weight: bold;
|
||||
font-weight: $font-weight-bold;
|
||||
|
||||
.hours-int {
|
||||
font-size: $font-size-large * 1.1;
|
||||
@@ -600,9 +612,9 @@ div#version-summary {
|
||||
border: 1px solid $highlight-border;
|
||||
background-color: $highlight-bg;
|
||||
color: $highlight-text;
|
||||
font-weight: bold;
|
||||
font-weight: $font-weight-bold;
|
||||
text-align: center;
|
||||
box-shadow: $panel-shadow;
|
||||
@include nice-shadow(3);
|
||||
opacity: .9;
|
||||
z-index: 100;
|
||||
|
||||
@@ -626,7 +638,7 @@ tr.message {
|
||||
}
|
||||
|
||||
&.sticky td.subject {
|
||||
font-weight: bold;
|
||||
font-weight: $font-weight-bold;
|
||||
}
|
||||
|
||||
td {
|
||||
@@ -640,7 +652,7 @@ tr.message {
|
||||
white-space: nowrap;
|
||||
|
||||
a:last-child {
|
||||
font-weight: bold;
|
||||
font-weight: $font-weight-bold;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -654,7 +666,7 @@ table.boards {
|
||||
white-space: nowrap;
|
||||
|
||||
a:last-child {
|
||||
font-weight: bold;
|
||||
font-weight: $font-weight-bold;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -687,7 +699,7 @@ table.boards {
|
||||
color: $gray-darker;
|
||||
|
||||
&.user {
|
||||
font-weight: bold;
|
||||
font-weight: $font-weight-bold;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -53,7 +53,7 @@
|
||||
|
||||
a {
|
||||
color: $link;
|
||||
font-weight: bold;
|
||||
font-weight: $font-weight-bold;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -112,12 +112,12 @@ select {
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* Browser hacks: unfortunately every browser has different capabilities when it
|
||||
* comes to styling <select> and <option> tags.
|
||||
*/
|
||||
|
||||
|
||||
// Mozilla Firefox
|
||||
@-moz-document url-prefix() {
|
||||
select {
|
||||
@@ -125,10 +125,16 @@ select {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
option {
|
||||
option,
|
||||
optgroup:before {
|
||||
padding: $input-padding-vertical $input-padding-horizontal;
|
||||
border-bottom: 1px dotted $gray-lighter;
|
||||
}
|
||||
|
||||
optgroup > option {
|
||||
padding-right: $input-padding-horizontal * 2;
|
||||
padding-left: $input-padding-horizontal * 2;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -277,8 +283,8 @@ em.info {
|
||||
margin-left: 0;
|
||||
padding-left: 16px;
|
||||
float: none;
|
||||
cursor: pointer;
|
||||
text-align: left;
|
||||
cursor: pointer;
|
||||
|
||||
> input {
|
||||
margin-top: 0;
|
||||
@@ -361,6 +367,7 @@ input {
|
||||
}
|
||||
|
||||
select.bool_cf {
|
||||
// scss-lint:disable ImportantRule
|
||||
width: auto !important;
|
||||
}
|
||||
|
||||
@@ -495,6 +502,7 @@ select.bool_cf {
|
||||
* inline styles. Don't allow it break the layout
|
||||
*/
|
||||
#all_attributes > p[style] {
|
||||
// scss-lint:disable ImportantRule
|
||||
margin-right: 0 !important;
|
||||
margin-bottom: 0;
|
||||
padding-left: 0;
|
||||
@@ -517,7 +525,7 @@ select.bool_cf {
|
||||
display: block;
|
||||
}
|
||||
|
||||
// scss-lint:disable VendorPrefixes
|
||||
// scss-lint:disable VendorPrefix
|
||||
#watchers_inputs {
|
||||
display: block;
|
||||
max-width: 64em;
|
||||
|
||||
@@ -41,7 +41,7 @@
|
||||
|
||||
&.project,
|
||||
&.version {
|
||||
font-weight: bold;
|
||||
font-weight: $font-weight-bold;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -115,31 +115,15 @@
|
||||
}
|
||||
}
|
||||
|
||||
.version-behind-schedule a,
|
||||
.issue-behind-schedule a {
|
||||
.version-behind-schedule,
|
||||
.issue-behind-schedule {
|
||||
color: $brand-warning;
|
||||
|
||||
@if $color-trackers {
|
||||
&.issue {
|
||||
background-color: $brand-warning;
|
||||
color: $brand-text;
|
||||
font-weight: 700;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.version-overdue a,
|
||||
.issue-overdue a,
|
||||
.project-overdue a {
|
||||
.version-overdue,
|
||||
.issue-overdue,
|
||||
.project-overdue {
|
||||
color: $brand-danger;
|
||||
|
||||
@if $color-trackers {
|
||||
&.issue {
|
||||
background-color: $brand-danger;
|
||||
color: $brand-text;
|
||||
font-weight: 700;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
@@ -161,12 +145,12 @@
|
||||
left: 24px;
|
||||
width: 270px;
|
||||
padding: $padding-base-vertical;
|
||||
border: 1px solid $tooltip-border;
|
||||
border: $tooltip-border-width solid $tooltip-border;
|
||||
background-color: $tooltip-bg;
|
||||
color: $tooltip-text;
|
||||
font-size: $font-size-small;
|
||||
text-align: left;
|
||||
box-shadow: 0 2px 2px rgba(0, 0, 0, .2);
|
||||
@include nice-shadow(3);
|
||||
}
|
||||
|
||||
@if $sidebar-position == "left" {
|
||||
|
||||
@@ -37,6 +37,13 @@ $icon-danger-hover-color: darken($brand-danger, 10%);
|
||||
* Context menu
|
||||
*/
|
||||
#context-menu {
|
||||
> ul,
|
||||
> ul > li > ul {
|
||||
// scss-lint:disable ImportantRule
|
||||
border: 0 none !important;
|
||||
@include nice-shadow(2);
|
||||
}
|
||||
|
||||
a {
|
||||
@extend %fa-icon;
|
||||
|
||||
@@ -718,7 +725,7 @@ $icon-danger-hover-color: darken($brand-danger, 10%);
|
||||
}
|
||||
|
||||
&.sticky td.subject {
|
||||
font-weight: bold;
|
||||
font-weight: $font-weight-bold;
|
||||
|
||||
&:before {
|
||||
content: $fa-var-bookmark;
|
||||
@@ -759,27 +766,27 @@ $icon-danger-hover-color: darken($brand-danger, 10%);
|
||||
div.wiki {
|
||||
.external {
|
||||
@extend %fa-icon;
|
||||
white-space: nowrap;
|
||||
|
||||
&:before {
|
||||
display: inline;
|
||||
margin-right: 3px;
|
||||
font-size: 10px;
|
||||
content: $fa-var-external-link;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.contextual [href*="edit"] {
|
||||
@extend %fa-icon;
|
||||
font-size: $font-size-base;
|
||||
@include link-variant($icon-success-color, $icon-success-hover-color);
|
||||
.contextual [href*="edit"] {
|
||||
@extend %fa-icon;
|
||||
font-size: $font-size-base;
|
||||
@include link-variant($icon-success-color, $icon-success-hover-color);
|
||||
|
||||
&:before {
|
||||
content: $fa-var-pencil;
|
||||
}
|
||||
&:before {
|
||||
content: $fa-var-pencil;
|
||||
}
|
||||
|
||||
img {
|
||||
display: none;
|
||||
}
|
||||
img {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -912,6 +919,7 @@ $icon-danger-hover-color: darken($brand-danger, 10%);
|
||||
background: url("../../../images/delete.png") no-repeat 1px 50%;
|
||||
|
||||
&:hover {
|
||||
// scss-lint:disable ImportantRule
|
||||
text-decoration: none !important;
|
||||
}
|
||||
}
|
||||
@@ -932,7 +940,7 @@ $icon-danger-hover-color: darken($brand-danger, 10%);
|
||||
|
||||
&.sticky td.subject {
|
||||
background-image: url("../../../images/bullet_go.png");
|
||||
font-weight: bold;
|
||||
font-weight: $font-weight-bold;
|
||||
}
|
||||
|
||||
td.subject {
|
||||
|
||||
@@ -7,14 +7,30 @@
|
||||
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAKBAMAAAAnY0GXAAAAD1BMVEUAAACzs7Ozs7Ozs7Ozs7NJvZFvAAAABHRSTlMA5kpJG2qUMwAAABtJREFUCNdjIBMYCkMRDIg4QhBuAUUhKCIPAAAlaQNk5qF21gAAAABJRU5ErkJggg==);
|
||||
}
|
||||
|
||||
%image-arrow-left {
|
||||
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAGFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABWNxwqAAAACHRSTlMAgF1mUUUMBtml7EIAAAAjSURBVAjXYyAAWGEMRyhdJAih2QyhDCZBhAhcDVwXwhziAACuywJHmKAVPgAAAABJRU5ErkJggg==);
|
||||
%image-arrow-up {
|
||||
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAGFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABWNxwqAAAACHRSTlMAgFIFe2wwFmA2CKQAAAArSURBVAjXYyASGBlAGYoKEJpNUAzCKBEUKQDRzIGCgsEgBpOgoKAQA5kAAOOzAuqv1pGxAAAAAElFTkSuQmCC);
|
||||
}
|
||||
|
||||
%image-arrow-right {
|
||||
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAG1BMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACUUeIgAAAACXRSTlMAgF1mUUUMBwa6cf6pAAAAIklEQVQI12PADwJgDBEYQ1ADxhBOgDIEFdBF1GG6EOYQCQC/wwKE7b2bNAAAAABJRU5ErkJggg==);
|
||||
}
|
||||
|
||||
%image-arrow-down {
|
||||
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAGFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABWNxwqAAAACHRSTlMAgFIFbDAWVn1ccuIAAAAsSURBVAjXYyANMAkKCgqBGMyOgoLOYKFEQcEEMINVUBSqSlEByjA3YCARAADFOwKnW3vw7AAAAABJRU5ErkJggg==);
|
||||
}
|
||||
|
||||
%image-arrow-left {
|
||||
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAGFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABWNxwqAAAACHRSTlMAgF1mUUUMBtml7EIAAAAjSURBVAjXYyAAWGEMRyhdJAih2QyhDCZBhAhcDVwXwhziAACuywJHmKAVPgAAAABJRU5ErkJggg==);
|
||||
}
|
||||
|
||||
%image-arrow-up-white {
|
||||
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAYUlEQVR4Xu2SMQqAMAxFVUxOID2FQ+9R3cRjesX4A5lCoaUFB2nhkeQPLxQyi8jU8xbwYwGBC1CrIIFda4sgKq6vFgS/1eZQI2BwZ/5NlnNJcIAtt8ny04ermx/l4zsYgheccgigTIfmMAAAAABJRU5ErkJggg==);
|
||||
}
|
||||
|
||||
%image-arrow-down-white {
|
||||
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAG1BMVEUAAAD////////////////////////////////rTT7CAAAACXRSTlMAgFIFbBZWMTBl3YBFAAAALElEQVQI12MgDTAJCgoKgRjMjoKCzmChQEHBADCDQ1AcqkpRAcowM2AgEQAAvM4CiwrixCQAAAAASUVORK5CYII=);
|
||||
}
|
||||
|
||||
%image-calendar {
|
||||
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOBAMAAADtZjDiAAAAIVBMVEUAAABVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVUMftYpAAAACnRSTlMArIDn/dahwzIKIC4f+wAAADxJREFUCNdjYEhJACEGBk8HEGIQXrDYeMFiAYZVK1YB0QKGVSAApBcwMQgwMSDohaKChqKCxItXgc0pAADUBx5bh1ZBCgAAAABJRU5ErkJggg==);
|
||||
}
|
||||
|
||||
@@ -36,7 +36,7 @@
|
||||
|
||||
&.assigned-to-me {
|
||||
.assigned-to .user {
|
||||
font-weight: bold;
|
||||
font-weight: $font-weight-bold;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -45,7 +45,7 @@
|
||||
margin-bottom: .3em;
|
||||
color: $gray-darkest;
|
||||
font-size: $issue-heading-size * 1em;
|
||||
font-weight: bold;
|
||||
font-weight: $font-weight-bold;
|
||||
line-height: 1.2;
|
||||
}
|
||||
|
||||
@@ -138,7 +138,7 @@
|
||||
background-color: $brand-primary;
|
||||
color: $brand-text;
|
||||
font-size: $font-size-small;
|
||||
font-weight: bold;
|
||||
font-weight: $font-weight-bold;
|
||||
text-align: center;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
@@ -168,10 +168,11 @@ div.attachments {
|
||||
|
||||
p {
|
||||
margin: 10px 0 0;
|
||||
}
|
||||
|
||||
&:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
p:first-child,
|
||||
.contextual + p {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
img {
|
||||
@@ -352,7 +353,7 @@ div.thumbnails {
|
||||
color: $gray-darker;
|
||||
|
||||
&.user {
|
||||
font-weight: bold;
|
||||
font-weight: $font-weight-bold;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -506,7 +507,7 @@ span.private {
|
||||
background: $brand-warning;
|
||||
color: $brand-text;
|
||||
font-size: $font-size-small;
|
||||
font-weight: bold;
|
||||
font-weight: $font-weight-bold;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
@@ -546,14 +547,14 @@ span.private {
|
||||
margin-left: .5em;
|
||||
float: right;
|
||||
font-family: $font-family-monospace;
|
||||
font-weight: bold;
|
||||
font-weight: $font-weight-bold;
|
||||
}
|
||||
|
||||
.author a {
|
||||
color: $gray-darker;
|
||||
|
||||
&.user {
|
||||
font-weight: bold;
|
||||
font-weight: $font-weight-bold;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -37,7 +37,7 @@
|
||||
border: 0 none;
|
||||
background: $header-bg;
|
||||
color: $header-text;
|
||||
font-weight: bold;
|
||||
font-weight: $font-weight-bold;
|
||||
|
||||
a {
|
||||
color: $header-text;
|
||||
@@ -129,6 +129,10 @@
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.ui-sortable-helper {
|
||||
@include nice-shadow(4);
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* Menu (e.g. autocomplete)
|
||||
@@ -137,7 +141,7 @@
|
||||
.ui-menu {
|
||||
padding: 3px;
|
||||
border-radius: $panel-border-radius;
|
||||
box-shadow: $panel-shadow;
|
||||
@include nice-shadow(2);
|
||||
}
|
||||
|
||||
.ui-menu-item {
|
||||
@@ -167,7 +171,7 @@
|
||||
&.ui-widget-content {
|
||||
padding: 3px;
|
||||
border: 0 none;
|
||||
box-shadow: $panel-shadow;
|
||||
@include nice-shadow(5);
|
||||
}
|
||||
|
||||
.ui-dialog-content {
|
||||
@@ -199,10 +203,12 @@ img.ui-datepicker-trigger {
|
||||
}
|
||||
|
||||
.ui-datepicker {
|
||||
padding: 3px;
|
||||
box-shadow: $panel-shadow;
|
||||
padding: .3em .6em .6em;
|
||||
border: 0 none;
|
||||
@include nice-shadow(3);
|
||||
|
||||
.ui-datepicker-header {
|
||||
margin: 0 -.3em;
|
||||
padding: .3em;
|
||||
}
|
||||
|
||||
@@ -237,6 +243,7 @@ img.ui-datepicker-trigger {
|
||||
}
|
||||
|
||||
.ui-datepicker-calendar {
|
||||
margin: 0;
|
||||
table-layout: fixed;
|
||||
|
||||
.ui-state-default {
|
||||
@@ -285,4 +292,15 @@ img.ui-datepicker-trigger {
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.ui-datepicker-buttonpane {
|
||||
margin: .6em 0 0;
|
||||
padding: .6em 0 0;
|
||||
@include clearfix;
|
||||
|
||||
button {
|
||||
margin: 0;
|
||||
padding: $btn-padding-vertical $btn-padding-horizontal;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -11,9 +11,16 @@ table.list {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
@if $table-list-highlight-rows {
|
||||
> tbody > tr:hover {
|
||||
background-color: $table-bg-hover;
|
||||
}
|
||||
}
|
||||
|
||||
th {
|
||||
padding: $table-cell-padding;
|
||||
border-bottom: 2px solid $table-border-color;
|
||||
border: 2px solid $table-border-color;
|
||||
border-width: $table-list-header-border;
|
||||
color: $gray;
|
||||
vertical-align: bottom;
|
||||
|
||||
@@ -24,14 +31,14 @@ table.list {
|
||||
|
||||
td {
|
||||
padding: $table-cell-padding;
|
||||
border-bottom: 1px solid $table-border-color;
|
||||
text-align: left;
|
||||
border: 1px solid $table-border-color;
|
||||
border-width: $table-list-item-border;
|
||||
text-align: center;
|
||||
vertical-align: top;
|
||||
|
||||
&.checkbox {
|
||||
width: 15px;
|
||||
padding: $table-cell-padding 0 0;
|
||||
text-align: center;
|
||||
|
||||
input {
|
||||
margin: 2px 0 0;
|
||||
@@ -46,10 +53,28 @@ table.list {
|
||||
}
|
||||
|
||||
&.id {
|
||||
font-weight: bold;
|
||||
font-weight: $font-weight-bold;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
&.assigned_to,
|
||||
&.author,
|
||||
&.activity,
|
||||
&.category,
|
||||
&.comments,
|
||||
&.description,
|
||||
&.fixed_version,
|
||||
&.name,
|
||||
&.priority,
|
||||
&.relations,
|
||||
&.roles,
|
||||
&.status,
|
||||
&.string,
|
||||
&.subject,
|
||||
&.user {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
&.estimated_hours,
|
||||
&.remaining_hours,
|
||||
&.spent_hours,
|
||||
@@ -68,18 +93,6 @@ table.list {
|
||||
}
|
||||
}
|
||||
|
||||
&.project,
|
||||
&.created_on,
|
||||
&.updated_on,
|
||||
&.start_date,
|
||||
&.due_date,
|
||||
&.is_private,
|
||||
&.reorder,
|
||||
&.bool,
|
||||
&.date {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
&.reorder {
|
||||
white-space: nowrap;
|
||||
}
|
||||
@@ -128,12 +141,6 @@ tr.issue {
|
||||
white-space: normal;
|
||||
}
|
||||
|
||||
.autoscroll & {
|
||||
.subject > a {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
&.relations {
|
||||
text-align: left;
|
||||
white-space: normal;
|
||||
@@ -165,7 +172,7 @@ tr.issue {
|
||||
.assigned_to,
|
||||
.subject {
|
||||
a {
|
||||
font-weight: bold;
|
||||
font-weight: $font-weight-bold;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -213,9 +220,6 @@ tr {
|
||||
}
|
||||
}
|
||||
|
||||
// /* do you */ .even {
|
||||
// }
|
||||
|
||||
td.center {
|
||||
text-align: center;
|
||||
}
|
||||
@@ -280,17 +284,94 @@ tr.entry {
|
||||
}
|
||||
|
||||
@if $color-trackers {
|
||||
@include tracker(".tracker-1", $tracker-1-bg, $tracker-1-text);
|
||||
@include tracker(".tracker-2", $tracker-2-bg, $tracker-2-text);
|
||||
@include tracker(".tracker-3", $tracker-3-bg, $tracker-3-text);
|
||||
@include tracker(".tracker-4", $tracker-4-bg, $tracker-4-text);
|
||||
@include tracker(".tracker-5", $tracker-5-bg, $tracker-5-text);
|
||||
@include tracker(".tracker-6", $tracker-6-bg, $tracker-6-text);
|
||||
@include tracker(".tracker-7", $tracker-7-bg, $tracker-7-text);
|
||||
tr.issue .id > a,
|
||||
a.issue,
|
||||
.relations > span > a.issue,
|
||||
.parent > a.issue {
|
||||
border-radius: $border-radius-small ($border-radius-small * 3) ($border-radius-small * 3) $border-radius-small;
|
||||
background-color: $tracker-default-bg;
|
||||
color: $tracker-default-text;
|
||||
|
||||
&:hover {
|
||||
background-color: darken($tracker-default-bg, 10%);
|
||||
color: $tracker-default-text;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
&:focus,
|
||||
&:active {
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
a.issue {
|
||||
margin-right: 1px;
|
||||
padding: $tracker-inline-padding;
|
||||
font-weight: normal;
|
||||
|
||||
&.closed {
|
||||
position: relative;
|
||||
color: mix($tracker-default-text, $tracker-default-bg, 75%);
|
||||
text-decoration: none;
|
||||
|
||||
&:after {
|
||||
display: block;
|
||||
position: absolute;
|
||||
right: 5px;
|
||||
bottom: 0;
|
||||
left: 5px;
|
||||
height: calc(50% - 2px/2);
|
||||
border-top: 2px solid rgba($tracker-default-text, .95);
|
||||
content: "";
|
||||
@include rotate(-4deg);
|
||||
@include transition(border-color .1s);
|
||||
}
|
||||
|
||||
&:hover:after {
|
||||
border-top-color: rgba($tracker-default-text, .25);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
tr.issue .id > a {
|
||||
display: block;
|
||||
padding: $tracker-list-padding;
|
||||
|
||||
&:before {
|
||||
color: mix($tracker-default-text, $tracker-default-bg, 50%);
|
||||
content: "#";
|
||||
}
|
||||
}
|
||||
|
||||
@if $colored-issue {
|
||||
.issue.details a.issue,
|
||||
.issue.details .wiki a.issue {
|
||||
&,
|
||||
&:hover {
|
||||
color: $tracker-default-text;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@each $tracker-id, $tracker-colors in $tracker-colors-map {
|
||||
@include tracker(
|
||||
".tracker-#{$tracker-id}",
|
||||
map-get($tracker-colors, background),
|
||||
map-get($tracker-colors, color)
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
.odd {
|
||||
background-color: $table-bg-accent;
|
||||
@if $table-list-color-odd-rows {
|
||||
.odd {
|
||||
background-color: $table-bg-accent;
|
||||
}
|
||||
}
|
||||
|
||||
@if $table-list-color-even-rows {
|
||||
.even {
|
||||
background-color: $table-bg-accent;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -301,7 +382,7 @@ tr.entry {
|
||||
tr.group {
|
||||
> td {
|
||||
border-bottom: 1px solid $table-border-color;
|
||||
font-weight: bold;
|
||||
font-weight: $font-weight-bold;
|
||||
text-align: left;
|
||||
|
||||
a {
|
||||
@@ -361,7 +442,7 @@ tr.time-entry {
|
||||
}
|
||||
|
||||
td.hours {
|
||||
font-weight: bold;
|
||||
font-weight: $font-weight-bold;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -380,7 +461,7 @@ tr.time-entry {
|
||||
|
||||
.mypage-box {
|
||||
td.hours {
|
||||
font-weight: bold;
|
||||
font-weight: $font-weight-bold;
|
||||
|
||||
em {
|
||||
font-style: normal;
|
||||
@@ -469,7 +550,7 @@ table.plugins {
|
||||
span.name {
|
||||
margin-bottom: .5em;
|
||||
font-size: $font-size-large;
|
||||
font-weight: bold;
|
||||
font-weight: $font-weight-bold;
|
||||
}
|
||||
|
||||
.description,
|
||||
@@ -512,5 +593,6 @@ table.files {
|
||||
td.tick,
|
||||
td.reorder {
|
||||
width: 15%;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -6,7 +6,7 @@
|
||||
.next,
|
||||
.page {
|
||||
display: inline-block;
|
||||
padding: $padding-small-vertical $padding-small-horizontal;
|
||||
padding: $pagination-padding-vertical $pagination-padding-horizontal;
|
||||
border: 1px solid $pagination-border;
|
||||
border-radius: $border-radius-base;
|
||||
background-color: $pagination-bg;
|
||||
@@ -24,13 +24,19 @@
|
||||
.page.current {
|
||||
border-color: $pagination-active-border;
|
||||
background-color: $pagination-active-bg;
|
||||
cursor: default;
|
||||
color: $pagination-active-color;
|
||||
cursor: default;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.items,
|
||||
.per-page {
|
||||
margin-left: $padding-small-vertical;
|
||||
display: inline-block;
|
||||
margin: ($pagination-padding-vertical + 1px) 0 ($pagination-padding-vertical + 1px) $pagination-padding-vertical;
|
||||
}
|
||||
}
|
||||
|
||||
p.pagination {
|
||||
margin-bottom: 0;
|
||||
float: left;
|
||||
}
|
||||
|
||||
@@ -29,6 +29,10 @@
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.burndown_chart {
|
||||
max-width: $sidebar-width-computed;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -80,6 +84,12 @@
|
||||
// http://www.redminecrm.com/projects/people/
|
||||
// --------------------------------------------------
|
||||
|
||||
#people_list {
|
||||
table.index {
|
||||
margin-bottom: $line-height-computed;
|
||||
}
|
||||
}
|
||||
|
||||
#content {
|
||||
.person.details {
|
||||
margin-bottom: $line-height-computed;
|
||||
@@ -212,8 +222,94 @@
|
||||
}
|
||||
|
||||
.buttons {
|
||||
> input {
|
||||
margin-left: .5em;
|
||||
white-space: nowrap;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
//
|
||||
// Redmine Stuff To Do
|
||||
// https://github.com/raafael911/stuff_to_do_plugin
|
||||
// --------------------------------------------------
|
||||
|
||||
#stuff-to-do {
|
||||
p {
|
||||
@if $sidebar-position == "left" {
|
||||
margin-right: -($sidebar-padding-horizontal);
|
||||
} @else {
|
||||
margin-left: -($sidebar-padding-horizontal);
|
||||
}
|
||||
|
||||
> a {
|
||||
display: block;
|
||||
padding: $sidebar-padding-vertical $sidebar-padding-horizontal;
|
||||
|
||||
@if $sidebar-position == "left" {
|
||||
border-radius: $border-radius-large 0 0 $border-radius-large;
|
||||
} @else {
|
||||
border-radius: 0 $border-radius-large $border-radius-large 0;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background-color: $sidebar-link-hover-bg;
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
> br {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Note: the following applies to the latest version
|
||||
// of Stuff To Do plugin from the master branch.
|
||||
|
||||
.controller-stuff_to_do {
|
||||
.menu {
|
||||
label,
|
||||
select {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
.stuff-to-do-item {
|
||||
padding: $table-cell-padding;
|
||||
border: 1px solid $table-border-color;
|
||||
border-width: $table-list-item-border;
|
||||
background-color: $body-bg;
|
||||
}
|
||||
|
||||
.pane {
|
||||
ol {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.issue-details {
|
||||
width: 80%;
|
||||
margin: 0;
|
||||
|
||||
@if $use-font-awesome {
|
||||
a {
|
||||
img {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.progress {
|
||||
width: 20%;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.estimate {
|
||||
top: $table-cell-padding - 1px;
|
||||
right: $table-cell-padding;
|
||||
left: auto;
|
||||
font-size: $font-size-small;
|
||||
width: 20%;
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -20,6 +20,7 @@
|
||||
}
|
||||
|
||||
#content {
|
||||
// scss-lint:disable ImportantRule
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
@@ -7,20 +7,42 @@
|
||||
|
||||
position: relative;
|
||||
margin-bottom: $line-height-computed;
|
||||
padding-right: $tabs-buttons-width;
|
||||
overflow: hidden;
|
||||
|
||||
@if not $flexbox-layout {
|
||||
padding-right: $tabs-buttons-width;
|
||||
}
|
||||
|
||||
> ul {
|
||||
width: 2000px; // stop it from breaking
|
||||
// scss-lint:disable VendorPrefix
|
||||
margin: 0;
|
||||
padding-left: 0;
|
||||
border-bottom: 1px solid $tab-border;
|
||||
list-style: none;
|
||||
@extend %clearfix;
|
||||
|
||||
@if $flexbox-layout {
|
||||
display: -ms-flexbox;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
height: $line-height-computed + $tab-padding-vertical * 2 + 1px;
|
||||
-webkit-flex-wrap: nowrap;
|
||||
-ms-flex-wrap: nowrap;
|
||||
flex-wrap: nowrap;
|
||||
} @else {
|
||||
width: 2000px;
|
||||
@extend %clearfix;
|
||||
}
|
||||
|
||||
> li {
|
||||
margin-bottom: -1px;
|
||||
float: left;
|
||||
|
||||
@if $flexbox-layout {
|
||||
-webkit-flex: 0 1 auto;
|
||||
-ms-flex: 0 1 auto;
|
||||
flex: 0 1 auto;
|
||||
} @else {
|
||||
float: left;
|
||||
}
|
||||
|
||||
> a {
|
||||
display: block;
|
||||
@@ -30,6 +52,7 @@
|
||||
border: 1px solid transparent;
|
||||
border-radius: $border-radius-base $border-radius-base 0 0;
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
@@ -53,11 +76,12 @@
|
||||
right: 0;
|
||||
width: $tabs-buttons-width;
|
||||
padding-left: 5px;
|
||||
border-bottom: 1px solid $tab-border;
|
||||
background-color: $body-bg;
|
||||
|
||||
> button {
|
||||
width: 50%;
|
||||
height: $tab-padding-vertical * 2 + $line-height-computed;
|
||||
height: $tab-padding-vertical * 2 + $line-height-computed + 1px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
float: left;
|
||||
@@ -112,7 +136,7 @@
|
||||
margin-bottom: $line-height-computed;
|
||||
|
||||
legend {
|
||||
font-weight: bold;
|
||||
font-weight: $font-weight-bold;
|
||||
}
|
||||
|
||||
label {
|
||||
@@ -142,3 +166,9 @@
|
||||
#tab-content-memberships .splitcontentright select {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#principals_for_new_member {
|
||||
.pagination {
|
||||
float: none;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -3,12 +3,96 @@
|
||||
// --------------------------------------------------
|
||||
|
||||
#top-menu {
|
||||
position: relative;
|
||||
padding: $padding-small-vertical $padding-side;
|
||||
background: $top-menu-bg;
|
||||
color: $top-menu-text;
|
||||
font-size: $font-size-small;
|
||||
@extend %clearfix;
|
||||
|
||||
@if $top-menu-collapse {
|
||||
$toggler-position-v: $padding-small-vertical + 1px;
|
||||
$toggler-position-h: 1px;
|
||||
|
||||
max-height: floor($font-size-base * $font-size-small-unitless * $line-height-base) + $padding-small-vertical;
|
||||
padding-bottom: 0;
|
||||
overflow: hidden;
|
||||
|
||||
&.expanded {
|
||||
max-height: none;
|
||||
}
|
||||
|
||||
a {
|
||||
display: inline-block;
|
||||
margin-bottom: $padding-small-vertical;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.top-menu-toggler {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: $toggler-position-v;
|
||||
@if $sidebar-position == "left" {
|
||||
left: $toggler-position-h;
|
||||
} @else {
|
||||
right: $toggler-position-h;
|
||||
}
|
||||
@include user-select(none);
|
||||
|
||||
@if $use-font-awesome {
|
||||
font-size: 14px;
|
||||
|
||||
&:before {
|
||||
content: $fa-var-caret-square-o-down;
|
||||
}
|
||||
} @else {
|
||||
@extend %image-arrow-down-white;
|
||||
}
|
||||
|
||||
@if $use-font-awesome {
|
||||
@extend %fa-icon;
|
||||
color: mix($top-menu-link, $top-menu-bg, 33%);
|
||||
line-height: 1;
|
||||
|
||||
&:before {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
&:hover,
|
||||
&:focus,
|
||||
&:active {
|
||||
color: mix($top-menu-link-hover, $top-menu-bg, 50%);
|
||||
}
|
||||
} @else {
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
border-radius: $border-radius-base;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center center;
|
||||
|
||||
&:hover,
|
||||
&:focus,
|
||||
&:active {
|
||||
background-color: lighten($top-menu-bg, 15%);
|
||||
}
|
||||
}
|
||||
|
||||
&.expanded {
|
||||
@if $use-font-awesome {
|
||||
&:before {
|
||||
content: $fa-var-caret-square-o-up;
|
||||
}
|
||||
} @else {
|
||||
@extend %image-arrow-up-white;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: $top-menu-collapse-breakpoint) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
@@ -23,7 +107,7 @@
|
||||
|
||||
a {
|
||||
color: $top-menu-link;
|
||||
font-weight: bold;
|
||||
font-weight: $font-weight-bold;
|
||||
|
||||
&:hover {
|
||||
color: $top-menu-link-hover;
|
||||
@@ -32,6 +116,7 @@
|
||||
}
|
||||
|
||||
#loggedas {
|
||||
margin-left: 1em;
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
@@ -54,9 +139,21 @@
|
||||
position: relative;
|
||||
background-color: $header-bg;
|
||||
color: $header-text;
|
||||
@extend %clearfix;
|
||||
|
||||
> h1 {
|
||||
padding: 10px $padding-side;
|
||||
padding: $header-padding-vertical $header-padding-horizontal;
|
||||
|
||||
@if $use-logo {
|
||||
padding-left: $logo-image-width + $logo-position-horizontal + $logo-space;
|
||||
background-image: url("../images/logo/logo.png");
|
||||
background-repeat: no-repeat;
|
||||
background-position: $logo-position-horizontal $logo-position-vertical;
|
||||
|
||||
@if $use-retina-logo {
|
||||
@include img-retina("../images/logo/logo@2x.png", $logo-image-width, $logo-image-height);
|
||||
}
|
||||
}
|
||||
|
||||
> .root {
|
||||
color: $header-root;
|
||||
@@ -74,8 +171,8 @@
|
||||
}
|
||||
|
||||
#quick-search {
|
||||
margin-top: ($header-title-line-height + $padding-large-vertical * 2 - $input-height-base - 1px) / 2;
|
||||
margin-right: $padding-side;
|
||||
margin-top: floor(($header-title-line-height + $header-padding-vertical * 2 - $input-height-base) / 2) - 1px;
|
||||
margin-right: $header-padding-horizontal;
|
||||
float: right;
|
||||
color: $header-text;
|
||||
|
||||
@@ -118,11 +215,89 @@
|
||||
}
|
||||
|
||||
#main-menu {
|
||||
border-bottom: 1px solid $main-menu-border;
|
||||
clear: both;
|
||||
background-color: $main-menu-bg;
|
||||
box-shadow: inset 0 -1px $main-menu-border;
|
||||
|
||||
@media screen and (max-width: $screen-sm-max) {
|
||||
font-size: $font-size-small-px;
|
||||
@if $main-menu-collapse {
|
||||
$toggler-position-v: $main-menu-padding-vertical + 3px;
|
||||
$toggler-position-h: 1px;
|
||||
|
||||
position: relative;
|
||||
max-height: $line-height-computed + $main-menu-padding-vertical * 2;
|
||||
overflow: hidden;
|
||||
|
||||
&.expanded {
|
||||
max-height: none;
|
||||
}
|
||||
|
||||
.main-menu-toggler {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: $toggler-position-v;
|
||||
@if $sidebar-position == "left" {
|
||||
left: $toggler-position-h;
|
||||
} @else {
|
||||
right: $toggler-position-h;
|
||||
}
|
||||
@include user-select(none);
|
||||
|
||||
@if $use-font-awesome {
|
||||
font-size: 14px;
|
||||
|
||||
&:before {
|
||||
content: $fa-var-caret-square-o-down;
|
||||
}
|
||||
} @else {
|
||||
@extend %image-arrow-down;
|
||||
}
|
||||
|
||||
@if $use-font-awesome {
|
||||
@extend %fa-icon;
|
||||
color: mix($main-menu-link, $main-menu-bg, 33%);
|
||||
line-height: 1;
|
||||
|
||||
&:before {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
&:hover,
|
||||
&:focus,
|
||||
&:active {
|
||||
color: mix($main-menu-link, $main-menu-bg, 50%);
|
||||
}
|
||||
} @else {
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
border-radius: $border-radius-base;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center center;
|
||||
|
||||
&:hover,
|
||||
&:focus,
|
||||
&:active {
|
||||
background-color: darken($main-menu-bg, 15%);
|
||||
}
|
||||
}
|
||||
|
||||
&.expanded {
|
||||
@if $use-font-awesome {
|
||||
&:before {
|
||||
content: $fa-var-caret-square-o-up;
|
||||
}
|
||||
} @else {
|
||||
@extend %image-arrow-up;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: $main-menu-collapse-breakpoint) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
} @else {
|
||||
@media screen and (max-width: $screen-sm-max) {
|
||||
font-size: $font-size-small-px;
|
||||
}
|
||||
}
|
||||
|
||||
ul {
|
||||
@@ -134,17 +309,22 @@
|
||||
|
||||
> li {
|
||||
margin-right: .5em;
|
||||
margin-bottom: -1px;
|
||||
float: left;
|
||||
|
||||
> a {
|
||||
display: block;
|
||||
padding: $main-menu-padding-vertical 0;
|
||||
white-space: nowrap;
|
||||
@include transition(box-shadow .2s);
|
||||
|
||||
@media screen and (min-width: $screen-md-min) {
|
||||
padding-right: $main-menu-padding-horizontal;
|
||||
padding-left: $main-menu-padding-horizontal;
|
||||
@if $main-menu-collapse {
|
||||
padding: $main-menu-padding-vertical $main-menu-padding-horizontal;
|
||||
} @else {
|
||||
padding: $main-menu-padding-vertical 0;
|
||||
|
||||
@media screen and (min-width: $screen-md-min) {
|
||||
padding-right: $main-menu-padding-horizontal;
|
||||
padding-left: $main-menu-padding-horizontal;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: $screen-lg-min) {
|
||||
@@ -163,7 +343,7 @@
|
||||
padding-bottom: $main-menu-padding-vertical - $main-menu-shadow-width;
|
||||
border-bottom: 3px solid $main-menu-shadow-active;
|
||||
color: $main-menu-link-active;
|
||||
font-weight: bold;
|
||||
font-weight: $font-weight-bold;
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -87,6 +87,23 @@ div.wiki {
|
||||
}
|
||||
}
|
||||
|
||||
> a:target {
|
||||
+ h2,
|
||||
+ h3,
|
||||
+ h4,
|
||||
+ h5,
|
||||
+ h6 {
|
||||
&:before {
|
||||
display: inline-block;
|
||||
width: .7em;
|
||||
margin-left: -.7em;
|
||||
color: $headings-anchor-color-active;
|
||||
font-weight: normal;
|
||||
content: "#";
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
> *:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
@@ -111,6 +128,12 @@ div.wiki {
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
// scss-lint:disable DuplicateProperty
|
||||
word-break: break-all;
|
||||
word-break: break-word;
|
||||
}
|
||||
|
||||
p,
|
||||
ul,
|
||||
ol {
|
||||
@@ -165,23 +188,19 @@ div.wiki {
|
||||
}
|
||||
|
||||
code {
|
||||
// scss-lint:disable DuplicateProperty
|
||||
padding: .2em .33em;
|
||||
border-radius: $border-radius-base;
|
||||
background-color: #f5f5f5; // IE8 fallback
|
||||
background-color: rgba(#000, .04);
|
||||
font-size: $font-size-small;
|
||||
}
|
||||
|
||||
pre {
|
||||
// scss-lint:disable DuplicateProperty
|
||||
width: auto;
|
||||
margin-bottom: 1.15em;
|
||||
padding: 4px 8px;
|
||||
border: 1px solid #e7e7e7;
|
||||
border-radius: $border-radius-base;
|
||||
border-color: rgba(#000, .068);
|
||||
background-color: #f7f7f7; // IE8 fallback
|
||||
background-color: rgba(#000, .03);
|
||||
overflow-x: auto;
|
||||
overflow-y: hidden;
|
||||
@@ -195,6 +214,11 @@ div.wiki {
|
||||
}
|
||||
}
|
||||
|
||||
img {
|
||||
max-width: 100%;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.toc {
|
||||
margin-bottom: $line-height-computed;
|
||||
margin-left: 0;
|
||||
@@ -262,11 +286,6 @@ div.wiki {
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
img {
|
||||
max-width: 100%;
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
|
||||
.toc-active-prev + .toc {
|
||||
@@ -291,11 +310,12 @@ h4,
|
||||
h5,
|
||||
h6 {
|
||||
.wiki-anchor {
|
||||
// scss-lint:disable ImportantRule
|
||||
display: none;
|
||||
position: relative;
|
||||
top: -(1em - $font-size-small);
|
||||
margin-left: 5px;
|
||||
color: $gray-lighter !important;
|
||||
color: $headings-anchor-color !important;
|
||||
font-size: $font-size-small;
|
||||
text-decoration: none !important;
|
||||
}
|
||||
@@ -347,21 +367,16 @@ p.footnote {
|
||||
border-top: 1px solid $gray-lighter;
|
||||
|
||||
> p {
|
||||
margin-bottom: 0;
|
||||
float: left;
|
||||
}
|
||||
|
||||
#add_attachment_form {
|
||||
padding-top: $line-height-computed;
|
||||
clear: left;
|
||||
}
|
||||
}
|
||||
|
||||
.controller-wiki.action-show {
|
||||
.other-formats {
|
||||
margin-top: 0;
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
//
|
||||
// Custom classes for Bootstrap-like features
|
||||
|
||||
@@ -1,8 +1,6 @@
|
||||
@if $enable-sidebar-toggler {
|
||||
$toggler-position-v: 1px;
|
||||
$toggler-position-h: 1px;
|
||||
$arrow-right: $fa-var-caret-square-o-right;
|
||||
$arrow-left: $fa-var-caret-square-o-left;
|
||||
|
||||
#main {
|
||||
position: relative;
|
||||
@@ -11,8 +9,10 @@
|
||||
#sidebar {
|
||||
@if $fixed-layout {
|
||||
opacity: 1;
|
||||
will-change: margin, opacity;
|
||||
@include transition(margin .5s, opacity .5s);
|
||||
} @else {
|
||||
will-change: margin;
|
||||
@include transition(margin .5s);
|
||||
}
|
||||
|
||||
@@ -72,7 +72,7 @@
|
||||
|
||||
@if $use-font-awesome {
|
||||
&:before {
|
||||
content: $arrow-left;
|
||||
content: $fa-var-caret-square-o-left;
|
||||
}
|
||||
} @else {
|
||||
@extend %image-arrow-left;
|
||||
@@ -82,7 +82,7 @@
|
||||
|
||||
@if $use-font-awesome {
|
||||
&:before {
|
||||
content: $arrow-right;
|
||||
content: $fa-var-caret-square-o-right;
|
||||
}
|
||||
} @else {
|
||||
@extend %image-arrow-right;
|
||||
@@ -93,7 +93,7 @@
|
||||
@if $sidebar-position == "left" {
|
||||
@if $use-font-awesome {
|
||||
&:before {
|
||||
content: $arrow-right;
|
||||
content: $fa-var-caret-square-o-right;
|
||||
}
|
||||
} @else {
|
||||
@extend %image-arrow-right;
|
||||
@@ -101,7 +101,7 @@
|
||||
} @else {
|
||||
@if $use-font-awesome {
|
||||
&:before {
|
||||
content: $arrow-left;
|
||||
content: $fa-var-caret-square-o-left;
|
||||
}
|
||||
} @else {
|
||||
@extend %image-arrow-left;
|
||||
|
||||
@@ -116,7 +116,7 @@ abbr[title] {
|
||||
|
||||
b,
|
||||
strong {
|
||||
font-weight: bold;
|
||||
font-weight: $font-weight-bold;
|
||||
}
|
||||
|
||||
//
|
||||
@@ -406,7 +406,7 @@ textarea {
|
||||
//
|
||||
|
||||
optgroup {
|
||||
font-weight: bold;
|
||||
font-weight: $font-weight-bold;
|
||||
}
|
||||
|
||||
// Tables
|
||||
|
||||
2
src/sass/lib/font-awesome/_mixins.scss
vendored
2
src/sass/lib/font-awesome/_mixins.scss
vendored
@@ -1,5 +1,5 @@
|
||||
// Mixins
|
||||
// scss-lint:disable VendorPrefixes
|
||||
// scss-lint:disable VendorPrefix
|
||||
// --------------------------
|
||||
|
||||
@mixin fa-icon() {
|
||||
|
||||
@@ -7,33 +7,52 @@
|
||||
}
|
||||
|
||||
@mixin button-variant($color, $bg, $border) {
|
||||
$focus-bg: darken($bg, 8%);
|
||||
$focus-border: darken($border, 8%);
|
||||
$active-shadow: inset 0 1px 3px rgba(#000, .3);
|
||||
$correction: 1;
|
||||
@if hue($bg) > 120 and hue($bg) < 160 or lightness($bg) > 90 {
|
||||
$correction: .5;
|
||||
}
|
||||
$normal-shadow: darken($border, 12% * $correction);
|
||||
$focus-bg: darken($bg, 12% * $correction);
|
||||
$focus-border: darken($border, 12% * $correction);
|
||||
$focus-shadow: darken($focus-border, 12% * $correction);
|
||||
$active-bg: darken($bg, 12% * $correction);
|
||||
$active-border: darken($border, 15% * $correction);
|
||||
$active-shadow: inset 0 3px 4px -2px $active-border;
|
||||
|
||||
color: $color;
|
||||
border-color: $border;
|
||||
background-color: $bg;
|
||||
box-shadow: 0 1px 0 $border;
|
||||
|
||||
@if lightness($bg) > 90 {
|
||||
@if lightness($bg) > 98 {
|
||||
$focus-bg: darken($bg, 5%);
|
||||
$focus-border: darken($border, 5%);
|
||||
$active-shadow: inset 0 1px 2px rgba(#000, .1);
|
||||
$normal-shadow: none;
|
||||
$focus-shadow: none;
|
||||
}
|
||||
|
||||
background-color: $bg;
|
||||
color: $color;
|
||||
@if $normal-shadow == "none" {
|
||||
border-color: $border;
|
||||
box-shadow: none;
|
||||
} @else {
|
||||
border-color: $border $border $normal-shadow;
|
||||
box-shadow: 0 1px 0 $normal-shadow;
|
||||
}
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
border-color: $focus-border;
|
||||
background-color: $focus-bg;
|
||||
color: $color;
|
||||
box-shadow: 0 1px 0 $focus-border;
|
||||
@if $focus-shadow == "none" {
|
||||
border-color: $focus-border;
|
||||
box-shadow: none;
|
||||
} @else {
|
||||
border-color: $focus-border $focus-border $focus-shadow;
|
||||
box-shadow: 0 1px 0 $focus-shadow;
|
||||
}
|
||||
}
|
||||
|
||||
&:active {
|
||||
border-color: $border;
|
||||
background-color: $bg;
|
||||
@include translate(0, 1px);
|
||||
border-color: $active-border;
|
||||
background-color: $active-bg;
|
||||
box-shadow: $active-shadow;
|
||||
@include translate(0, 1px);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
// Gradients
|
||||
// scss-lint:disable VendorPrefixes
|
||||
// scss-lint:disable VendorPrefix
|
||||
|
||||
|
||||
// Horizontal gradient, from left to right
|
||||
|
||||
15
src/sass/mixins/_image.scss
Normal file
15
src/sass/mixins/_image.scss
Normal file
@@ -0,0 +1,15 @@
|
||||
// Retina image
|
||||
//
|
||||
|
||||
@mixin img-retina($file-2x, $width-1x, $height-1x) {
|
||||
@media
|
||||
only screen and (-webkit-min-device-pixel-ratio: 2),
|
||||
only screen and (min--moz-device-pixel-ratio: 2),
|
||||
only screen and (-o-min-device-pixel-ratio: 2/1),
|
||||
only screen and (min-device-pixel-ratio: 2),
|
||||
only screen and (min-resolution: 192dpi),
|
||||
only screen and (min-resolution: 2dppx) {
|
||||
background-image: url("#{$file-2x}");
|
||||
background-size: $width-1x $height-1x;
|
||||
}
|
||||
}
|
||||
@@ -16,8 +16,16 @@
|
||||
color: darken($color, 10%);
|
||||
}
|
||||
|
||||
&.odd {
|
||||
background: darken($background, 3%);
|
||||
@if $table-list-color-odd-rows {
|
||||
&.odd {
|
||||
background: darken($background, $table-accent-factor * 100%);
|
||||
}
|
||||
}
|
||||
|
||||
@if $table-list-color-even-rows {
|
||||
&.even {
|
||||
background: darken($background, $table-accent-factor * 100%);
|
||||
}
|
||||
}
|
||||
|
||||
td {
|
||||
@@ -33,6 +41,24 @@
|
||||
}
|
||||
}
|
||||
|
||||
@if $table-list-highlight-rows {
|
||||
table.list > tbody > tr#{$parent}:hover {
|
||||
background: darken($background, $table-hover-factor * 100%);
|
||||
}
|
||||
|
||||
@if $table-list-color-odd-rows {
|
||||
&.odd {
|
||||
background: darken($background, ($table-accent-factor + $table-hover-factor) * 100%);
|
||||
}
|
||||
}
|
||||
|
||||
@if $table-list-color-even-rows {
|
||||
&.even {
|
||||
background: darken($background, ($table-accent-factor + $table-hover-factor) * 100%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@if $colored-issue {
|
||||
.issue.details#{$parent} {
|
||||
color: $color;
|
||||
@@ -111,7 +137,6 @@
|
||||
a#{$parent},
|
||||
.relations > span > a#{$parent},
|
||||
.parent > a#{$parent} {
|
||||
border-radius: $border-radius-small ($border-radius-small * 3) ($border-radius-small * 3) $border-radius-small;
|
||||
background-color: $background;
|
||||
color: $color;
|
||||
|
||||
@@ -122,44 +147,26 @@
|
||||
background-color: darken($background, 10%);
|
||||
}
|
||||
color: $color;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
&:focus,
|
||||
&:active {
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
a#{$parent} {
|
||||
margin-right: 1px;
|
||||
padding: $tracker-inline-padding;
|
||||
font-weight: normal;
|
||||
|
||||
&.closed {
|
||||
position: relative;
|
||||
color: mix($color, $background, 75%);
|
||||
text-decoration: none;
|
||||
|
||||
&:after {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 5px;
|
||||
left: 5px;
|
||||
border-top: 1px solid rgba($color, .35);
|
||||
content: "";
|
||||
border-top-color: rgba($color, .95);
|
||||
}
|
||||
|
||||
&:hover:after {
|
||||
border-top-color: rgba($color, .25);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
tr#{$parent} .id > a {
|
||||
display: block;
|
||||
padding: $tracker-list-padding;
|
||||
|
||||
&:before {
|
||||
color: mix($color, $background, 50%);
|
||||
content: "#";
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
23
src/sass/mixins/_shadows.scss
Normal file
23
src/sass/mixins/_shadows.scss
Normal file
@@ -0,0 +1,23 @@
|
||||
// Some really nice looking shadows
|
||||
|
||||
@mixin nice-shadow($depth: 1) {
|
||||
$shadow: none;
|
||||
@if ($depth == 1) {
|
||||
// $shadow: 0 3px 1px -2px rgba(#000, .14), 0 2px 2px 0 rgba(#000, .098), 0 1px 5px 0 rgba(#000, .082);
|
||||
$shadow: 0 1px 3px rgba(#000, .12), 0 1px 2px rgba(#000, .24);
|
||||
} @elseif ($depth == 2) {
|
||||
// $shadow: 0 2px 4px -1px rgba(#000, .14), 0 4px 5px 0 rgba(#000, .098), 0 1px 10px 0 rgba(#000, .082)
|
||||
$shadow: 0 3px 6px rgba(#000, .16), 0 3px 6px rgba(#000, .23);
|
||||
} @elseif ($depth == 3) {
|
||||
// $shadow: 0 3px 5px -1px rgba(#000, .14), 0 6px 10px 0 rgba(#000, .098), 0 1px 18px 0 rgba(#000, .082)
|
||||
$shadow: 0 10px 18px rgba(#000, .19), 0 6px 8px rgba(#000, .23);
|
||||
} @elseif ($depth == 4) {
|
||||
// $shadow: 0 5px 5px -3px rgba(#000, .14), 0 8px 10px 1px rgba(#000, .098), 0 3px 14px 2px rgba(#000, .082)
|
||||
$shadow: 0 14px 28px rgba(#000, .25), 0 10px 10px rgba(#000, .22);
|
||||
} @elseif ($depth == 5) {
|
||||
// $shadow: 0 8px 10px -5px rgba(#000, .14), 0 16px 24px 2px rgba(#000, .098), 0 6px 30px 5px rgba(#000, .082)
|
||||
$shadow: 0 19px 38px rgba(#000, .30), 0 15px 12px rgba(#000, .22);
|
||||
}
|
||||
|
||||
box-shadow: $shadow;
|
||||
}
|
||||
@@ -1,5 +1,5 @@
|
||||
// Vendor Prefixes
|
||||
// scss-lint:disable VendorPrefixes
|
||||
// scss-lint:disable VendorPrefix NameFormat
|
||||
//
|
||||
// All vendor mixins are deprecated as of v3.2.0 due to the introduction of
|
||||
// Autoprefixer in our Gruntfile. They will be removed in v4.
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
@import "common";
|
||||
|
||||
html {
|
||||
overflow-y: scroll !important;
|
||||
overflow-y: scroll;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
@@ -14,6 +14,7 @@ body {
|
||||
color: $text-color;
|
||||
font-family: $font-family-base;
|
||||
font-size: $font-size-base;
|
||||
font-weight: $font-weight-normal;
|
||||
line-height: $line-height-base;
|
||||
}
|
||||
|
||||
@@ -26,19 +27,19 @@ a {
|
||||
color: $link-hover-color;
|
||||
text-decoration: $link-hover-decoration;
|
||||
}
|
||||
}
|
||||
|
||||
&.issue.closed {
|
||||
color: $link-color-issue-closed;
|
||||
text-decoration: $link-closed-decoration;
|
||||
}
|
||||
.issue.closed {
|
||||
color: $link-color-issue-closed;
|
||||
text-decoration: $link-closed-decoration;
|
||||
}
|
||||
|
||||
&.project.closed {
|
||||
color: $link-color-project-closed;
|
||||
}
|
||||
.project.closed {
|
||||
color: $link-color-project-closed;
|
||||
}
|
||||
|
||||
&.user.locked {
|
||||
color: $link-color-user-locked;
|
||||
}
|
||||
.user.locked {
|
||||
color: $link-color-user-locked;
|
||||
}
|
||||
|
||||
|
||||
@@ -90,10 +91,10 @@ button.ui-multiselect {
|
||||
padding: $input-padding-vertical $input-padding-horizontal;
|
||||
border: 1px solid $input-border;
|
||||
background: $input-bg;
|
||||
cursor: default;
|
||||
color: $input-color;
|
||||
white-space: nowrap;
|
||||
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075);
|
||||
cursor: default;
|
||||
overflow: hidden;
|
||||
@include transition(border-color ease-in-out .1s, box-shadow ease-in-out .1s);
|
||||
@include box-sizing(border-box);
|
||||
@@ -142,14 +143,14 @@ button.ui-multiselect {
|
||||
}
|
||||
|
||||
.home {
|
||||
font-weight: bold;
|
||||
font-weight: $font-weight-bold;
|
||||
}
|
||||
|
||||
.separator {
|
||||
position: relative;
|
||||
top: -1px;
|
||||
padding: 0 .2em;
|
||||
font-weight: bold;
|
||||
font-weight: $font-weight-bold;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -284,7 +285,7 @@ ul.ui-sortable {
|
||||
margin-left: -160px;
|
||||
padding-right: 5px;
|
||||
float: left;
|
||||
font-weight: bold;
|
||||
font-weight: $font-weight-bold;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@@ -1,118 +1,119 @@
|
||||
@import "../common";
|
||||
|
||||
.ui-multiselect {
|
||||
padding: 2px 0 2px 4px;
|
||||
text-align: left;
|
||||
|
||||
span.ui-icon {
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
|
||||
.ui-multiselect-single .ui-multiselect-checkboxes {
|
||||
input {
|
||||
position: absolute !important;
|
||||
top: auto !important;
|
||||
left: -9999px;
|
||||
}
|
||||
|
||||
label {
|
||||
padding: 5px !important;
|
||||
}
|
||||
}
|
||||
|
||||
.ui-multiselect-header {
|
||||
margin-bottom: 3px;
|
||||
padding: 3px;
|
||||
|
||||
ul {
|
||||
font-size: $font-size-list;
|
||||
|
||||
li {
|
||||
padding: 0 10px 0 0;
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
|
||||
&:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
|
||||
span.ui-icon {
|
||||
float: left;
|
||||
}
|
||||
|
||||
li.ui-multiselect-close {
|
||||
padding-right: 0;
|
||||
float: right;
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
|
||||
.ui-multiselect-menu {
|
||||
display: none;
|
||||
position: absolute;
|
||||
padding: 3px;
|
||||
text-align: left;
|
||||
box-shadow: $panel-shadow;
|
||||
z-index: 10000;
|
||||
}
|
||||
|
||||
.ui-multiselect-checkboxes {
|
||||
position: relative;
|
||||
padding-right: 2px;
|
||||
overflow-y: scroll;
|
||||
|
||||
input[type="checkbox"] {
|
||||
top: 0;
|
||||
margin: 3px 0 0 -20px;
|
||||
float: left;
|
||||
|
||||
&:focus {
|
||||
outline: none;
|
||||
}
|
||||
}
|
||||
|
||||
label {
|
||||
display: block;
|
||||
padding: 3px 1px;
|
||||
padding-left: 20px + 6px;
|
||||
border: 1px solid transparent;
|
||||
cursor: default;
|
||||
@include user-select(none);
|
||||
|
||||
input {
|
||||
position: relative;
|
||||
top: 1px;
|
||||
}
|
||||
}
|
||||
|
||||
li {
|
||||
clear: both;
|
||||
font-size: $font-size-list;
|
||||
|
||||
&.ui-multiselect-optgroup-label {
|
||||
margin-bottom: 2px;
|
||||
border-bottom: 1px solid $panel-border;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
|
||||
a {
|
||||
display: block;
|
||||
margin: 1px 0;
|
||||
padding: 3px;
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* remove label borders in IE6 because IE6 does not support transparency */
|
||||
|
||||
* html .ui-multiselect-checkboxes label {
|
||||
border: 0 none;
|
||||
}
|
||||
// scss-lint:disable ImportantRule
|
||||
@import "../common";
|
||||
|
||||
.ui-multiselect {
|
||||
padding: 2px 0 2px 4px;
|
||||
text-align: left;
|
||||
|
||||
span.ui-icon {
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
|
||||
.ui-multiselect-single .ui-multiselect-checkboxes {
|
||||
input {
|
||||
position: absolute !important;
|
||||
top: auto !important;
|
||||
left: -9999px;
|
||||
}
|
||||
|
||||
label {
|
||||
padding: 5px !important;
|
||||
}
|
||||
}
|
||||
|
||||
.ui-multiselect-header {
|
||||
margin-bottom: 3px;
|
||||
padding: 3px;
|
||||
|
||||
ul {
|
||||
font-size: $font-size-list;
|
||||
|
||||
li {
|
||||
padding: 0 10px 0 0;
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
|
||||
&:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
|
||||
span.ui-icon {
|
||||
float: left;
|
||||
}
|
||||
|
||||
li.ui-multiselect-close {
|
||||
padding-right: 0;
|
||||
float: right;
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
|
||||
.ui-multiselect-menu {
|
||||
display: none;
|
||||
position: absolute;
|
||||
padding: 3px;
|
||||
text-align: left;
|
||||
z-index: 10000;
|
||||
@include nice-shadow(2);
|
||||
}
|
||||
|
||||
.ui-multiselect-checkboxes {
|
||||
position: relative;
|
||||
padding-right: 2px;
|
||||
overflow-y: scroll;
|
||||
|
||||
input[type="checkbox"] {
|
||||
top: 0;
|
||||
margin: 3px 0 0 -20px;
|
||||
float: left;
|
||||
|
||||
&:focus {
|
||||
outline: none;
|
||||
}
|
||||
}
|
||||
|
||||
label {
|
||||
display: block;
|
||||
padding: 3px 1px;
|
||||
padding-left: 20px + 6px;
|
||||
border: 1px solid transparent;
|
||||
cursor: default;
|
||||
@include user-select(none);
|
||||
|
||||
input {
|
||||
position: relative;
|
||||
top: 1px;
|
||||
}
|
||||
}
|
||||
|
||||
li {
|
||||
clear: both;
|
||||
font-size: $font-size-list;
|
||||
|
||||
&.ui-multiselect-optgroup-label {
|
||||
margin-bottom: 2px;
|
||||
border-bottom: 1px solid $panel-border;
|
||||
font-weight: $font-weight-bold;
|
||||
text-align: center;
|
||||
|
||||
a {
|
||||
display: block;
|
||||
margin: 1px 0;
|
||||
padding: 3px;
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* remove label borders in IE6 because IE6 does not support transparency */
|
||||
|
||||
* html .ui-multiselect-checkboxes label {
|
||||
border: 0 none;
|
||||
}
|
||||
|
||||
@@ -1,37 +1,37 @@
|
||||
@import "../common";
|
||||
|
||||
.qtip {
|
||||
position: absolute;
|
||||
top: -31000px;
|
||||
left: -31000px;
|
||||
width: auto;
|
||||
max-width: 500px;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.ui-tooltip-content {
|
||||
position: relative;
|
||||
padding: 10px;
|
||||
border: 1px solid $tooltip-border;
|
||||
background-color: $tooltip-bg;
|
||||
color: $tooltip-text;
|
||||
font-size: $font-size-list;
|
||||
text-align: left;
|
||||
word-wrap: break-word;
|
||||
box-shadow: 0 2px 2px rgba(#000, .2);
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.ui-tooltip-tip {
|
||||
border-color: $tooltip-border;
|
||||
background-color: $tooltip-bg;
|
||||
}
|
||||
|
||||
.ui-tooltip-tip {
|
||||
position: absolute;
|
||||
margin: 0 auto;
|
||||
border: 0 none;
|
||||
background: transparent;
|
||||
overflow: hidden;
|
||||
z-index: 10;
|
||||
}
|
||||
@import "../common";
|
||||
|
||||
.qtip {
|
||||
position: absolute;
|
||||
top: -31000px;
|
||||
left: -31000px;
|
||||
width: auto;
|
||||
max-width: 500px;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.ui-tooltip-content {
|
||||
position: relative;
|
||||
padding: 10px;
|
||||
border: 1px solid $tooltip-border;
|
||||
background-color: $tooltip-bg;
|
||||
color: $tooltip-text;
|
||||
font-size: $font-size-list;
|
||||
text-align: left;
|
||||
word-wrap: break-word;
|
||||
@include nice-shadow(2);
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.ui-tooltip-tip {
|
||||
border-color: $tooltip-border;
|
||||
background-color: $tooltip-bg;
|
||||
}
|
||||
|
||||
.ui-tooltip-tip {
|
||||
position: absolute;
|
||||
margin: 0 auto;
|
||||
border: 0 none;
|
||||
background: transparent;
|
||||
overflow: hidden;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
@@ -1,3 +1,4 @@
|
||||
// scss-lint:disable ImportantRule
|
||||
@import "common";
|
||||
|
||||
$header-line-height: floor($line-height-computed * 1.5);
|
||||
@@ -32,7 +33,6 @@ $story-sp-input-width: 50px;
|
||||
} @else {
|
||||
background-color: darken($background, 10%);
|
||||
}
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -167,7 +167,7 @@ $story-sp-input-width: 50px;
|
||||
margin: 0 0 ($padding-side / 2);
|
||||
border-radius: $border-radius-large $border-radius-large 0 0;
|
||||
background-color: $gray-lightest;
|
||||
box-shadow: $panel-shadow;
|
||||
@include nice-shadow(1);
|
||||
|
||||
@media screen and (min-width: $screen-md-min) {
|
||||
margin: 0 0 $padding-side;
|
||||
@@ -211,7 +211,7 @@ $story-sp-input-width: 50px;
|
||||
|
||||
.name {
|
||||
padding-left: $padding-base-horizontal;
|
||||
font-weight: bold;
|
||||
font-weight: $font-weight-bold;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
@@ -310,9 +310,9 @@ $story-sp-input-width: 50px;
|
||||
border-right: 1px solid #888;
|
||||
border-bottom: 1px solid $header-bg;
|
||||
border-radius: ($border-radius-large - 1px) 0 0;
|
||||
cursor: pointer;
|
||||
font-size: $font-size-small;
|
||||
line-height: $line-height-base;
|
||||
cursor: pointer;
|
||||
overflow: visible;
|
||||
@include transition(background-color 0s .1s, border-color 0s .1s);
|
||||
|
||||
@@ -491,20 +491,33 @@ $story-sp-input-width: 50px;
|
||||
display: block;
|
||||
padding: $tracker-list-padding;
|
||||
border-radius: $border-radius-small ($border-radius-small * 3) ($border-radius-small * 3) $border-radius-small;
|
||||
background-color: darken($gray-lightest, 3%);
|
||||
color: $gray-dark;
|
||||
font-weight: bold;
|
||||
@if $color-trackers {
|
||||
background-color: $tracker-default-bg;
|
||||
color: $tracker-default-text;
|
||||
} @else {
|
||||
background-color: darken($gray-lightest, 3%);
|
||||
color: $gray-dark;
|
||||
}
|
||||
font-weight: $font-weight-bold;
|
||||
text-align: right;
|
||||
|
||||
&:before {
|
||||
margin-left: -1em;
|
||||
color: $gray-light;
|
||||
@if $color-trackers {
|
||||
color: mix($tracker-default-text, $tracker-default-bg, 50%);
|
||||
} @else {
|
||||
color: $gray-light;
|
||||
}
|
||||
font-weight: normal;
|
||||
content: "#";
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background-color: $gray-lighter;
|
||||
@if $color-trackers {
|
||||
background-color: darken($tracker-default-bg, 10%);
|
||||
} @else {
|
||||
background-color: $gray-lighter;
|
||||
}
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
@@ -684,13 +697,13 @@ $story-sp-input-width: 50px;
|
||||
}
|
||||
|
||||
@if $color-trackers {
|
||||
@include rb-tracker('.tracker1', $tracker-1-bg, $tracker-1-text);
|
||||
@include rb-tracker('.tracker2', $tracker-2-bg, $tracker-2-text);
|
||||
@include rb-tracker('.tracker3', $tracker-3-bg, $tracker-3-text);
|
||||
@include rb-tracker('.tracker4', $tracker-4-bg, $tracker-4-text);
|
||||
@include rb-tracker('.tracker5', $tracker-5-bg, $tracker-5-text);
|
||||
@include rb-tracker('.tracker6', $tracker-6-bg, $tracker-6-text);
|
||||
@include rb-tracker('.tracker7', $tracker-7-bg, $tracker-7-text);
|
||||
@each $tracker-id, $tracker-colors in $tracker-colors-map {
|
||||
@include rb-tracker(
|
||||
".tracker#{$tracker-id}",
|
||||
map-get($tracker-colors, background),
|
||||
map-get($tracker-colors, color)
|
||||
);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -711,7 +724,7 @@ $story-sp-input-width: 50px;
|
||||
|
||||
&.ui-widget-content {
|
||||
border: 0 none;
|
||||
box-shadow: 2px 2px 5px #777;
|
||||
@include nice-shadow(5);
|
||||
}
|
||||
|
||||
.ui-dialog-buttonpane.ui-widget-content {
|
||||
@@ -754,10 +767,10 @@ $story-sp-input-width: 50px;
|
||||
display: inline-block;
|
||||
margin-bottom: 0;
|
||||
border: 1px solid;
|
||||
cursor: pointer;
|
||||
font-weight: $btn-font-weight;
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
cursor: pointer;
|
||||
@include button-size($input-padding-vertical, $input-padding-horizontal, $font-size-base, $line-height-base, $border-radius-base);
|
||||
@include user-select(none);
|
||||
@include transition(background-color ease-in-out .07s, border-color ease-in-out .07s, box-shadow ease-in-out .07s);
|
||||
@@ -778,12 +791,6 @@ $story-sp-input-width: 50px;
|
||||
&:active {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
@media screen and (max-width: $screen-md-max) {
|
||||
padding: $input-padding-vertical;
|
||||
font-size: $font-size-small-px;
|
||||
line-height: $line-height-computed;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -828,6 +835,6 @@ $story-sp-input-width: 50px;
|
||||
|
||||
#show_completed_sprints {
|
||||
margin-left: $padding-side / 2;
|
||||
cursor: pointer;
|
||||
color: $gray-darkest;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
@@ -73,7 +73,7 @@ $swimlane-width: $issue-width + 2 * ($issue-margin + $issue-paddi
|
||||
border-right: 1px dotted mix($header-bg, $header-text, 70%);
|
||||
background-color: $header-bg;
|
||||
color: $header-text;
|
||||
font-weight: bold;
|
||||
font-weight: $font-weight-bold;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
|
||||
@@ -161,7 +161,7 @@ $swimlane-width: $issue-width + 2 * ($issue-margin + $issue-paddi
|
||||
a {
|
||||
color: $gray-darkest;
|
||||
font-size: $font-size-small-px;
|
||||
font-weight: bold;
|
||||
font-weight: $font-weight-bold;
|
||||
}
|
||||
|
||||
.assignee {
|
||||
@@ -198,7 +198,7 @@ $swimlane-width: $issue-width + 2 * ($issue-margin + $issue-paddi
|
||||
border-radius: 50%;
|
||||
background-color: $brand-warning;
|
||||
color: $brand-text;
|
||||
font-weight: bold;
|
||||
font-weight: $font-weight-bold;
|
||||
line-height: 36px;
|
||||
text-align: center;
|
||||
|
||||
@@ -223,10 +223,10 @@ $swimlane-width: $issue-width + 2 * ($issue-margin + $issue-paddi
|
||||
border: 0 none;
|
||||
border-radius: $border-radius-large;
|
||||
background-color: $gray-lighter;
|
||||
cursor: move;
|
||||
color: $gray-darker;
|
||||
font-size: 10px;
|
||||
line-height: 1.3;
|
||||
cursor: move;
|
||||
}
|
||||
|
||||
.placeholder {
|
||||
@@ -244,7 +244,7 @@ $swimlane-width: $issue-width + 2 * ($issue-margin + $issue-paddi
|
||||
border-radius: $border-radius-base;
|
||||
background-color: $body-bg;
|
||||
font-size: $font-size-small-px;
|
||||
font-weight: bold;
|
||||
font-weight: $font-weight-bold;
|
||||
line-height: 16px;
|
||||
text-align: right;
|
||||
opacity: .8;
|
||||
@@ -382,7 +382,7 @@ $swimlane-width: $issue-width + 2 * ($issue-margin + $issue-paddi
|
||||
&.ui-widget-content {
|
||||
border: 0 none;
|
||||
background: none;
|
||||
box-shadow: 2px 2px 5px #777;
|
||||
@include nice-shadow(5);
|
||||
}
|
||||
|
||||
.ui-dialog-buttonpane.ui-widget-content {
|
||||
|
||||
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user