purpleraft/PurpleMine2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Change indentation to 2 spaces

Browse Source 
To comply with Redmine's coding style.
This commit is contained in:
mrliptontea
2016-11-20 21:07:06 +00:00
parent d0e6246e99
commit abb16c53f3
59 changed files with 8508 additions and 8508 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
.editorconfig
View File

@@ -6,4 +6,4 @@ charset = utf-8
trim_trailing_whitespace = true trim_trailing_whitespace = true
insert_final_newline = true insert_final_newline = true
indent_style = space indent_style = space
indent_size = 4 indent_size = 2

4
.scss-lint.yml
View File

@@ -66,9 +66,9 @@ linters:
filename_extension: false filename_extension: false
Indentation: Indentation:
enabled: false enabled: true
character: space character: space
width: 4 width: 2
LeadingZero: LeadingZero:
enabled: true enabled: true

2
plugins/redmine_backlogs/global.css
View File

File diff suppressed because one or more lines are too long

2
plugins/redmine_backlogs/jquery/jquery-ui.css vendored
View File

File diff suppressed because one or more lines are too long

2
plugins/redmine_backlogs/master_backlog.css
View File

File diff suppressed because one or more lines are too long

160
src/javascripts/modules/HistoryTabs.js
View File

@@ -2,97 +2,97 @@ var PurpleMine = PurpleMine || {};
PurpleMine.HistoryTabs = (function() PurpleMine.HistoryTabs = (function()
{ {
"use strict"; "use strict";
var self; var self;
var translations = { var translations = {
en: { en: {
all : "All", all : "All",
notes : "Notes", notes : "Notes",
details: "Changes" details: "Changes"
}, },
pl: { pl: {
all : "Wszystko", all : "Wszystko",
notes : "Notatki", notes : "Notatki",
details: "Zmiany" details: "Zmiany"
} }
}; };
function HistoryTabs() function HistoryTabs()
{
if (self)
{ {
if (self) return self;
{
return self;
}
self = this;
this.$tabsContainer = null;
this.$tabs = null;
this.$history = $("#history");
this.lang = document.documentElement.lang;
if (typeof translations[this.lang] === "undefined")
{
this.lang = "en";
}
this._ = translations[this.lang];
if (this.$history.length > 0)
{
buildTabs();
markFirstOfTypes();
}
} }
function buildTabs() self = this;
this.$tabsContainer = null;
this.$tabs = null;
this.$history = $("#history");
this.lang = document.documentElement.lang;
if (typeof translations[this.lang] === "undefined")
{ {
var html = "", this.lang = "en";
liStart = "<li><a href=\"javascript:;\" class=\"",
liMid = "history-tab\" data-tab=\"",
liEnd = "</a></li>";
html += "<div class=\"tabs\"><ul>";
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>";
self.$tabsContainer = $(html);
$("#history > h3").after(self.$tabsContainer);
self.$tabs = self.$tabsContainer.find(".history-tab");
self.$tabs.on("click", tabClick);
} }
function markFirstOfTypes() this._ = translations[this.lang];
if (this.$history.length > 0)
{ {
self.$history.find(".has-notes:first").addClass("first-of-notes"); buildTabs();
self.$history.find(".has-details:first").addClass("first-of-details"); markFirstOfTypes();
} }
}
var tabClick = function() function buildTabs()
{
var html = "",
liStart = "<li><a href=\"javascript:;\" class=\"",
liMid = "history-tab\" data-tab=\"",
liEnd = "</a></li>";
html += "<div class=\"tabs\"><ul>";
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>";
self.$tabsContainer = $(html);
$("#history > h3").after(self.$tabsContainer);
self.$tabs = self.$tabsContainer.find(".history-tab");
self.$tabs.on("click", tabClick);
}
function markFirstOfTypes()
{
self.$history.find(".has-notes:first").addClass("first-of-notes");
self.$history.find(".has-details:first").addClass("first-of-details");
}
var tabClick = function()
{
var $this = $(this),
tab = $this.attr("data-tab");
self.$tabs.removeClass("selected");
$this.addClass("selected");
self.$history
.removeClass("hide-details")
.removeClass("hide-notes");
if ("notes" === tab)
{ {
var $this = $(this), self.$history.addClass("hide-details");
tab = $this.attr("data-tab"); }
else if ("details" === tab)
{
self.$history.addClass("hide-notes");
}
};
self.$tabs.removeClass("selected"); return HistoryTabs;
$this.addClass("selected");
self.$history
.removeClass("hide-details")
.removeClass("hide-notes");
if ("notes" === tab)
{
self.$history.addClass("hide-details");
}
else if ("details" === tab)
{
self.$history.addClass("hide-notes");
}
};
return HistoryTabs;
}()); }());

216
src/javascripts/modules/MenuCollapse.js
View File

@@ -2,136 +2,136 @@ var PurpleMine = PurpleMine || {};
PurpleMine.MenuCollapse = (function() PurpleMine.MenuCollapse = (function()
{ {
"use strict"; "use strict";
var self; var self;
var translations = { var translations = {
en: { en: {
topMenuToggler : "Expand/collapse top menu" topMenuToggler : "Expand/collapse top menu"
}, },
pl: { pl: {
topMenuToggler : "Zwiń/rozwiń górne menu" topMenuToggler : "Zwiń/rozwiń górne menu"
} }
}; };
function MenuCollapse() function MenuCollapse()
{
if (self)
{ {
if (self) return 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")
}
};
for (var menu in this.menus)
{
if (this.menus.hasOwnProperty(menu) &&
this.menus[menu].$el.length > 0)
{
handleMenu(menu);
}
}
} }
function handleMenu(menu) self = this;
this.lang = document.documentElement.lang;
if (typeof translations[this.lang] === "undefined")
{ {
if ("none" === self.menus[menu].$el.css("maxHeight")) this.lang = "en";
{
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) this._ = translations[this.lang];
this.menus = {
top: {
$el: $("#top-menu")
}
};
for (var menu in this.menus)
{ {
return "PurpleMine:" + menu + "MenuExpanded"; 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;
} }
function buildToggleButton(menu) self.menus[menu].collapsed = true;
if (window.localStorage)
{ {
var togglerClass = menu + "-menu-toggler", self.menus[menu].collapsed =
togglerLabel = self._[menu + "MenuToggler"], null === localStorage.getItem(getMenuStorageKey(menu));
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) buildToggleButton(menu);
if (false === self.isCollapsed(menu))
{ {
var menu = event.data.menu || ""; self.expandMenu(menu);
}
}
if (self.isCollapsed(menu)) function getMenuStorageKey(menu)
{ {
self.expandMenu(menu); return "PurpleMine:" + menu + "MenuExpanded";
} }
else
{
self.collapseMenu(menu);
}
};
MenuCollapse.prototype.isCollapsed = function(menu) 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))
{ {
return this.menus[menu].collapsed; self.expandMenu(menu);
}; }
else
MenuCollapse.prototype.expandMenu = function(menu)
{ {
this.menus[menu].$el.addClass("expanded"); self.collapseMenu(menu);
this.menus[menu].$toggler.addClass("expanded"); }
this.menus[menu].collapsed = false; };
if (window.localStorage) MenuCollapse.prototype.isCollapsed = function(menu)
{ {
localStorage.setItem(getMenuStorageKey(menu), "x"); return this.menus[menu].collapsed;
} };
};
MenuCollapse.prototype.collapseMenu = function(menu) 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)
{ {
this.menus[menu].$el.removeClass("expanded"); localStorage.setItem(getMenuStorageKey(menu), "x");
this.menus[menu].$toggler.removeClass("expanded"); }
this.menus[menu].collapsed = true; };
if (window.localStorage) MenuCollapse.prototype.collapseMenu = function(menu)
{ {
localStorage.removeItem(getMenuStorageKey(menu)); this.menus[menu].$el.removeClass("expanded");
} this.menus[menu].$toggler.removeClass("expanded");
}; this.menus[menu].collapsed = true;
return MenuCollapse; if (window.localStorage)
{
localStorage.removeItem(getMenuStorageKey(menu));
}
};
return MenuCollapse;
}()); }());

244
src/javascripts/modules/RevisionGraph.js
View File

@@ -6,152 +6,152 @@ var PurpleMine = PurpleMine || {};
PurpleMine.RevisionGraph = function(holder, commits_hash, graph_space) PurpleMine.RevisionGraph = function(holder, commits_hash, graph_space)
{ {
"use strict"; "use strict";
var XSTEP = 20, var XSTEP = 20,
CIRCLE_INROW_OFFSET = 17; CIRCLE_INROW_OFFSET = 17;
var commits_by_scmid = commits_hash, var commits_by_scmid = commits_hash,
commits = $.map(commits_by_scmid, function(val){return val;}); commits = $.map(commits_by_scmid, function(val){return val;});
var max_rdmid = commits.length - 1; var max_rdmid = commits.length - 1;
var commit_table_rows = $("table.changesets tr.changeset"); var commit_table_rows = $("table.changesets tr.changeset");
// create graph // create graph
if (revisionGraph !== null) if (revisionGraph !== null)
{
revisionGraph.clear();
}
else
{
revisionGraph = new Raphael(holder);
}
var top = revisionGraph.set();
// init dimensions
var graph_x_offset = commit_table_rows.first().find("td").first().position().left - $(holder).position().left,
graph_y_offset = $(holder).position().top,
graph_right_side = graph_x_offset + (graph_space + 1) * XSTEP,
graph_bottom = commit_table_rows.last().position().top + commit_table_rows.last().height() - graph_y_offset;
revisionGraph.setSize(graph_right_side, graph_bottom);
// init colors
var colors = [
"#e74c3c",
"#584492",
"#019851",
"#ed820c",
"#4183c4"
];
// get more colors if needed
if (graph_space >= colors.length)
{
Raphael.getColor.reset();
for (var k = 0; k <= graph_space; k++)
{ {
revisionGraph.clear(); colors.push(Raphael.getColor(0.9));
} }
else }
var parent_commit;
var x, y, parent_x, parent_y;
var path, title;
var revision_dot_overlay;
$.each(commits, function(index, commit)
{
if (!commit.hasOwnProperty("space"))
{ {
revisionGraph = new Raphael(holder); commit.space = 0;
} }
var top = revisionGraph.set(); y = commit_table_rows.eq(max_rdmid - commit.rdmid).position().top - graph_y_offset + CIRCLE_INROW_OFFSET;
x = graph_x_offset + XSTEP / 2 + XSTEP * commit.space;
// init dimensions revisionGraph.circle(x, y, 3.5)
var graph_x_offset = commit_table_rows.first().find("td").first().position().left - $(holder).position().left, .attr({
graph_y_offset = $(holder).position().top, fill: colors[commit.space],
graph_right_side = graph_x_offset + (graph_space + 1) * XSTEP, stroke: "none"
graph_bottom = commit_table_rows.last().position().top + commit_table_rows.last().height() - graph_y_offset; }).toFront();
revisionGraph.setSize(graph_right_side, graph_bottom); // paths to parents
$.each(commit.parent_scmids, function(index, parent_scmid)
// init colors
var colors = [
"#e74c3c",
"#584492",
"#019851",
"#ed820c",
"#4183c4"
];
// get more colors if needed
if (graph_space >= colors.length)
{ {
Raphael.getColor.reset(); parent_commit = commits_by_scmid[parent_scmid];
for (var k = 0; k <= graph_space; k++) if (parent_commit)
{
if (!parent_commit.hasOwnProperty("space"))
{ {
colors.push(Raphael.getColor(0.9)); parent_commit.space = 0;
}
}
var parent_commit;
var x, y, parent_x, parent_y;
var path, title;
var revision_dot_overlay;
$.each(commits, function(index, commit)
{
if (!commit.hasOwnProperty("space"))
{
commit.space = 0;
} }
y = commit_table_rows.eq(max_rdmid - commit.rdmid).position().top - graph_y_offset + CIRCLE_INROW_OFFSET; parent_y = commit_table_rows.eq(max_rdmid - parent_commit.rdmid).position().top - graph_y_offset + CIRCLE_INROW_OFFSET;
x = graph_x_offset + XSTEP / 2 + XSTEP * commit.space; parent_x = graph_x_offset + XSTEP / 2 + XSTEP * parent_commit.space;
revisionGraph.circle(x, y, 3.5) if (parent_commit.space === commit.space)
.attr({
fill: colors[commit.space],
stroke: "none"
}).toFront();
// paths to parents
$.each(commit.parent_scmids, function(index, parent_scmid)
{ {
parent_commit = commits_by_scmid[parent_scmid]; // vertical path
path = revisionGraph.path([
if (parent_commit) "M", x, y,
{ "V", parent_y]);
if (!parent_commit.hasOwnProperty("space"))
{
parent_commit.space = 0;
}
parent_y = commit_table_rows.eq(max_rdmid - parent_commit.rdmid).position().top - graph_y_offset + CIRCLE_INROW_OFFSET;
parent_x = graph_x_offset + XSTEP / 2 + XSTEP * parent_commit.space;
if (parent_commit.space === commit.space)
{
// vertical path
path = revisionGraph.path([
"M", x, y,
"V", parent_y]);
}
else
{
// path to a commit in a different branch (Bezier curve)
path = revisionGraph.path([
"M", x, y,
"C", x, y, x, y + (parent_y - y) / 2, x + (parent_x - x) / 2, y + (parent_y - y) / 2,
"C", x + (parent_x - x) / 2, y + (parent_y - y) / 2, parent_x, parent_y-(parent_y-y)/2, parent_x, parent_y
]);
}
}
else
{
// vertical path ending at the bottom of the revisionGraph
path = revisionGraph.path([
"M", x, y,
"V", graph_bottom
]);
}
path.attr({stroke: colors[commit.space], "stroke-width": 1.5}).toBack();
});
revision_dot_overlay = revisionGraph.circle(x, y, 10);
revision_dot_overlay
.attr({
fill : "#000",
opacity: 0,
cursor : "pointer",
href : commit.href
});
if (commit.refs !== null && commit.refs.length > 0)
{
title = document.createElementNS(revisionGraph.canvas.namespaceURI, "title");
title.appendChild(document.createTextNode(commit.refs));
revision_dot_overlay.node.appendChild(title);
} }
else
{
// path to a commit in a different branch (Bezier curve)
path = revisionGraph.path([
"M", x, y,
"C", x, y, x, y + (parent_y - y) / 2, x + (parent_x - x) / 2, y + (parent_y - y) / 2,
"C", x + (parent_x - x) / 2, y + (parent_y - y) / 2, parent_x, parent_y-(parent_y-y)/2, parent_x, parent_y
]);
}
}
else
{
// vertical path ending at the bottom of the revisionGraph
path = revisionGraph.path([
"M", x, y,
"V", graph_bottom
]);
}
top.push(revision_dot_overlay); path.attr({stroke: colors[commit.space], "stroke-width": 1.5}).toBack();
}); });
top.toFront(); revision_dot_overlay = revisionGraph.circle(x, y, 10);
revision_dot_overlay
.attr({
fill : "#000",
opacity: 0,
cursor : "pointer",
href : commit.href
});
if (commit.refs !== null && commit.refs.length > 0)
{
title = document.createElementNS(revisionGraph.canvas.namespaceURI, "title");
title.appendChild(document.createTextNode(commit.refs));
revision_dot_overlay.node.appendChild(title);
}
top.push(revision_dot_overlay);
});
top.toFront();
}; };
$(function() $(function()
{ {
"use strict"; "use strict";
if (window.drawRevisionGraph) if (window.drawRevisionGraph)
{ {
// override Redmine's function // override Redmine's function
window.drawRevisionGraph = PurpleMine.RevisionGraph; window.drawRevisionGraph = PurpleMine.RevisionGraph;
// make graph redraw itself // make graph redraw itself
$(window).resize(); $(window).resize();
} }
}); });

250
src/javascripts/modules/SidebarToggler.js
View File

@@ -2,153 +2,153 @@ var PurpleMine = PurpleMine || {};
PurpleMine.SidebarToggler = (function() PurpleMine.SidebarToggler = (function()
{ {
"use strict"; "use strict";
var self; var self;
var translations = { var translations = {
en: { en: {
toggler: "Toggle sidebar" toggler: "Toggle sidebar"
}, },
pl: { pl: {
toggler: "Pokaż/ukryj panel boczny" toggler: "Pokaż/ukryj panel boczny"
} }
}; };
function SidebarToggler() function SidebarToggler()
{
if (self)
{ {
if (self) return self;
{
return self;
}
self = this;
this.sidebarVisible = true;
this.sidebarHiding = null;
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"))
{
$("#context-menu").appendTo("#wrapper3");
}
handleSidebar();
} }
function handleSidebar() self = this;
this.sidebarVisible = true;
this.sidebarHiding = null;
this.$toggler = null;
this.$main = $("#main");
this.$sidebar = $("#sidebar");
this.lang = document.documentElement.lang;
if (typeof translations[this.lang] === "undefined")
{ {
if (window.localStorage) this.lang = "en";
{
self.sidebarVisible =
null === localStorage.getItem("PurpleMine:sidebarHidden");
}
if (self.$sidebar.length > 0 &&
false === self.$main.hasClass("nosidebar"))
{
buildButton();
bindKeyHandler();
if (false === self.sidebarVisible)
{
self.hideSidebar(true);
}
}
} }
function bindKeyHandler() this._ = translations[this.lang];
{
var body = document.getElementsByTagName("body")[0];
window.onkeydown = function(event) // Fix issue with context menu position
{ if ("relative" === this.$main.css("position"))
if (body === event.target && 83 === event.keyCode && // "s" {
false === event.ctrlKey && false === event.altKey && $("#context-menu").appendTo("#wrapper3");
false === event.shiftKey)
{
self.toggleSidebar();
}
};
} }
function buildButton() handleSidebar();
}
function handleSidebar()
{
if (window.localStorage)
{ {
var togglerClass = "sidebar-toggler", self.sidebarVisible =
togglerHtml; null === localStorage.getItem("PurpleMine:sidebarHidden");
togglerHtml = "<a href=\"javascript:;\" class=\"" + togglerClass +
"\" title=\"" + self._.toggler + "\"></a>";
self.$toggler = $(togglerHtml);
self.$main.append(self.$toggler);
self.$toggler.on("click", self.toggleSidebar);
} }
SidebarToggler.prototype.toggleSidebar = function() if (self.$sidebar.length > 0 &&
false === self.$main.hasClass("nosidebar"))
{ {
if (self.sidebarVisible) buildButton();
{ bindKeyHandler();
self.hideSidebar();
}
else
{
self.showSidebar();
}
};
SidebarToggler.prototype.hideSidebar = function(immediate) if (false === self.sidebarVisible)
{
self.hideSidebar(true);
}
}
}
function bindKeyHandler()
{
var body = document.getElementsByTagName("body")[0];
window.onkeydown = function(event)
{ {
if (true === immediate) if (body === event.target && 83 === event.keyCode && // "s"
{ false === event.ctrlKey && false === event.altKey &&
this.$sidebar.addClass("sidebar-hiding sidebar-hidden"); false === event.shiftKey)
} {
else self.toggleSidebar();
{ }
this.$sidebar.addClass("sidebar-hiding");
this.sidebarHiding = setTimeout(function sidebarTimeout()
{
self.$sidebar.addClass("sidebar-hidden");
}, 500);
}
this.$toggler.addClass("sidebar-hidden");
this.sidebarVisible = false;
if (window.localStorage)
{
localStorage.setItem("PurpleMine:sidebarHidden", "x");
}
}; };
}
SidebarToggler.prototype.showSidebar = function() function buildButton()
{
var togglerClass = "sidebar-toggler",
togglerHtml;
togglerHtml = "<a href=\"javascript:;\" class=\"" + togglerClass +
"\" title=\"" + self._.toggler + "\"></a>";
self.$toggler = $(togglerHtml);
self.$main.append(self.$toggler);
self.$toggler.on("click", self.toggleSidebar);
}
SidebarToggler.prototype.toggleSidebar = function()
{
if (self.sidebarVisible)
{ {
clearTimeout(this.sidebarHiding); self.hideSidebar();
}
else
{
self.showSidebar();
}
};
self.$sidebar.removeClass("sidebar-hidden"); SidebarToggler.prototype.hideSidebar = function(immediate)
setTimeout(function sidebarTimeout() {
{ if (true === immediate)
self.$sidebar.removeClass("sidebar-hiding"); {
}, 50); this.$sidebar.addClass("sidebar-hiding sidebar-hidden");
}
else
{
this.$sidebar.addClass("sidebar-hiding");
this.sidebarHiding = setTimeout(function sidebarTimeout()
{
self.$sidebar.addClass("sidebar-hidden");
}, 500);
}
this.$toggler.removeClass("sidebar-hidden"); this.$toggler.addClass("sidebar-hidden");
this.sidebarVisible = true; this.sidebarVisible = false;
if (window.localStorage) if (window.localStorage)
{ {
localStorage.removeItem("PurpleMine:sidebarHidden"); localStorage.setItem("PurpleMine:sidebarHidden", "x");
} }
}; };
return SidebarToggler; SidebarToggler.prototype.showSidebar = function()
{
clearTimeout(this.sidebarHiding);
self.$sidebar.removeClass("sidebar-hidden");
setTimeout(function sidebarTimeout()
{
self.$sidebar.removeClass("sidebar-hiding");
}, 50);
this.$toggler.removeClass("sidebar-hidden");
this.sidebarVisible = true;
if (window.localStorage)
{
localStorage.removeItem("PurpleMine:sidebarHidden");
}
};
return SidebarToggler;
}()); }());

10
src/javascripts/theme.js
View File

@@ -1,9 +1,9 @@
$(function() $(function()
{ {
/* global PurpleMine */ /* global PurpleMine */
"use strict"; "use strict";
new PurpleMine.SidebarToggler(); new PurpleMine.SidebarToggler();
new PurpleMine.HistoryTabs(); new PurpleMine.HistoryTabs();
new PurpleMine.MenuCollapse(); new PurpleMine.MenuCollapse();
}); });

58
src/sass/_variables.scss
View File

@@ -201,34 +201,34 @@ $tracker-default-bg: #668 !default;
$tracker-default-text: $brand-text !default; $tracker-default-text: $brand-text !default;
$tracker-default-colors-map: ( $tracker-default-colors-map: (
1: ( 1: (
background: $brand-danger, background: $brand-danger,
color: $brand-text color: $brand-text
), ),
2: ( 2: (
background: $brand-info, background: $brand-info,
color: $brand-text color: $brand-text
), ),
3: ( 3: (
background: $brand-success, background: $brand-success,
color: $brand-text color: $brand-text
), ),
4: ( 4: (
background: $brand-primary, background: $brand-primary,
color: $brand-text color: $brand-text
), ),
5: ( 5: (
background: $brand-warning, background: $brand-warning,
color: $brand-text color: $brand-text
), ),
6: ( 6: (
background: mix($brand-success, $brand-info, 50%), background: mix($brand-success, $brand-info, 50%),
color: $brand-text color: $brand-text
), ),
7: ( 7: (
background: mix($brand-primary, $brand-warning, 50%), background: mix($brand-primary, $brand-warning, 50%),
color: $brand-text color: $brand-text
) )
) !default; ) !default;
$tracker-custom-colors-map: () !default; $tracker-custom-colors-map: () !default;
$tracker-colors-map: map-merge($tracker-default-colors-map, $tracker-custom-colors-map); $tracker-colors-map: map-merge($tracker-default-colors-map, $tracker-custom-colors-map);
@@ -452,7 +452,7 @@ $panel-bg: #f9f9f9 !default;
$panel-border: #ccc !default; $panel-border: #ccc !default;
$panel-border-radius: $border-radius-base !default; $panel-border-radius: $border-radius-base !default;
$panel-shadow: 0 1px 2px rgba(#000, .1), $panel-shadow: 0 1px 2px rgba(#000, .1),
0 3px 8px rgba(#000, .07) !default; 0 3px 8px rgba(#000, .07) !default;
//== Tooltips //== Tooltips

124
src/sass/components/_admin.scss
View File

@@ -3,32 +3,32 @@
// -------------------------------------------------- // --------------------------------------------------
#admin-menu { #admin-menu {
#admin-index > & { #admin-index > & {
ul { ul {
margin: 0; margin: 0;
padding: 0; padding: 0;
}
li {
padding: ($sidebar-padding-vertical + 1px) ($sidebar-padding-horizontal + 3px);
}
a {
display: inline-block;
padding-left: 5px + 20px;
background-position: 0 center;
}
} }
li { li {
list-style-type: none; padding: ($sidebar-padding-vertical + 1px) ($sidebar-padding-horizontal + 3px);
> a {
padding-left: $sidebar-padding-horizontal + 5px + 20px;
background-repeat: no-repeat;
background-position: $sidebar-padding-horizontal center;
}
} }
a {
display: inline-block;
padding-left: 5px + 20px;
background-position: 0 center;
}
}
li {
list-style-type: none;
> a {
padding-left: $sidebar-padding-horizontal + 5px + 20px;
background-repeat: no-repeat;
background-position: $sidebar-padding-horizontal center;
}
}
} }
@@ -37,9 +37,9 @@
table.members, table.members,
table.memberships { table.memberships {
td.roles { td.roles {
width: 45%; width: 45%;
} }
} }
@@ -47,12 +47,12 @@ table.memberships {
// //
table.permissions { table.permissions {
td.role { td.role {
color: $gray; color: $gray;
font-weight: normal; font-weight: normal;
text-align: center; text-align: center;
vertical-align: bottom; vertical-align: bottom;
} }
} }
@@ -60,28 +60,28 @@ table.permissions {
// //
table.transitions { table.transitions {
td.enabled { td.enabled {
background: $state-success; background: $state-success;
} }
} }
#workflow_copy_form select { #workflow_copy_form select {
width: 200px; width: 200px;
} }
#workflow_form table select { #workflow_form table select {
width: 90%; width: 90%;
min-width: 60px; min-width: 60px;
} }
table.fields_permissions { table.fields_permissions {
td.readonly { td.readonly {
background: $gray-light; background: $gray-light;
} }
td.required { td.required {
background: $state-danger; background: $state-danger;
} }
} }
@@ -89,16 +89,16 @@ table.fields_permissions {
// //
.controller-enumerations.action-index { .controller-enumerations.action-index {
#content { #content {
> h3, > h3,
> .list { > .list {
margin-bottom: $line-height-computed / 2; margin-bottom: $line-height-computed / 2;
}
> p {
margin-bottom: $line-height-computed * 2;
}
} }
> p {
margin-bottom: $line-height-computed * 2;
}
}
} }
@@ -106,7 +106,7 @@ table.fields_permissions {
// //
fieldset.settings label { fieldset.settings label {
display: block; display: block;
} }
@@ -114,9 +114,9 @@ fieldset.settings label {
// //
fieldset#notified_events { fieldset#notified_events {
.parent { .parent {
padding-left: 20px; padding-left: 20px;
} }
} }
@@ -124,11 +124,11 @@ fieldset#notified_events {
// //
.settings.enabled_scm { .settings.enabled_scm {
table { table {
width: 100%; width: 100%;
} }
td.scm_name { td.scm_name {
font-weight: $font-weight-bold; font-weight: $font-weight-bold;
} }
} }

162
src/sass/components/_base.scss
View File

@@ -3,151 +3,151 @@
// -------------------------------------------------- // --------------------------------------------------
html { html {
overflow-y: scroll; overflow-y: scroll;
} }
body { body {
margin: 0; margin: 0;
padding: 0; padding: 0;
background-color: $body-bg; background-color: $body-bg;
color: $text-color; color: $text-color;
font-family: $font-family-base; font-family: $font-family-base;
font-size: $font-size-base; font-size: $font-size-base;
font-weight: $font-weight-normal; font-weight: $font-weight-normal;
line-height: $line-height-base; line-height: $line-height-base;
} }
a { a {
color: $link-color; color: $link-color;
text-decoration: none; text-decoration: none;
&:hover, &:hover,
&:focus { &:focus {
color: $link-hover-color; color: $link-hover-color;
text-decoration: $link-hover-decoration; text-decoration: $link-hover-decoration;
} }
&.issue.closed { &.issue.closed {
color: $link-color-issue-closed; color: $link-color-issue-closed;
text-decoration: $link-closed-decoration; text-decoration: $link-closed-decoration;
} }
&.project.closed { &.project.closed {
color: $link-color-project-closed; color: $link-color-project-closed;
} }
&.user.locked { &.user.locked {
color: $link-color-user-locked; color: $link-color-user-locked;
} }
} }
h1 { h1 {
margin: 0; margin: 0;
font-size: 2em; // ~28px font-size: 2em; // ~28px
line-height: 30px; line-height: 30px;
} }
h2 { h2 {
margin-top: 0; margin-top: 0;
margin-bottom: $line-height-computed; margin-bottom: $line-height-computed;
font-size: 1.43em; // ~20px font-size: 1.43em; // ~20px
font-weight: 500; font-weight: 500;
line-height: $line-height-computed; line-height: $line-height-computed;
img { img {
vertical-align: middle; vertical-align: middle;
} }
} }
h3 { h3 {
margin-top: 0; margin-top: 0;
margin-bottom: $line-height-computed; margin-bottom: $line-height-computed;
font-size: 1.14em; // ~16px font-size: 1.14em; // ~16px
font-weight: 500; font-weight: 500;
line-height: $line-height-computed; line-height: $line-height-computed;
} }
h4 { h4 {
margin-top: 0; margin-top: 0;
font-size: 1em; font-size: 1em;
font-weight: 500; font-weight: 500;
} }
p { p {
margin: 0 0 ($line-height-computed / 2); margin: 0 0 ($line-height-computed / 2);
} }
small { small {
font-size: $font-size-small; font-size: $font-size-small;
} }
table { table {
th, th,
td { td {
padding: $table-condensed-cell-padding $table-cell-padding; padding: $table-condensed-cell-padding $table-cell-padding;
} }
} }
ul, ul,
ol { ol {
margin-top: 0; margin-top: 0;
margin-bottom: ($line-height-computed / 2); margin-bottom: ($line-height-computed / 2);
ul, ul,
ol { ol {
margin-bottom: 0; margin-bottom: 0;
} }
} }
dl { dl {
margin-top: 0; margin-top: 0;
margin-bottom: $line-height-computed; margin-bottom: $line-height-computed;
} }
dt { dt {
margin-top: $line-height-computed; margin-top: $line-height-computed;
font-weight: $font-weight-bold; font-weight: $font-weight-bold;
} }
dd { dd {
margin-bottom: $line-height-computed; margin-bottom: $line-height-computed;
margin-left: $line-height-computed; margin-left: $line-height-computed;
} }
code, code,
kbd, kbd,
pre, pre,
samp { samp {
font-family: $font-family-monospace; font-family: $font-family-monospace;
font-size: 1em; font-size: 1em;
} }
hr { hr {
margin-top: $line-height-computed; margin-top: $line-height-computed;
margin-bottom: $line-height-computed; margin-bottom: $line-height-computed;
border: 0; border: 0;
border-top: 1px solid $hr-border; border-top: 1px solid $hr-border;
} }
abbr[title] { abbr[title] {
border-bottom: 1px dotted $abbr-border-color; border-bottom: 1px dotted $abbr-border-color;
cursor: help; cursor: help;
} }
blockquote { blockquote {
margin: 0 0 $line-height-computed; margin: 0 0 $line-height-computed;
padding: floor($line-height-computed / 4) $padding-large-horizontal; padding: floor($line-height-computed / 4) $padding-large-horizontal;
border-left: 4px solid $blockquote-border-color; border-left: 4px solid $blockquote-border-color;
>:first-child { >:first-child {
margin-top: 0; margin-top: 0;
} }
>:last-child { >:last-child {
margin-bottom: 0; margin-bottom: 0;
} }
} }
.clear { .clear {
@extend %clearfix; @extend %clearfix;
} }

242
src/sass/components/_buttons.scss
View File

@@ -5,35 +5,35 @@
input[type="button"], input[type="button"],
input[type="submit"], input[type="submit"],
button { button {
display: inline-block; display: inline-block;
margin-bottom: 0; margin-bottom: 0;
border: 1px solid; border: 1px solid;
font-weight: $btn-font-weight; font-weight: $btn-font-weight;
text-align: center; text-align: center;
white-space: nowrap; white-space: nowrap;
cursor: pointer; cursor: pointer;
@include button-size($btn-padding-vertical, $btn-padding-horizontal, $font-size-base, $line-height-base, $border-radius-base); @include button-size($btn-padding-vertical, $btn-padding-horizontal, $font-size-base, $line-height-base, $border-radius-base);
@include user-select(none); @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 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); @include button-variant($btn-primary-color, $btn-primary-bg, $btn-primary-border);
&:hover, &:hover,
&:focus { &:focus {
outline: 0; outline: 0;
text-decoration: none; text-decoration: none;
} }
&:active { &:active {
outline: 0; outline: 0;
} }
&.disabled, &.disabled,
&[disabled], &[disabled],
fieldset[disabled] & { fieldset[disabled] & {
pointer-events: none; // Future-proof disabling of clicks pointer-events: none; // Future-proof disabling of clicks
box-shadow: none; box-shadow: none;
@include opacity(.65); @include opacity(.65);
} }
} }
@@ -41,21 +41,21 @@ button {
// //
form { form {
input[type="submit"] { input[type="submit"] {
margin-right: 5px; margin-right: 5px;
+ input { + input {
@include button-variant($btn-success-color, $btn-success-bg, $btn-success-border); @include button-variant($btn-success-color, $btn-success-bg, $btn-success-border);
}
+ a {
margin-right: 5px;
+ a {
margin-left: 5px;
}
}
} }
+ a {
margin-right: 5px;
+ a {
margin-left: 5px;
}
}
}
} }
@@ -63,7 +63,7 @@ form {
// //
form[action*="repository/diff"] { form[action*="repository/diff"] {
margin-bottom: $line-height-computed / 2; margin-bottom: $line-height-computed / 2;
} }
@@ -72,12 +72,12 @@ form[action*="repository/diff"] {
#message-form, #message-form,
#news-form { #news-form {
#message_sticky, #message_sticky,
#message_locked { #message_locked {
position: relative; position: relative;
top: 1px; top: 1px;
margin-left: 5px; margin-left: 5px;
} }
} }
@@ -87,39 +87,39 @@ form[action*="repository/diff"] {
p.buttons, p.buttons,
.other-formats > span, .other-formats > span,
#wiki_add_attachment > p { #wiki_add_attachment > p {
> a { > a {
display: inline-block; display: inline-block;
padding: $input-padding-vertical $input-padding-horizontal; padding: $input-padding-vertical $input-padding-horizontal;
border: 1px solid $pagination-border; border: 1px solid $pagination-border;
border-radius: $input-border-radius; border-radius: $input-border-radius;
background-color: $pagination-bg; background-color: $pagination-bg;
text-shadow: 1px 1px 0 #fff; text-shadow: 1px 1px 0 #fff;
&:hover, &:hover,
&:focus { &:focus {
border-color: $pagination-hover-border; border-color: $pagination-hover-border;
outline: 0; outline: 0;
background-color: $pagination-hover-bg; background-color: $pagination-hover-bg;
text-decoration: none; text-decoration: none;
}
&:active {
outline: 0;
box-shadow: inset 0 3px 4px -2px rgba(#000, .1);
}
@if $use-font-awesome {
&.icon {
padding-left: 20px + $padding-small-vertical + $input-padding-vertical;
}
} @else {
&.icon,
&.atom {
padding-left: 20px + $input-padding-vertical;
background-position: $padding-small-vertical 50%;
}
}
} }
&:active {
outline: 0;
box-shadow: inset 0 3px 4px -2px rgba(#000, .1);
}
@if $use-font-awesome {
&.icon {
padding-left: 20px + $padding-small-vertical + $input-padding-vertical;
}
} @else {
&.icon,
&.atom {
padding-left: 20px + $input-padding-vertical;
background-position: $padding-small-vertical 50%;
}
}
}
} }
@@ -127,7 +127,7 @@ p.buttons,
// //
p.buttons { p.buttons {
margin-bottom: $line-height-computed; margin-bottom: $line-height-computed;
} }
@@ -135,14 +135,14 @@ p.buttons {
// //
.other-formats { .other-formats {
margin: $line-height-computed 0 0; margin: $line-height-computed 0 0;
text-align: right; text-align: right;
.pagination + &, .pagination + &,
#wiki_add_attachment + & { #wiki_add_attachment + & {
margin-top: 0; margin-top: 0;
float: right; float: right;
} }
} }
@@ -150,22 +150,22 @@ p.buttons {
// //
.query-columns { .query-columns {
select { select {
// scss-lint:disable ImportantRule // scss-lint:disable ImportantRule
width: auto !important; width: auto !important;
} }
.buttons { .buttons {
vertical-align: middle; vertical-align: middle;
input[type="button"] { input[type="button"] {
width: 32px; width: 32px;
margin-bottom: 4px; margin-bottom: 4px;
padding-right: 1px; padding-right: 1px;
padding-left: 1px; padding-left: 1px;
@include button-variant($btn-default-color, $btn-default-bg, $btn-default-border); @include button-variant($btn-default-color, $btn-default-bg, $btn-default-border);
}
} }
}
} }
@@ -174,32 +174,32 @@ p.buttons {
a[data-expands], a[data-expands],
.toggle-multiselect { .toggle-multiselect {
position: relative; position: relative;
top: 3px; top: 3px;
padding: 2px 8px; padding: 2px 8px;
border: 1px solid; border: 1px solid;
border-radius: $border-radius-base; border-radius: $border-radius-base;
@extend %image-toggle-plus; @extend %image-toggle-plus;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: 2px 2px; background-position: 2px 2px;
cursor: pointer; cursor: pointer;
vertical-align: top; vertical-align: top;
@include user-select(none); @include user-select(none);
@include button-variant($btn-default-color, $btn-default-bg, $btn-default-border); @include button-variant($btn-default-color, $btn-default-bg, $btn-default-border);
} }
a[data-expands] { a[data-expands] {
display: inline-block; display: inline-block;
margin-right: 10px; margin-right: 10px;
padding: 10px; padding: 10px;
> .toggle-multiselect { > .toggle-multiselect {
padding: 0; padding: 0;
border: 0 none; border: 0 none;
background: transparent; background: transparent;
} }
img { img {
display: none; display: none;
} }
} }

106
src/sass/components/_calendar.scss
View File

@@ -4,81 +4,81 @@
table.cal { table.cal {
width: 100%; width: 100%;
margin-bottom: $line-height-computed; margin-bottom: $line-height-computed;
border: 1px solid $table-border-color;
thead th {
width: 14%;
padding: $table-condensed-cell-padding;
background-color: $table-bg-hover;
&.week-number {
width: auto;
}
}
tbody tr {
height: 100px;
}
td {
padding: $table-condensed-cell-padding;
border: 1px solid $table-border-color; border: 1px solid $table-border-color;
font-size: $font-size-small;
vertical-align: top;
thead th { &.week-number {
width: 14%; border: 0 none;
padding: $table-condensed-cell-padding; background-color: $table-bg-hover;
background-color: $table-bg-hover; font-size: 1em;
text-align: right;
&.week-number {
width: auto;
}
} }
tbody tr { p.day-num {
height: 100px; float: right;
font-size: $font-size-large;
text-align: right;
} }
td { &.odd p.day-num {
padding: $table-condensed-cell-padding; color: $gray-light;
border: 1px solid $table-border-color;
font-size: $font-size-small;
vertical-align: top;
&.week-number {
border: 0 none;
background-color: $table-bg-hover;
font-size: 1em;
text-align: right;
}
p.day-num {
float: right;
font-size: $font-size-large;
text-align: right;
}
&.odd p.day-num {
color: $gray-light;
}
&.today {
background: $highlight-bg;
p.day-num {
font-weight: $font-weight-bold;
}
}
} }
&.today {
background: $highlight-bg;
p.day-num {
font-weight: $font-weight-bold;
}
}
}
} }
table.cal .starting a, table.cal .starting a,
p.cal.legend .starting, p.cal.legend .starting,
table.cal .ending a, table.cal .ending a,
p.cal.legend .ending { p.cal.legend .ending {
padding-left: 20px; padding-left: 20px;
background-image: url("../../../images/bullet_go.png"); background-image: url("../../../images/bullet_go.png");
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: 0 center; background-position: 0 center;
} }
table.cal .ending a, table.cal .ending a,
p.cal.legend .ending { p.cal.legend .ending {
padding-left: 20px; padding-left: 20px;
background-image: url("../../../images/bullet_end.png"); background-image: url("../../../images/bullet_end.png");
} }
table.cal .starting.ending a, table.cal .starting.ending a,
p.cal.legend .starting.ending { p.cal.legend .starting.ending {
padding-left: 20px; padding-left: 20px;
background-image: url("../../../images/bullet_diamond.png"); background-image: url("../../../images/bullet_diamond.png");
} }
p.cal.legend { p.cal.legend {
span { span {
display: block; display: block;
} }
} }

628
src/sass/components/_coderay.scss
View File

@@ -3,360 +3,360 @@
// -------------------------------------------------- // --------------------------------------------------
.syntaxhl { .syntaxhl {
div { div {
display: inline; display: inline;
} }
.line-numbers { .line-numbers {
margin: 0 5px 0 0; margin: 0 5px 0 0;
padding: 2px 4px; padding: 2px 4px;
background-color: #eee; background-color: #eee;
} }
.code pre { .code pre {
overflow: auto; overflow: auto;
} }
.debug { .debug {
// scss-lint:disable ImportantRule // scss-lint:disable ImportantRule
background: #00f !important; background: #00f !important;
color: #fff !important; color: #fff !important;
} }
.annotation { .annotation {
color: #007; color: #007;
} }
.attribute-name { .attribute-name {
color: #b48; color: #b48;
} }
.attribute-value { .attribute-value {
color: #700; color: #700;
} }
.binary { .binary {
color: #509; color: #509;
} }
.char { .char {
color: #d20; color: #d20;
.content { .content {
color: #d20; color: #d20;
}
.delimiter {
color: #710;
}
}
.class {
color: #795da3;
font-weight: $font-weight-bold;
}
.class-variable {
color: #369;
}
.color {
color: #0a0;
}
.comment {
color: #969896;
.char,
.delimiter {
color: #969896;
}
}
.complex {
color: #a08;
}
.constant {
color: #795da3;
}
.decorator {
color: #b0b;
}
.definition {
color: #099;
font-weight: $font-weight-bold;
} }
.delimiter { .delimiter {
color: #000; color: #710;
}
}
.class {
color: #795da3;
font-weight: $font-weight-bold;
}
.class-variable {
color: #369;
}
.color {
color: #0a0;
}
.comment {
color: #969896;
.char,
.delimiter {
color: #969896;
}
}
.complex {
color: #a08;
}
.constant {
color: #795da3;
}
.decorator {
color: #b0b;
}
.definition {
color: #099;
font-weight: $font-weight-bold;
}
.delimiter {
color: #000;
}
.directive {
color: #088;
font-weight: $font-weight-bold;
}
.doc {
color: #970;
}
.doc-string {
color: #d42;
font-weight: $font-weight-bold;
}
.doctype {
color: #34b;
}
.entity {
color: #800;
font-weight: $font-weight-bold;
}
.error {
background-color: #faa;
color: #f00;
}
.escape {
color: #666;
}
.exception {
color: #c00;
font-weight: $font-weight-bold;
}
.float {
color: #06d;
}
.function {
color: #06b;
font-weight: $font-weight-bold;
}
.global-variable {
color: #d70;
}
.hex {
color: #02b;
}
.imaginary {
color: #f00;
}
.include {
color: #b44;
font-weight: $font-weight-bold;
}
.inline {
background-color: rgba(#000, .05);
color: #000;
}
.inline-delimiter {
color: #666;
font-weight: $font-weight-bold;
}
.instance-variable {
color: #33b;
}
.integer {
color: #0086b3;
}
.key {
color: #606;
.char {
color: #60f;
} }
.directive { .delimiter {
color: #088; color: #404;
font-weight: $font-weight-bold; }
}
.keyword {
color: #b3113e;
font-weight: $font-weight-bold;
}
.label {
color: #970;
font-weight: $font-weight-bold;
}
.local-variable {
color: #369;
}
.namespace {
color: #707;
font-weight: $font-weight-bold;
}
.octal {
color: #40e;
}
.predefined {
color: #b21;
}
.predefined-constant {
color: #009595;
}
.predefined-type {
color: #0a5;
font-weight: $font-weight-bold;
}
.preprocessor {
color: #579;
}
.pseudo-class {
color: #00c;
font-weight: $font-weight-bold;
}
.regexp {
background-color: hsla(300, 100%, 50%, .06);
.content {
color: #808;
} }
.doc { .delimiter {
color: #970; color: #404;
} }
.doc-string { .modifier {
color: #d42; color: #c2c;
font-weight: $font-weight-bold; }
}
.reserved {
color: #080;
font-weight: $font-weight-bold;
}
.shell {
background-color: hsla(120, 100%, 50%, .06);
.content {
color: #2b2;
} }
.doctype { .delimiter {
color: #34b; color: #161;
} }
}
.entity { .string {
color: #800; .char,
font-weight: $font-weight-bold; .content,
.delimiter,
.modifier {
color: #df5000;
} }
}
.error { .symbol {
background-color: #faa; color: #d33;
color: #f00;
.content,
.delimiter {
color: #d33;
} }
}
.escape { .tag {
color: #666; color: #070;
} }
.exception { .type {
color: #c00; color: #339;
font-weight: $font-weight-bold; font-weight: $font-weight-bold;
} }
.float { .value {
color: #06d; color: #088;
} }
.function { .variable {
color: #06b; color: #037;
font-weight: $font-weight-bold; }
}
.global-variable { .insert {
color: #d70; background: hsla(120, 100%, 50%, .12);
}
.hex {
color: #02b;
}
.imaginary {
color: #f00;
}
.include {
color: #b44;
font-weight: $font-weight-bold;
}
.inline {
background-color: rgba(#000, .05);
color: #000;
}
.inline-delimiter {
color: #666;
font-weight: $font-weight-bold;
}
.instance-variable {
color: #33b;
}
.integer {
color: #0086b3;
}
.key {
color: #606;
.char {
color: #60f;
}
.delimiter {
color: #404;
}
}
.keyword {
color: #b3113e;
font-weight: $font-weight-bold;
}
.label {
color: #970;
font-weight: $font-weight-bold;
}
.local-variable {
color: #369;
}
.namespace {
color: #707;
font-weight: $font-weight-bold;
}
.octal {
color: #40e;
}
.predefined {
color: #b21;
}
.predefined-constant {
color: #009595;
}
.predefined-type {
color: #0a5;
font-weight: $font-weight-bold;
}
.preprocessor {
color: #579;
}
.pseudo-class {
color: #00c;
font-weight: $font-weight-bold;
}
.regexp {
background-color: hsla(300, 100%, 50%, .06);
.content {
color: #808;
}
.delimiter {
color: #404;
}
.modifier {
color: #c2c;
}
}
.reserved {
color: #080;
font-weight: $font-weight-bold;
}
.shell {
background-color: hsla(120, 100%, 50%, .06);
.content {
color: #2b2;
}
.delimiter {
color: #161;
}
}
.string {
.char,
.content,
.delimiter,
.modifier {
color: #df5000;
}
}
.symbol {
color: #d33;
.content,
.delimiter {
color: #d33;
}
}
.tag {
color: #070;
}
.type {
color: #339;
font-weight: $font-weight-bold;
}
.value {
color: #088;
}
.variable {
color: #037;
}
.insert { .insert {
background: hsla(120, 100%, 50%, .12); background: transparent;
color: #0c0;
.insert { font-weight: $font-weight-bold;
background: transparent;
color: #0c0;
font-weight: $font-weight-bold;
}
.eyecatcher {
margin: -1px;
border: 1px solid hsla(120, 100%, 25%, .5);
border-top: 0 none;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
background-color: hsla(120, 100%, 50%, .2);
}
} }
.eyecatcher {
margin: -1px;
border: 1px solid hsla(120, 100%, 25%, .5);
border-top: 0 none;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
background-color: hsla(120, 100%, 50%, .2);
}
}
.delete {
background: hsla(0, 100%, 50%, .12);
.delete { .delete {
background: hsla(0, 100%, 50%, .12); background: transparent;
color: #c00;
.delete { font-weight: $font-weight-bold;
background: transparent;
color: #c00;
font-weight: $font-weight-bold;
}
.eyecatcher {
margin: -1px;
border: 1px solid hsla(0, 100%, 45%, .5);
border-bottom: 0 none;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
background-color: hsla(0, 100%, 50%, .2);
}
} }
.eyecatcher {
margin: -1px;
border: 1px solid hsla(0, 100%, 45%, .5);
border-bottom: 0 none;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
background-color: hsla(0, 100%, 50%, .2);
}
}
.change {
background: #007;
color: #bbf;
.change { .change {
background: #007; color: #88f;
color: #bbf;
.change {
color: #88f;
}
} }
}
.head {
background: #505;
color: #f8f;
.head { .head {
background: #505; color: #f4f;
color: #f8f;
.head {
color: #f4f;
}
.filename {
color: #fff;
}
} }
.filename {
color: #fff;
}
}
} }

296
src/sass/components/_content.scss
View File

@@ -1,12 +1,12 @@
#main { #main {
@if $flexbox-layout { @if $flexbox-layout {
// scss-lint:disable VendorPrefix // scss-lint:disable VendorPrefix
display: -ms-flexbox; display: -ms-flexbox;
display: -webkit-flex; display: -webkit-flex;
display: flex; display: flex;
} @else { } @else {
@extend %clearfix; @extend %clearfix;
} }
} }
@@ -15,18 +15,18 @@
// -------------------------------------------------- // --------------------------------------------------
#content { #content {
padding: $padding-side; padding: $padding-side;
@if $flexbox-layout { @if $flexbox-layout {
// scss-lint:disable VendorPrefix // scss-lint:disable VendorPrefix
$side-space: $sidebar-width + $padding-side * 2; $side-space: $sidebar-width + $padding-side * 2;
-webkit-flex: 1 1 auto; -webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto; -ms-flex: 1 1 auto;
flex: 1 1 auto; flex: 1 1 auto;
width: calc(100% - #{$side-space}); width: calc(100% - #{$side-space});
} @else { } @else {
overflow: hidden; overflow: hidden;
} }
} }
@@ -35,155 +35,155 @@
// -------------------------------------------------- // --------------------------------------------------
#sidebar { #sidebar {
// scss-lint:disable VendorPrefix // scss-lint:disable VendorPrefix
padding: $padding-side $sidebar-padding-horizontal; padding: $padding-side $sidebar-padding-horizontal;
@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" {
-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 {
border-left: 1px solid $sidebar-link-active-border;
box-shadow: inset 9px 0 6px -6px rgba(0, 0, 0, .05);
}
}
.nosidebar & {
margin: 0;
padding: 0;
border: 0 none;
@if $flexbox-layout { @if $flexbox-layout {
-webkit-flex: 0 0 $sidebar-width-computed; // scss-lint:disable VendorPrefix
-ms-flex: 0 0 $sidebar-width-computed; -webkit-flex: 0 0 auto;
flex: 0 0 $sidebar-width-computed; -ms-flex: 0 0 auto;
flex: 0 0 auto;
@if $sidebar-position == "left" {
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
} @else {
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
} @else { } @else {
width: $sidebar-width-computed; width: 0;
float: $sidebar-position; float: none;
} }
}
@media screen and (min-width: 1px) { h3 {
@if not $flexbox-layout { margin-top: $line-height-computed * 1.5;
padding-bottom: $padding-side * 3; }
}
> h3:first-child,
> form:first-child > h3 {
margin-top: 0;
}
ul {
margin: 0 0 ($line-height-computed / 2);
padding: 0;
@if $sidebar-position == "left" {
margin-right: -($sidebar-padding-horizontal);
} @else {
margin-left: -($sidebar-padding-horizontal);
}
}
li {
margin: 0;
padding: 0;
list-style-type: none;
> a {
display: block;
padding: $sidebar-padding-vertical $sidebar-padding-horizontal;
border: 1px solid transparent;
@if $sidebar-position == "left" {
border-left-width: 3px;
border-radius: $border-radius-large 0 0 $border-radius-large;
} @else {
border-right-width: 3px;
border-radius: 0 $border-radius-large $border-radius-large 0;
}
&:hover {
background-color: $sidebar-link-hover-bg;
text-decoration: none;
}
&.selected {
border-color: $sidebar-link-active-border;
background-color: $sidebar-link-active-bg;
color: $sidebar-link-active-text;
@if $sidebar-position == "left" { @if $sidebar-position == "left" {
border-right: 1px solid $sidebar-link-active-border; margin-right: -1px;
box-shadow: inset -9px 0 6px -6px rgba(0, 0, 0, .05); border-right-color: $body-bg;
border-left-color: $sidebar-link-active-side;
box-shadow: -3px 1px 2px rgba(0, 0, 0, .1);
} @else { } @else {
border-left: 1px solid $sidebar-link-active-border; margin-left: -1px;
box-shadow: inset 9px 0 6px -6px rgba(0, 0, 0, .05); border-right-color: $sidebar-link-active-side;
} border-left-color: $body-bg;
} box-shadow: 3px 1px 2px rgba(0, 0, 0, .1);
.nosidebar & {
margin: 0;
padding: 0;
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 {
margin-top: $line-height-computed * 1.5;
}
> h3:first-child,
> form:first-child > h3 {
margin-top: 0;
}
ul {
margin: 0 0 ($line-height-computed / 2);
padding: 0;
@if $sidebar-position == "left" {
margin-right: -($sidebar-padding-horizontal);
} @else {
margin-left: -($sidebar-padding-horizontal);
}
}
li {
margin: 0;
padding: 0;
list-style-type: none;
> a {
display: block;
padding: $sidebar-padding-vertical $sidebar-padding-horizontal;
border: 1px solid transparent;
@if $sidebar-position == "left" {
border-left-width: 3px;
border-radius: $border-radius-large 0 0 $border-radius-large;
} @else {
border-right-width: 3px;
border-radius: 0 $border-radius-large $border-radius-large 0;
}
&:hover {
background-color: $sidebar-link-hover-bg;
text-decoration: none;
}
&.selected {
border-color: $sidebar-link-active-border;
background-color: $sidebar-link-active-bg;
color: $sidebar-link-active-text;
@if $sidebar-position == "left" {
margin-right: -1px;
border-right-color: $body-bg;
border-left-color: $sidebar-link-active-side;
box-shadow: -3px 1px 2px rgba(0, 0, 0, .1);
} @else {
margin-left: -1px;
border-right-color: $sidebar-link-active-side;
border-left-color: $body-bg;
box-shadow: 3px 1px 2px rgba(0, 0, 0, .1);
}
}
} }
}
} }
}
} }
#footer { #footer {
margin: 0 $padding-side $line-height-computed; margin: 0 $padding-side $line-height-computed;
padding-top: $line-height-computed; padding-top: $line-height-computed;
border-top: 1px solid $gray-lighter; border-top: 1px solid $gray-lighter;
color: $gray-light; color: $gray-light;
font-size: $font-size-small; font-size: $font-size-small;
} }
@if $fixed-layout { @if $fixed-layout {
@media screen and (min-width: $screen-sm-min) { @media screen and (min-width: $screen-sm-min) {
#main-menu ul, #main-menu ul,
#main { #main {
width: $width-sm; width: $width-sm;
margin-right: auto; margin-right: auto;
margin-left: auto; margin-left: auto;
}
} }
}
@media screen and (min-width: $screen-md-min) { @media screen and (min-width: $screen-md-min) {
#main-menu ul, #main-menu ul,
#main { #main {
width: $width-md; width: $width-md;
}
} }
}
@media screen and (min-width: $screen-lg-min) { @media screen and (min-width: $screen-lg-min) {
#main-menu ul, #main-menu ul,
#main { #main {
width: $width-lg; width: $width-lg;
}
} }
}
#main-menu ul > li > a { #main-menu ul > li > a {
padding: $main-menu-padding-vertical 1px; padding: $main-menu-padding-vertical 1px;
} }
} }

1158
src/sass/components/_elements.scss
View File

File diff suppressed because it is too large Load Diff

104
src/sass/components/_flash.scss
View File

@@ -8,87 +8,87 @@
.nodata, .nodata,
.warning, .warning,
.conflict { .conflict {
margin-bottom: $line-height-computed; margin-bottom: $line-height-computed;
padding: $padding-large-vertical $padding-large-horizontal; padding: $padding-large-vertical $padding-large-horizontal;
padding-left: $padding-large-horizontal + 8px + 16px; padding-left: $padding-large-horizontal + 8px + 16px;
border: 1px solid; border: 1px solid;
border-radius: $border-radius-large; border-radius: $border-radius-large;
@if $use-font-awesome { @if $use-font-awesome {
@extend %fa-icon; @extend %fa-icon;
&::before { &::before {
margin-left: -(8px + 16px); margin-left: -(8px + 16px);
float: left; float: left;
line-height: $line-height-computed; line-height: $line-height-computed;
}
} @else {
background-repeat: no-repeat;
background-position: $padding-large-horizontal 50%;
} }
} @else {
background-repeat: no-repeat;
background-position: $padding-large-horizontal 50%;
}
>:last-child { >:last-child {
margin-bottom: 0; margin-bottom: 0;
} }
} }
@mixin flash($color, $background, $border, $link, $icon) { @mixin flash($color, $background, $border, $link, $icon) {
color: $color; color: $color;
background-color: $background; background-color: $background;
border-color: $border; border-color: $border;
@if $use-font-awesome { @if $use-font-awesome {
@if $icon == "true" { @if $icon == "true" {
$icon: $fa-var-check; $icon: $fa-var-check;
} @elseif $icon == "warning" { } @elseif $icon == "warning" {
$icon: $fa-var-warning; $icon: $fa-var-warning;
} @elseif $icon == "exclamation" { } @elseif $icon == "exclamation" {
$icon: $fa-var-exclamation-circle; $icon: $fa-var-exclamation-circle;
}
&::before {
content: $icon;
}
} @else {
background-image: url(../../../images/#{$icon}.png);
} }
a { &::before {
color: $link; content: $icon;
font-weight: $font-weight-bold;
} }
} @else {
background-image: url(../../../images/#{$icon}.png);
}
a {
color: $link;
font-weight: $font-weight-bold;
}
} }
.warning, .warning,
.conflict, .conflict,
.nodata { .nodata {
@include flash($flash-warning-text, $flash-warning-bg, $flash-warning-border, $flash-warning-link, "warning"); @include flash($flash-warning-text, $flash-warning-bg, $flash-warning-border, $flash-warning-link, "warning");
} }
.flash.notice { .flash.notice {
@include flash($flash-success-text, $flash-success-bg, $flash-success-border, $flash-success-link, "true"); @include flash($flash-success-text, $flash-success-bg, $flash-success-border, $flash-success-link, "true");
} }
#errorExplanation, #errorExplanation,
.flash.error { .flash.error {
@include flash($flash-error-text, $flash-error-bg, $flash-error-border, $flash-error-link, "exclamation"); @include flash($flash-error-text, $flash-error-bg, $flash-error-border, $flash-error-link, "exclamation");
} }
.nodata { .nodata {
padding-left: $padding-large-horizontal; padding-left: $padding-large-horizontal;
text-align: center; text-align: center;
@if $use-font-awesome { @if $use-font-awesome {
&::before { &::before {
margin-left: 0; margin-left: 0;
float: none; float: none;
}
} }
}
} }
#errorExplanation { #errorExplanation {
h2, h2,
p { p {
display: none; display: none;
} }
} }

822
src/sass/components/_forms.scss
View File

File diff suppressed because it is too large Load Diff

218
src/sass/components/_gantt.scss
View File

@@ -3,127 +3,127 @@
// -------------------------------------------------- // --------------------------------------------------
.gantt_hdr { .gantt_hdr {
position: absolute; position: absolute;
top: 0; top: 0;
height: 16px; height: 16px;
border: 1px solid $gray-lighter; border: 1px solid $gray-lighter;
border-left-width: 0; border-left-width: 0;
text-align: center; text-align: center;
overflow: hidden; overflow: hidden;
&.nwday { &.nwday {
background-color: $gray-lightest; background-color: $gray-lightest;
} }
} }
.gantt_subjects { .gantt_subjects {
font-size: $font-size-small; font-size: $font-size-small;
div { div {
height: 16px; height: 16px;
line-height: 16px; line-height: 16px;
@include text-overflow; @include text-overflow;
} }
} }
.task { .task {
position: absolute; position: absolute;
height: 8px; height: 8px;
margin: 2px 0 0; margin: 2px 0 0;
padding: 0; padding: 0;
font-size: 11px; font-size: 11px;
line-height: 16px; line-height: 16px;
white-space: nowrap; white-space: nowrap;
&.label { &.label {
width: 100%; width: 100%;
margin-top: 0; margin-top: 0;
&.project, &.project,
&.version { &.version {
font-weight: $font-weight-bold; font-weight: $font-weight-bold;
}
} }
}
&.parent { &.parent {
height: 3px; height: 3px;
&.marker { &.marker {
&.starting { &.starting {
position: absolute; position: absolute;
top: -1px; top: -1px;
left: 0; left: 0;
width: 8px; width: 8px;
height: 16px; height: 16px;
margin-left: -4px; margin-left: -4px;
background: url("../../../images/task_parent_end.png") no-repeat 0 0; background: url("../../../images/task_parent_end.png") no-repeat 0 0;
} }
&.ending { &.ending {
position: absolute; position: absolute;
top: -1px; top: -1px;
right: 0; right: 0;
width: 8px; width: 8px;
height: 16px; height: 16px;
margin-left: -4px; margin-left: -4px;
background: url("../../../images/task_parent_end.png") no-repeat 0 0; background: url("../../../images/task_parent_end.png") no-repeat 0 0;
} }
}
} }
}
} }
.task_late { .task_late {
border: 1px solid darken($progress-bar-danger-bg, 10%); border: 1px solid darken($progress-bar-danger-bg, 10%);
background-color: $progress-bar-danger-bg; background-color: $progress-bar-danger-bg;
} }
.task_done { .task_done {
border: 1px solid darken($progress-bar-success-bg, 10%); border: 1px solid darken($progress-bar-success-bg, 10%);
background-color: $progress-bar-success-bg; background-color: $progress-bar-success-bg;
} }
.task_todo { .task_todo {
border: 1px solid darken($progress-bg, 20%); border: 1px solid darken($progress-bg, 20%);
background-color: $progress-bg; background-color: $progress-bg;
&.parent { &.parent {
border: 1px solid darken($progress-bg, 30%); border: 1px solid darken($progress-bg, 30%);
background-color: darken($progress-bg, 10%); background-color: darken($progress-bg, 10%);
} }
} }
.project, .project,
.version { .version {
&.task_late, &.task_late,
&.task_done, &.task_done,
&.task_todo { &.task_todo {
height: 2px; height: 2px;
margin-top: 3px; margin-top: 3px;
} }
&.task_todo { &.task_todo {
border: 1px solid darken($progress-bar-info-bg, 10%); border: 1px solid darken($progress-bar-info-bg, 10%);
background-color: $progress-bar-info-bg; background-color: $progress-bar-info-bg;
} }
&.marker { &.marker {
margin-top: 1px; margin-top: 1px;
margin-left: -4px; margin-left: -4px;
border: 0 none; border: 0 none;
background-image: url("../../../images/version_marker.png"); background-image: url("../../../images/version_marker.png");
background-repeat: no-repeat; background-repeat: no-repeat;
} }
} }
.version-behind-schedule, .version-behind-schedule,
.issue-behind-schedule { .issue-behind-schedule {
color: $brand-warning; color: $brand-warning;
} }
.version-overdue, .version-overdue,
.issue-overdue, .issue-overdue,
.project-overdue { .project-overdue {
color: $brand-danger; color: $brand-danger;
} }
@@ -131,38 +131,38 @@
// //
.tooltip { .tooltip {
position: relative; position: relative;
z-index: 24; z-index: 24;
&:hover { &:hover {
z-index: 25; z-index: 25;
.tip {
display: block;
}
}
.tip { .tip {
display: none; display: block;
position: absolute;
top: 9px;
left: 24px;
width: 270px;
padding: $padding-base-vertical;
border: $tooltip-border-width solid $tooltip-border;
background-color: $tooltip-bg;
color: $tooltip-text;
font-size: $font-size-small;
text-align: left;
@include nice-shadow(3);
} }
}
@if $sidebar-position == "left" { .tip {
tr > td:last-child & { display: none;
.tip { position: absolute;
right: 2px; top: 9px;
left: auto; left: 24px;
} width: 270px;
} padding: $padding-base-vertical;
border: $tooltip-border-width solid $tooltip-border;
background-color: $tooltip-bg;
color: $tooltip-text;
font-size: $font-size-small;
text-align: left;
@include nice-shadow(3);
}
@if $sidebar-position == "left" {
tr > td:last-child & {
.tip {
right: 2px;
left: auto;
}
} }
}
} }

34
src/sass/components/_gravatar.scss
View File

@@ -3,18 +3,18 @@
// -------------------------------------------------- // --------------------------------------------------
img.gravatar { img.gravatar {
border-radius: $border-radius-large; border-radius: $border-radius-large;
line-height: 1; line-height: 1;
overflow: hidden; overflow: hidden;
vertical-align: middle; vertical-align: middle;
h2 &, h2 &,
h3 &, h3 &,
h4 & { h4 & {
position: relative; position: relative;
top: -1px; top: -1px;
margin-right: 5px; margin-right: 5px;
} }
} }
@@ -22,16 +22,16 @@ img.gravatar {
// //
.username img.gravatar { .username img.gravatar {
position: relative; position: relative;
top: 1px; top: 1px;
margin-right: .5em; margin-right: .5em;
vertical-align: top; vertical-align: top;
} }
//== Gravatar //== Gravatar
// Used on 12px Gravatar img tags without the icon background // Used on 12px Gravatar img tags without the icon background
.icon-gravatar { .icon-gravatar {
margin-right: 5px; margin-right: 5px;
float: left; float: left;
} }

2186
src/sass/components/_icons.scss
View File

File diff suppressed because it is too large Load Diff

20
src/sass/components/_image-base64.scss
View File

@@ -4,41 +4,41 @@
// ACI = AutoComplete Indicator // ACI = AutoComplete Indicator
%image-aci { %image-aci {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAKBAMAAAAnY0GXAAAAD1BMVEUAAACzs7Ozs7Ozs7Ozs7NJvZFvAAAABHRSTlMA5kpJG2qUMwAAABtJREFUCNdjIBMYCkMRDIg4QhBuAUUhKCIPAAAlaQNk5qF21gAAAABJRU5ErkJggg==); background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAKBAMAAAAnY0GXAAAAD1BMVEUAAACzs7Ozs7Ozs7Ozs7NJvZFvAAAABHRSTlMA5kpJG2qUMwAAABtJREFUCNdjIBMYCkMRDIg4QhBuAUUhKCIPAAAlaQNk5qF21gAAAABJRU5ErkJggg==);
} }
%image-arrow-up { %image-arrow-up {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAGFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABWNxwqAAAACHRSTlMAgFIFe2wwFmA2CKQAAAArSURBVAjXYyASGBlAGYoKEJpNUAzCKBEUKQDRzIGCgsEgBpOgoKAQA5kAAOOzAuqv1pGxAAAAAElFTkSuQmCC); background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAGFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABWNxwqAAAACHRSTlMAgFIFe2wwFmA2CKQAAAArSURBVAjXYyASGBlAGYoKEJpNUAzCKBEUKQDRzIGCgsEgBpOgoKAQA5kAAOOzAuqv1pGxAAAAAElFTkSuQmCC);
} }
%image-arrow-right { %image-arrow-right {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAG1BMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACUUeIgAAAACXRSTlMAgF1mUUUMBwa6cf6pAAAAIklEQVQI12PADwJgDBEYQ1ADxhBOgDIEFdBF1GG6EOYQCQC/wwKE7b2bNAAAAABJRU5ErkJggg==); background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAG1BMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACUUeIgAAAACXRSTlMAgF1mUUUMBwa6cf6pAAAAIklEQVQI12PADwJgDBEYQ1ADxhBOgDIEFdBF1GG6EOYQCQC/wwKE7b2bNAAAAABJRU5ErkJggg==);
} }
%image-arrow-down { %image-arrow-down {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAGFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABWNxwqAAAACHRSTlMAgFIFbDAWVn1ccuIAAAAsSURBVAjXYyANMAkKCgqBGMyOgoLOYKFEQcEEMINVUBSqSlEByjA3YCARAADFOwKnW3vw7AAAAABJRU5ErkJggg==); background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAGFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABWNxwqAAAACHRSTlMAgFIFbDAWVn1ccuIAAAAsSURBVAjXYyANMAkKCgqBGMyOgoLOYKFEQcEEMINVUBSqSlEByjA3YCARAADFOwKnW3vw7AAAAABJRU5ErkJggg==);
} }
%image-arrow-left { %image-arrow-left {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAGFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABWNxwqAAAACHRSTlMAgF1mUUUMBtml7EIAAAAjSURBVAjXYyAAWGEMRyhdJAih2QyhDCZBhAhcDVwXwhziAACuywJHmKAVPgAAAABJRU5ErkJggg==); background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAGFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABWNxwqAAAACHRSTlMAgF1mUUUMBtml7EIAAAAjSURBVAjXYyAAWGEMRyhdJAih2QyhDCZBhAhcDVwXwhziAACuywJHmKAVPgAAAABJRU5ErkJggg==);
} }
%image-arrow-up-white { %image-arrow-up-white {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAYUlEQVR4Xu2SMQqAMAxFVUxOID2FQ+9R3cRjesX4A5lCoaUFB2nhkeQPLxQyi8jU8xbwYwGBC1CrIIFda4sgKq6vFgS/1eZQI2BwZ/5NlnNJcIAtt8ny04ermx/l4zsYgheccgigTIfmMAAAAABJRU5ErkJggg==); background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAYUlEQVR4Xu2SMQqAMAxFVUxOID2FQ+9R3cRjesX4A5lCoaUFB2nhkeQPLxQyi8jU8xbwYwGBC1CrIIFda4sgKq6vFgS/1eZQI2BwZ/5NlnNJcIAtt8ny04ermx/l4zsYgheccgigTIfmMAAAAABJRU5ErkJggg==);
} }
%image-arrow-down-white { %image-arrow-down-white {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAG1BMVEUAAAD////////////////////////////////rTT7CAAAACXRSTlMAgFIFbBZWMTBl3YBFAAAALElEQVQI12MgDTAJCgoKgRjMjoKCzmChQEHBADCDQ1AcqkpRAcowM2AgEQAAvM4CiwrixCQAAAAASUVORK5CYII=); background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAG1BMVEUAAAD////////////////////////////////rTT7CAAAACXRSTlMAgFIFbBZWMTBl3YBFAAAALElEQVQI12MgDTAJCgoKgRjMjoKCzmChQEHBADCDQ1AcqkpRAcowM2AgEQAAvM4CiwrixCQAAAAASUVORK5CYII=);
} }
%image-calendar { %image-calendar {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOBAMAAADtZjDiAAAAIVBMVEUAAABVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVUMftYpAAAACnRSTlMArIDn/dahwzIKIC4f+wAAADxJREFUCNdjYEhJACEGBk8HEGIQXrDYeMFiAYZVK1YB0QKGVSAApBcwMQgwMSDohaKChqKCxItXgc0pAADUBx5bh1ZBCgAAAABJRU5ErkJggg==); background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOBAMAAADtZjDiAAAAIVBMVEUAAABVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVUMftYpAAAACnRSTlMArIDn/dahwzIKIC4f+wAAADxJREFUCNdjYEhJACEGBk8HEGIQXrDYeMFiAYZVK1YB0QKGVSAApBcwMQgwMSDohaKChqKCxItXgc0pAADUBx5bh1ZBCgAAAABJRU5ErkJggg==);
} }
%image-toggle-minus { %image-toggle-minus {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAABlBMVEUAAAAAAAClZ7nPAAAAAnRSTlMAgJsrThgAAAAQSURBVAjXY8AK+D+AEDYAAC8fAf+FxiPoAAAAAElFTkSuQmCC); background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAABlBMVEUAAAAAAAClZ7nPAAAAAnRSTlMAgJsrThgAAAAQSURBVAjXY8AK+D+AEDYAAC8fAf+FxiPoAAAAAElFTkSuQmCC);
} }
%image-toggle-plus { %image-toggle-plus {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAABlBMVEUAAAAAAAClZ7nPAAAAAnRSTlMAgJsrThgAAAAVSURBVAjXY0AGjA1QxP8BiBBcJAAAdjIFBZTfDZQAAAAASUVORK5CYII=); background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAABlBMVEUAAAAAAAClZ7nPAAAAAnRSTlMAgJsrThgAAAAVSURBVAjXY0AGjA1QxP8BiBBcJAAAdjIFBZTfDZQAAAAASUVORK5CYII=);
} }

1032
src/sass/components/_issue.scss
View File

File diff suppressed because it is too large Load Diff

350
src/sass/components/_jquery-ui.scss
View File

@@ -7,14 +7,14 @@
// //
.ui-widget { .ui-widget {
&, &,
input, input,
select, select,
textarea, textarea,
button { button {
font-family: inherit; font-family: inherit;
font-size: inherit; font-size: inherit;
} }
} }
@@ -22,43 +22,43 @@
// //
.ui-widget-content { .ui-widget-content {
border: 1px solid $panel-border; border: 1px solid $panel-border;
background: $body-bg; background: $body-bg;
color: $text-color; color: $text-color;
a { a {
color: $text-color; color: $text-color;
} }
} }
.ui-widget-header { .ui-widget-header {
border: 0 none; border: 0 none;
background: $header-bg; background: $header-bg;
color: $header-text;
font-weight: $font-weight-bold;
a {
color: $header-text; color: $header-text;
font-weight: $font-weight-bold; }
a { a,
color: $header-text; button {
&.ui-state-default {
border-color: $header-bg;
background: $header-bg;
color: $header-text;
} }
a, &.ui-state-hover,
button { &.ui-state-focus {
&.ui-state-default { border-color: darken($header-bg, 12%);
border-color: $header-bg; background: darken($header-bg, 10%);
background: $header-bg;
color: $header-text;
}
&.ui-state-hover,
&.ui-state-focus {
border-color: darken($header-bg, 12%);
background: darken($header-bg, 10%);
}
.ui-icon {
background-image: url("/stylesheets/jquery/images/ui-icons_ffffff_256x240.png");
}
} }
.ui-icon {
background-image: url("/stylesheets/jquery/images/ui-icons_ffffff_256x240.png");
}
}
} }
@@ -68,18 +68,18 @@
.ui-state-default, .ui-state-default,
.ui-widget-content .ui-state-default, .ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default { .ui-widget-header .ui-state-default {
border: 1px solid $component-border; border: 1px solid $component-border;
background: $component-bg; background: $component-bg;
color: $component-color; color: $component-color;
font-weight: normal; font-weight: normal;
box-shadow: none; box-shadow: none;
} }
.ui-state-default a, .ui-state-default a,
.ui-state-default a:link, .ui-state-default a:link,
.ui-state-default a:visited { .ui-state-default a:visited {
color: $component-color; color: $component-color;
text-decoration: none; text-decoration: none;
} }
.ui-state-hover, .ui-state-hover,
@@ -88,10 +88,10 @@
.ui-state-focus, .ui-state-focus,
.ui-widget-content .ui-state-focus, .ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus { .ui-widget-header .ui-state-focus {
border: 1px solid $component-active-border; border: 1px solid $component-active-border;
background: $component-active-bg; background: $component-active-bg;
color: $component-active-color; color: $component-active-color;
font-weight: normal; font-weight: normal;
} }
.ui-state-hover a, .ui-state-hover a,
@@ -102,32 +102,32 @@
.ui-state-focus a:hover, .ui-state-focus a:hover,
.ui-state-focus a:link, .ui-state-focus a:link,
.ui-state-focus a:visited { .ui-state-focus a:visited {
color: $component-active-color; color: $component-active-color;
text-decoration: none; text-decoration: none;
} }
.ui-state-active, .ui-state-active,
.ui-widget-content .ui-state-active, .ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active { .ui-widget-header .ui-state-active {
border: 1px solid $component-active-border; border: 1px solid $component-active-border;
background: $component-active-bg; background: $component-active-bg;
color: $component-active-color; color: $component-active-color;
font-weight: normal; font-weight: normal;
.ui-icon { .ui-icon {
background-image: url("/stylesheets/jquery/images/ui-icons_ffffff_256x240.png"); background-image: url("/stylesheets/jquery/images/ui-icons_ffffff_256x240.png");
} }
} }
.ui-state-active a, .ui-state-active a,
.ui-state-active a:link, .ui-state-active a:link,
.ui-state-active a:visited { .ui-state-active a:visited {
color: $component-active-color; color: $component-active-color;
text-decoration: none; text-decoration: none;
} }
.ui-sortable-helper { .ui-sortable-helper {
@include nice-shadow(4); @include nice-shadow(4);
} }
@@ -135,13 +135,13 @@
// //
.ui-menu { .ui-menu {
padding: 3px; padding: 3px;
border-radius: $panel-border-radius; border-radius: $panel-border-radius;
@include nice-shadow(2); @include nice-shadow(2);
} }
.ui-menu-item { .ui-menu-item {
border-radius: $panel-border-radius; border-radius: $panel-border-radius;
} }
@@ -149,41 +149,41 @@
// //
.modal { .modal {
background: $body-bg; background: $body-bg;
z-index: 50; z-index: 50;
h3.title { h3.title {
display: none; display: none;
} }
p.buttons { p.buttons {
margin-bottom: 0; margin-bottom: 0;
text-align: right; text-align: right;
} }
} }
.ui-dialog { .ui-dialog {
&.ui-widget-content { &.ui-widget-content {
padding: 3px; padding: 3px;
border: 0 none; border: 0 none;
@include nice-shadow(5); @include nice-shadow(5);
} }
.ui-dialog-content { .ui-dialog-content {
padding: 1em; padding: 1em;
} }
.ui-dialog-titlebar-close { .ui-dialog-titlebar-close {
right: .5em; right: .5em;
} }
input[type="button"] { input[type="button"] {
@include button-variant($btn-link-color, $btn-link-bg, $btn-link-border); @include button-variant($btn-link-color, $btn-link-bg, $btn-link-border);
} }
} }
.ui-widget-overlay { .ui-widget-overlay {
background: #000; background: #000;
} }
@@ -191,110 +191,110 @@
// //
img.ui-datepicker-trigger { img.ui-datepicker-trigger {
margin-left: 4px; margin-left: 4px;
cursor: pointer; cursor: pointer;
vertical-align: middle; vertical-align: middle;
} }
.ui-datepicker { .ui-datepicker {
padding: .3em .6em .6em; padding: .3em .6em .6em;
border: 0 none;
@include nice-shadow(3);
.ui-datepicker-header {
margin: 0 -.3em;
padding: .3em;
}
.ui-datepicker-prev {
left: .3em;
}
.ui-datepicker-next {
right: .3em;
}
.ui-datepicker-prev,
.ui-datepicker-next {
top: .3em;
border: 0 none; border: 0 none;
@include nice-shadow(3); background: transparent;
}
.ui-datepicker-header { .ui-datepicker-title {
margin: 0 -.3em; margin: 0 (1.8em + .3em);
padding: .3em; }
select.ui-datepicker-month,
select.ui-datepicker-year {
width: 49%;
height: 1.8em;
margin: 0;
}
select.ui-datepicker-year {
margin-left: 1%;
}
.ui-datepicker-calendar {
margin: 0;
table-layout: fixed;
.ui-state-default {
border-color: $body-bg;
background: $body-bg;
} }
.ui-datepicker-prev { .ui-state-focus,
left: .3em; .ui-state-hover {
border-color: $component-active-bg;
background: $component-active-bg;
color: $component-active-color;
} }
.ui-datepicker-next { .ui-state-active {
right: .3em; border-color: $highlight-border;
background: $highlight-bg;
color: $highlight-text;
} }
.ui-datepicker-prev, .ui-datepicker-today {
.ui-datepicker-next { .ui-state-highlight {
top: .3em; border-color: $component-active-border;
border: 0 none; }
background: transparent;
} }
.ui-datepicker-title { .ui-datepicker-current-day {
margin: 0 (1.8em + .3em); .ui-state-active {
border-color: $highlight-border;
}
} }
select.ui-datepicker-month, td {
select.ui-datepicker-year { padding: 0 1px 1px 0;
width: 49%; text-align: right;
height: 1.8em;
margin: 0; a {
padding-right: .4em;
padding-left: 0;
border-radius: $border-radius-base;
}
&.ui-datepicker-week-col {
padding-right: $table-condensed-cell-padding;
color: $gray-light;
}
} }
}
select.ui-datepicker-year { .ui-datepicker-buttonpane {
margin-left: 1%; margin: .6em 0 0;
} padding: .6em 0 0;
@include clearfix;
.ui-datepicker-calendar {
margin: 0; button {
table-layout: fixed; margin: 0;
padding: $btn-padding-vertical $btn-padding-horizontal;
.ui-state-default {
border-color: $body-bg;
background: $body-bg;
}
.ui-state-focus,
.ui-state-hover {
border-color: $component-active-bg;
background: $component-active-bg;
color: $component-active-color;
}
.ui-state-active {
border-color: $highlight-border;
background: $highlight-bg;
color: $highlight-text;
}
.ui-datepicker-today {
.ui-state-highlight {
border-color: $component-active-border;
}
}
.ui-datepicker-current-day {
.ui-state-active {
border-color: $highlight-border;
}
}
td {
padding: 0 1px 1px 0;
text-align: right;
a {
padding-right: .4em;
padding-left: 0;
border-radius: $border-radius-base;
}
&.ui-datepicker-week-col {
padding-right: $table-condensed-cell-padding;
color: $gray-light;
}
}
}
.ui-datepicker-buttonpane {
margin: .6em 0 0;
padding: .6em 0 0;
@include clearfix;
button {
margin: 0;
padding: $btn-padding-vertical $btn-padding-horizontal;
}
} }
}
} }

320
src/sass/components/_jstoolbar.scss
View File

@@ -3,173 +3,173 @@
// -------------------------------------------------- // --------------------------------------------------
.jstElements { .jstElements {
@extend %clearfix; @extend %clearfix;
.box & { .box & {
padding: 0; padding: 0;
button {
margin-right: 2px;
}
.jstSpacer {
margin-right: 4px;
}
@media (min-width: $screen-md) {
.jstb_help {
margin-right: 0;
margin-left: -6px;
float: right;
}
}
@media (min-width: $screen-lg) {
button {
margin-right: 4px;
}
.jstSpacer {
margin-right: 6px;
}
}
}
button { button {
margin-bottom: 5px; margin-right: 2px;
box-shadow: none;
vertical-align: top;
} }
.jstSpacer {
margin-right: 4px;
}
@media (min-width: $screen-md) {
.jstb_help {
margin-right: 0;
margin-left: -6px;
float: right;
}
}
@media (min-width: $screen-lg) {
button {
margin-right: 4px;
}
.jstSpacer {
margin-right: 6px;
}
}
}
button {
margin-bottom: 5px;
box-shadow: none;
vertical-align: top;
}
} }
@if $use-font-awesome { @if $use-font-awesome {
.jstElements { .jstElements {
%jstb-icon { %jstb-icon {
padding: 0; padding: 0;
background: $body-bg; background: $body-bg;
background-image: none; background-image: none;
color: $btn-default-color; color: $btn-default-color;
@include fa-icon(); @include fa-icon();
&::before { &::before {
text-align: center; text-align: center;
} }
}
.jstb_strong {
@extend %jstb-icon;
&::before { content: $fa-var-bold; }
}
.jstb_em {
@extend %jstb-icon;
&::before { content: $fa-var-italic; }
}
.jstb_ins {
@extend %jstb-icon;
&::before { content: $fa-var-underline; }
}
.jstb_del {
@extend %jstb-icon;
&::before { content: $fa-var-strikethrough; }
}
.jstb_code {
@extend %jstb-icon;
&::before { content: $fa-var-code; }
}
.jstb_h1 {
@extend %jstb-icon;
&::before { content: $fa-var-header; }
}
.jstb_h2 {
@extend %jstb-icon;
&::before { font-size: .7857em; content: $fa-var-header; }
}
.jstb_h3 {
@extend %jstb-icon;
&::before { font-size: .6429em; content: $fa-var-header; }
}
.jstb_ul {
@extend %jstb-icon;
&::before { content: $fa-var-list-ul; }
}
.jstb_ol {
@extend %jstb-icon;
&::before { content: $fa-var-list-ol; }
}
.jstb_bq {
@extend %jstb-icon;
&::before { content: $fa-var-indent; }
}
.jstb_unbq {
@extend %jstb-icon;
&::before { content: $fa-var-outdent; }
}
.jstb_pre {
@extend %jstb-icon;
&::before { content: $fa-var-terminal; }
}
.jstb_link {
@extend %jstb-icon;
&::before { content: $fa-var-link; }
}
.jstb_img {
@extend %jstb-icon;
&::before { content: $fa-var-image; }
}
.jstb_cut {
@extend %jstb-icon;
&::before { content: $fa-var-scissors; }
}
.jstb_precode,
// For plugin https://github.com/mediatainment/redmine_codebutton
.jstb_codehighlight {
@extend %jstb-icon;
color: $brand-danger;
&::before { content: $fa-var-code; }
}
button.jstb_help {
@extend %jstb-icon;
color: $link-color;
&:hover {
color: $link-hover-color;
}
&::before { content: $fa-var-question-circle; }
}
} }
.jstb_strong {
@extend %jstb-icon;
&::before { content: $fa-var-bold; }
}
.jstb_em {
@extend %jstb-icon;
&::before { content: $fa-var-italic; }
}
.jstb_ins {
@extend %jstb-icon;
&::before { content: $fa-var-underline; }
}
.jstb_del {
@extend %jstb-icon;
&::before { content: $fa-var-strikethrough; }
}
.jstb_code {
@extend %jstb-icon;
&::before { content: $fa-var-code; }
}
.jstb_h1 {
@extend %jstb-icon;
&::before { content: $fa-var-header; }
}
.jstb_h2 {
@extend %jstb-icon;
&::before { font-size: .7857em; content: $fa-var-header; }
}
.jstb_h3 {
@extend %jstb-icon;
&::before { font-size: .6429em; content: $fa-var-header; }
}
.jstb_ul {
@extend %jstb-icon;
&::before { content: $fa-var-list-ul; }
}
.jstb_ol {
@extend %jstb-icon;
&::before { content: $fa-var-list-ol; }
}
.jstb_bq {
@extend %jstb-icon;
&::before { content: $fa-var-indent; }
}
.jstb_unbq {
@extend %jstb-icon;
&::before { content: $fa-var-outdent; }
}
.jstb_pre {
@extend %jstb-icon;
&::before { content: $fa-var-terminal; }
}
.jstb_link {
@extend %jstb-icon;
&::before { content: $fa-var-link; }
}
.jstb_img {
@extend %jstb-icon;
&::before { content: $fa-var-image; }
}
.jstb_cut {
@extend %jstb-icon;
&::before { content: $fa-var-scissors; }
}
.jstb_precode,
// For plugin https://github.com/mediatainment/redmine_codebutton
.jstb_codehighlight {
@extend %jstb-icon;
color: $brand-danger;
&::before { content: $fa-var-code; }
}
button.jstb_help {
@extend %jstb-icon;
color: $link-color;
&:hover {
color: $link-hover-color;
}
&::before { content: $fa-var-question-circle; }
}
}
} }

842
src/sass/components/_list.scss
View File

File diff suppressed because it is too large Load Diff

50
src/sass/components/_login.scss
View File

@@ -6,42 +6,42 @@ $login-form-width: 350px;
$login-input-width: 200px; $login-input-width: 200px;
#login-form { #login-form {
margin: $line-height-computed * 2 auto; margin: $line-height-computed * 2 auto;
table {
margin: auto;
}
@media screen and (min-width: $screen-sm-min) {
width: $login-form-width;
padding: $panel-body-padding;
border: 1px solid $panel-border;
border-radius: $border-radius-base;
background-color: $panel-bg;
color: $panel-color;
box-shadow: $panel-shadow;
table { table {
margin: auto; width: 100%;
} }
@media screen and (min-width: $screen-sm-min) { td {
width: $login-form-width; width: 90%; // make columns expand
padding: $table-cell-padding;
padding: $panel-body-padding;
border: 1px solid $panel-border;
border-radius: $border-radius-base;
background-color: $panel-bg;
color: $panel-color;
box-shadow: $panel-shadow;
table {
width: 100%;
}
td {
width: 90%; // make columns expand
padding: $table-cell-padding;
}
} }
}
} }
#username, #username,
#password, #password,
#openid_url { #openid_url {
width: $login-input-width; width: $login-input-width;
} }
#openid_url { #openid_url {
padding-right: 8px + 24px; padding-right: 8px + 24px;
background-image: url("../../../images/openid-bg.gif"); background-image: url("../../../images/openid-bg.gif");
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: ($login-input-width - 24px) center; background-position: ($login-input-width - 24px) center;
} }

132
src/sass/components/_pagination.scss
View File

@@ -2,82 +2,82 @@
// Pagination (multiple pages) // Pagination (multiple pages)
// -------------------------------------------------- // --------------------------------------------------
.pagination { .pagination {
.pages { .pages {
display: inline-block; display: inline-block;
margin: 0; margin: 0;
padding: 0; padding: 0;
} }
li { li {
display: inline-block; display: inline-block;
margin-right: .3em; margin-right: .3em;
list-style: none; list-style: none;
} }
li > a, li > a,
li > span, li > span,
> .previous, > .previous,
> .next, > .next,
> .page { > .page {
display: inline-block; display: inline-block;
padding: $pagination-padding-vertical $pagination-padding-horizontal; padding: $pagination-padding-vertical $pagination-padding-horizontal;
border: 1px solid $pagination-border; border: 1px solid $pagination-border;
border-radius: $border-radius-base; border-radius: $border-radius-base;
background-color: $pagination-bg; background-color: $pagination-bg;
color: $pagination-color; color: $pagination-color;
text-decoration: none; text-decoration: none;
white-space: nowrap; white-space: nowrap;
} }
li > span { li > span {
border-color: $pagination-inactive-border; border-color: $pagination-inactive-border;
background-color: $pagination-inactive-bg; background-color: $pagination-inactive-bg;
color: $pagination-inactive-color; color: $pagination-inactive-color;
cursor: default; cursor: default;
} }
.spacer > span { .spacer > span {
padding: 0; padding: 0;
border: 0 none; border: 0 none;
background: transparent; background: transparent;
color: $text-color; color: $text-color;
} }
a { a {
&:hover, &:hover,
&:focus { &:focus {
border-color: $pagination-hover-border; border-color: $pagination-hover-border;
background-color: $pagination-hover-bg; background-color: $pagination-hover-bg;
color: $pagination-hover-color; color: $pagination-hover-color;
}
} }
}
.page.current, .page.current,
.current > span { .current > span {
border-color: $pagination-active-border; border-color: $pagination-active-border;
background-color: $pagination-active-bg; background-color: $pagination-active-bg;
color: $pagination-active-color; color: $pagination-active-color;
cursor: default; cursor: default;
z-index: 2; z-index: 2;
} }
.items, .items,
.per-page { .per-page {
display: inline-block; display: inline-block;
margin: ($pagination-padding-vertical + 1px) 0 ($pagination-padding-vertical + 1px) $pagination-padding-vertical; margin: ($pagination-padding-vertical + 1px) 0 ($pagination-padding-vertical + 1px) $pagination-padding-vertical;
} }
} }
p.pagination { p.pagination {
margin-bottom: 0; margin-bottom: 0;
float: left; float: left;
+ h1, + h1,
+ h2, + h2,
+ h3, + h3,
+ h4, + h4,
+ h5, + h5,
+ h6 { + h6 {
clear: both; clear: both;
} }
} }

488
src/sass/components/_plugins.scss
View File

@@ -5,34 +5,34 @@
// -------------------------------------------------- // --------------------------------------------------
#backlogs_view_issues_sidebar { #backlogs_view_issues_sidebar {
> a { > a {
display: block; display: block;
padding: $sidebar-padding-vertical $sidebar-padding-horizontal; padding: $sidebar-padding-vertical $sidebar-padding-horizontal;
border: 1px solid transparent; border: 1px solid transparent;
@if $sidebar-position == "left" { @if $sidebar-position == "left" {
margin-right: -($sidebar-padding-horizontal); margin-right: -($sidebar-padding-horizontal);
border-left-width: 3px; border-left-width: 3px;
border-radius: $border-radius-large 0 0 $border-radius-large; border-radius: $border-radius-large 0 0 $border-radius-large;
} @else { } @else {
margin-left: -($sidebar-padding-horizontal); margin-left: -($sidebar-padding-horizontal);
border-right-width: 3px; border-right-width: 3px;
border-radius: 0 $border-radius-large $border-radius-large 0; border-radius: 0 $border-radius-large $border-radius-large 0;
}
&:hover {
background-color: $sidebar-link-hover-bg;
text-decoration: none;
}
+ br {
display: none;
}
} }
.burndown_chart { &:hover {
max-width: $sidebar-width-computed; background-color: $sidebar-link-hover-bg;
text-decoration: none;
} }
+ br {
display: none;
}
}
.burndown_chart {
max-width: $sidebar-width-computed;
}
} }
@@ -42,52 +42,52 @@
// -------------------------------------------------- // --------------------------------------------------
@if $use-font-awesome { @if $use-font-awesome {
.tt_list_button { .tt_list_button {
font-size: 14px; font-size: 14px;
@extend %fa-icon; @extend %fa-icon;
}
.icon,
.tt_list_button {
&.icon-start,
&.icon-stop {
background-image: none;
} }
.icon, &.icon-start {
.tt_list_button { color: $icon-success-color;
&.icon-start,
&.icon-stop {
background-image: none;
}
&.icon-start { &:hover,
color: $icon-success-color; &:focus {
color: $icon-success-color;
}
&:hover, &::before {
&:focus { content: $fa-var-clock-o;
color: $icon-success-color; }
}
&::before {
content: $fa-var-clock-o;
}
}
&.icon-stop {
color: $icon-danger-color;
&:hover,
&:focus {
color: $icon-danger-color;
}
&::before {
content: $fa-var-history;
}
}
} }
.time-tracker-quick-menu:empty { &.icon-stop {
display: none; color: $icon-danger-color;
}
#user-time-bookings-list { &:hover,
clear: both; &:focus {
color: $icon-danger-color;
}
&::before {
content: $fa-var-history;
}
} }
}
.time-tracker-quick-menu:empty {
display: none;
}
#user-time-bookings-list {
clear: both;
}
} }
@@ -97,129 +97,129 @@
// -------------------------------------------------- // --------------------------------------------------
#people_list { #people_list {
table.index { table.index {
margin-bottom: $line-height-computed; margin-bottom: $line-height-computed;
} }
} }
#content { #content {
.person.details { .person.details {
margin-bottom: $line-height-computed; margin-bottom: $line-height-computed;
padding: $issue-padding; padding: $issue-padding;
border: 1px solid $issue-border; border: 1px solid $issue-border;
border-radius: $border-radius-base; border-radius: $border-radius-base;
background-color: $issue-bg; background-color: $issue-bg;
.avatar { .avatar {
width: 64px; width: 64px;
max-width: 64px; max-width: 64px;
overflow: hidden; overflow: hidden;
}
.name,
.subject_info {
padding: 0 0 0 $issue-padding;
}
.name {
> h1 {
margin-bottom: 5px;
}
> p {
margin-bottom: 0;
}
}
.subject_info {
border-left: 1px solid $issue-border;
> ul {
margin: 0;
}
}
@if $use-font-awesome {
.icon {
background-image: none;
}
}
} }
.department.issue.details { .name,
> p { .subject_info {
clear: both; padding: 0 0 0 $issue-padding;
}
> .author {
margin-bottom: 0;
clear: none;
}
} }
.name {
> h1 {
margin-bottom: 5px;
}
> p {
margin-bottom: 0;
}
}
.subject_info {
border-left: 1px solid $issue-border;
> ul {
margin: 0;
}
}
@if $use-font-awesome {
.icon {
background-image: none;
}
}
}
.department.issue.details {
> p {
clear: both;
}
> .author {
margin-bottom: 0;
clear: none;
}
}
} }
#sidebar { #sidebar {
.person.attributes { .person.attributes {
font-size: $font-size-list; font-size: $font-size-list;
th, th,
td { td {
padding: $table-condensed-cell-padding; padding: $table-condensed-cell-padding;
text-align: left; text-align: left;
vertical-align: top; vertical-align: top;
}
.icon {
padding-left: $table-condensed-cell-padding + 20px;
background-position: $table-condensed-cell-padding $table-condensed-cell-padding;
}
@if $use-font-awesome {
.icon {
background-image: none;
> a {
@extend %fa-icon;
}
}
}
.email {
td a {
display: block;
max-width: floor($sidebar-width / 3);
text-overflow: ellipsis;
overflow: hidden;
&:hover {
position: absolute;
max-width: 100%;
margin: -$table-condensed-cell-padding;
padding: $table-condensed-cell-padding;
background: $body-bg;
box-shadow: $panel-shadow;
}
}
}
} }
.person_data { .icon {
td.avatar, padding-left: $table-condensed-cell-padding + 20px;
td.name { background-position: $table-condensed-cell-padding $table-condensed-cell-padding;
padding: 0 0 $table-cell-padding;
}
td.avatar {
width: 40px;
}
td.name {
h4 {
margin: 0;
letter-spacing: 0;
}
}
} }
@if $use-font-awesome {
.icon {
background-image: none;
> a {
@extend %fa-icon;
}
}
}
.email {
td a {
display: block;
max-width: floor($sidebar-width / 3);
text-overflow: ellipsis;
overflow: hidden;
&:hover {
position: absolute;
max-width: 100%;
margin: -$table-condensed-cell-padding;
padding: $table-condensed-cell-padding;
background: $body-bg;
box-shadow: $panel-shadow;
}
}
}
}
.person_data {
td.avatar,
td.name {
padding: 0 0 $table-cell-padding;
}
td.avatar {
width: 40px;
}
td.name {
h4 {
margin: 0;
letter-spacing: 0;
}
}
}
} }
@@ -229,13 +229,13 @@
// -------------------------------------------------- // --------------------------------------------------
#toolbar-code-options { #toolbar-code-options {
select { select {
width: 100%; width: 100%;
} }
.buttons { .buttons {
white-space: nowrap; white-space: nowrap;
} }
} }
@@ -245,83 +245,83 @@
// -------------------------------------------------- // --------------------------------------------------
#stuff-to-do { #stuff-to-do {
p { p {
@if $sidebar-position == "left" { @if $sidebar-position == "left" {
margin-right: -($sidebar-padding-horizontal); margin-right: -($sidebar-padding-horizontal);
} @else { } @else {
margin-left: -($sidebar-padding-horizontal); 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;
}
} }
> 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 // Note: the following applies to the latest version
// of Stuff To Do plugin from the master branch. // of Stuff To Do plugin from the master branch.
.controller-stuff_to_do { .controller-stuff_to_do {
.menu { .menu {
label, label,
select { select {
margin-bottom: 5px; 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;
} }
.stuff-to-do-item { .issue-details {
padding: $table-cell-padding; width: 80%;
border: 1px solid $table-border-color; margin: 0;
border-width: $table-list-item-border;
background-color: $body-bg; @if $use-font-awesome {
a {
img {
display: none;
}
}
}
} }
.pane { .progress {
ol { width: 20%;
padding: 0; margin: 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;
width: 20%;
font-size: $font-size-small;
text-align: right;
}
} }
.estimate {
top: $table-cell-padding - 1px;
right: $table-cell-padding;
left: auto;
width: 20%;
font-size: $font-size-small;
text-align: right;
}
}
} }

62
src/sass/components/_print.scss
View File

@@ -3,40 +3,40 @@
// -------------------------------------------------- // --------------------------------------------------
@media print { @media print {
#top-menu, #top-menu,
#header, #header,
#main-menu, #main-menu,
#sidebar, #sidebar,
#footer, #footer,
#wiki_add_attachment, #wiki_add_attachment,
.hide-when-print, .hide-when-print,
.contextual, .contextual,
.other-formats { .other-formats {
display: none; display: none;
} }
#main { #main {
background: #fff; background: #fff;
} }
#content { #content {
// scss-lint:disable ImportantRule // scss-lint:disable ImportantRule
width: 100%; width: 100%;
margin: 0; margin: 0;
padding: 0; padding: 0;
border: 0; border: 0;
background: #fff; background: #fff;
overflow: visible !important; overflow: visible !important;
} }
.autoscroll { .autoscroll {
overflow-x: visible; overflow-x: visible;
} }
table.list { table.list {
th, th,
td { td {
border: 1px solid #aaa; border: 1px solid #aaa;
}
} }
}
} }

84
src/sass/components/_progress.scss
View File

@@ -3,57 +3,57 @@
// -------------------------------------------------- // --------------------------------------------------
table.progress { table.progress {
width: 80px; width: 80px;
margin-top: 1px; margin-top: 1px;
margin-right: 5px; margin-right: 5px;
float: left; float: left;
border: 1px solid rgba(#000, .1); border: 1px solid rgba(#000, .1);
empty-cells: show; empty-cells: show;
.version-overview & { .version-overview & {
width: 40em; width: 40em;
}
td.done_ratio & {
margin-right: auto;
margin-left: auto;
float: none;
}
td {
height: 12px;
padding: 0;
border: 0 none;
&.closed {
background-color: $progress-bar-success-bg;
} }
td.done_ratio & { &.done {
margin-right: auto; background-color: mix($progress-bar-success-bg, $progress-bg, 50%);
margin-left: auto;
float: none;
} }
td { &.todo {
height: 12px; background-color: $progress-bg;
padding: 0;
border: 0 none;
&.closed {
background-color: $progress-bar-success-bg;
}
&.done {
background-color: mix($progress-bar-success-bg, $progress-bg, 50%);
}
&.todo {
background-color: $progress-bg;
}
} }
}
.issue & td { .issue & td {
padding: 0; padding: 0;
} }
} }
p { p {
&.percent { &.percent {
margin-bottom: 0; margin-bottom: 0;
font-size: $font-size-small; font-size: $font-size-small;
} }
&.progress-info { &.progress-info {
margin-top: -4px; margin-top: -4px;
margin-bottom: 0; margin-bottom: 0;
clear: left; clear: left;
color: #777; color: #777;
font-size: 80%; font-size: 80%;
} }
} }

170
src/sass/components/_simple-list.scss
View File

@@ -4,124 +4,124 @@
#activity dl, #activity dl,
#search-results { #search-results {
margin-left: $padding-side; margin-left: $padding-side;
} }
#activity, #activity,
#search-results { #search-results {
dd { dd {
margin-bottom: $line-height-computed; margin-bottom: $line-height-computed;
padding-top: .1em; padding-top: .1em;
} }
dt { dt {
padding-left: $padding-side; padding-left: $padding-side;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: 0 center; background-position: 0 center;
} }
span.project::after { span.project::after {
content: " -"; content: " -";
} }
span.description { span.description {
display: block; display: block;
color: $gray; color: $gray;
font-style: italic; font-style: italic;
} }
} }
#activity { #activity {
$activity-avatar: 24px; $activity-avatar: 24px;
$activity-avatar-space: 5px; $activity-avatar-space: 5px;
$activity-indent: 20px; $activity-indent: 20px;
@if $use-gravatars {
$activity-indent: $activity-indent + $activity-avatar + $activity-avatar-space;
}
h3,
h4 {
margin: 0 0 $line-height-computed;
padding-bottom: .2em;
border-bottom: 1px dotted $gray-light;
font-size: $font-size-h4;
font-weight: normal;
}
dt {
&.grouped {
margin-left: $activity-indent;
}
&.me .time {
border-bottom: 1px solid $gray-lighter;
}
.time {
color: $gray;
}
@if $use-gravatars { @if $use-gravatars {
$activity-indent: $activity-indent + $activity-avatar + $activity-avatar-space; .gravatar {
margin-top: -2px;
margin-right: $activity-avatar-space;
float: left;
}
} }
}
h3, dd {
h4 { font-size: $font-size-small;
margin: 0 0 $line-height-computed; overflow: hidden;
padding-bottom: .2em;
border-bottom: 1px dotted $gray-light; &.grouped {
font-size: $font-size-h4; margin-left: $activity-indent;
font-weight: normal;
}
dt {
&.grouped {
margin-left: $activity-indent;
}
&.me .time {
border-bottom: 1px solid $gray-lighter;
}
.time {
color: $gray;
}
@if $use-gravatars {
.gravatar {
margin-top: -2px;
margin-right: $activity-avatar-space;
float: left;
}
}
}
dd {
font-size: $font-size-small;
overflow: hidden;
&.grouped {
margin-left: $activity-indent;
}
} }
}
} }
#search-results-counts { #search-results-counts {
float: right; float: right;
ul { ul {
@extend %clearfix; @extend %clearfix;
} }
li { li {
margin-left: 1em; margin-left: 1em;
float: left; float: left;
list-style-type: none; list-style-type: none;
} }
} }
// Search form // Search form
#search-form { #search-form {
input, input,
select { select {
margin-right: 5px; margin-right: 5px;
} }
label { label {
display: inline-block; display: inline-block;
margin-right: 5px; margin-right: 5px;
@include checkbox; @include checkbox;
} }
p:last-child { p:last-child {
margin-bottom: 0; margin-bottom: 0;
} }
} }
// Search results highlight // Search results highlight
.highlight { .highlight {
background-color: #fe8; background-color: #fe8;
&.token-1 { background-color: #fba; } &.token-1 { background-color: #fba; }
&.token-2 { background-color: #afb; } &.token-2 { background-color: #afb; }
&.token-3 { background-color: #aef; } &.token-3 { background-color: #aef; }
} }

260
src/sass/components/_tabs.scss
View File

@@ -3,172 +3,172 @@
// -------------------------------------------------- // --------------------------------------------------
.tabs { .tabs {
$tabs-buttons-width: 40px; $tabs-buttons-width: 40px;
position: relative; position: relative;
margin-bottom: $line-height-computed; margin-bottom: $line-height-computed;
overflow: hidden; overflow: hidden;
@if not $flexbox-layout { @if not $flexbox-layout {
padding-right: $tabs-buttons-width; padding-right: $tabs-buttons-width;
}
> ul {
// scss-lint:disable VendorPrefix
margin: 0;
padding-left: 0;
border-bottom: 1px solid $tab-border;
list-style: none;
@if $flexbox-layout {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
height: $line-height-computed + $tab-padding-vertical * 2 + 1px;
} @else {
width: 2000px;
@extend %clearfix;
} }
> ul { > li {
// scss-lint:disable VendorPrefix margin-bottom: -1px;
margin: 0;
padding-left: 0;
border-bottom: 1px solid $tab-border;
list-style: none;
@if $flexbox-layout { @if $flexbox-layout {
display: -ms-flexbox; -webkit-flex: 0 1 auto;
display: -webkit-flex; -ms-flex: 0 1 auto;
display: flex; flex: 0 1 auto;
-webkit-flex-wrap: nowrap; } @else {
-ms-flex-wrap: nowrap; float: left;
flex-wrap: nowrap; }
height: $line-height-computed + $tab-padding-vertical * 2 + 1px;
} @else { > a {
width: 2000px; display: block;
@extend %clearfix; min-width: 2em;
margin-right: 2px;
padding: $tab-padding-vertical $tab-padding-horizontal;
border: 1px solid transparent;
border-radius: $border-radius-base $border-radius-base 0 0;
text-align: center;
white-space: nowrap;
&:hover,
&:focus {
border-color: $tab-hover-border $tab-hover-border $tab-border;
background-color: $tab-hover-bg;
text-decoration: none;
} }
> li { &.selected {
margin-bottom: -1px; border-color: $tab-active-border $tab-active-border $tab-active-bg;
background: $tab-active-bg;
@if $flexbox-layout { color: $tab-active-text;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
} @else {
float: left;
}
> a {
display: block;
min-width: 2em;
margin-right: 2px;
padding: $tab-padding-vertical $tab-padding-horizontal;
border: 1px solid transparent;
border-radius: $border-radius-base $border-radius-base 0 0;
text-align: center;
white-space: nowrap;
&:hover,
&:focus {
border-color: $tab-hover-border $tab-hover-border $tab-border;
background-color: $tab-hover-bg;
text-decoration: none;
}
&.selected {
border-color: $tab-active-border $tab-active-border $tab-active-bg;
background: $tab-active-bg;
color: $tab-active-text;
}
}
} }
}
}
}
.tabs-buttons {
position: absolute;
top: 0;
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 + 1px;
margin: 0;
padding: 0;
float: left;
border: 0 none;
border-radius: 0;
background-color: $body-bg;
background-repeat: no-repeat;
background-position: center center;
box-shadow: none;
opacity: .8;
@include transition(opacity .1s);
&:hover,
&:active {
opacity: 1;
}
&:active {
background-color: $tab-hover-bg;
}
} }
.tabs-buttons { .tab-left {
position: absolute; @extend %image-arrow-left;
top: 0;
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 + 1px;
margin: 0;
padding: 0;
float: left;
border: 0 none;
border-radius: 0;
background-color: $body-bg;
background-repeat: no-repeat;
background-position: center center;
box-shadow: none;
opacity: .8;
@include transition(opacity .1s);
&:hover,
&:active {
opacity: 1;
}
&:active {
background-color: $tab-hover-bg;
}
}
.tab-left {
@extend %image-arrow-left;
}
.tab-right {
@extend %image-arrow-right;
}
} }
.tab-right {
@extend %image-arrow-right;
}
}
} }
//== Specific tabs content layout //== Specific tabs content layout
// //
#tab-content-modules fieldset p { #tab-content-modules fieldset p {
margin: 3px 0 4px; margin: 3px 0 4px;
} }
#tab-content-members, #tab-content-members,
#tab-content-memberships, #tab-content-memberships,
#tab-content-users { #tab-content-users {
.splitcontentleft { .splitcontentleft {
width: 65%; width: 65%;
}
.splitcontentright {
width: 35%;
}
fieldset {
margin-bottom: $line-height-computed;
legend {
font-weight: $font-weight-bold;
} }
.splitcontentright { label {
width: 35%; display: block;
margin-bottom: 3px;
@include checkbox;
} }
fieldset { label[for=principal_search] {
margin-bottom: $line-height-computed; padding-left: 0;
legend {
font-weight: $font-weight-bold;
}
label {
display: block;
margin-bottom: 3px;
@include checkbox;
}
label[for=principal_search] {
padding-left: 0;
}
} }
}
.pagination .items { .pagination .items {
margin-left: 0; margin-left: 0;
} }
} }
#tab-content-members, #tab-content-members,
#tab-content-users { #tab-content-users {
#principals { #principals {
max-height: 400px; max-height: 400px;
overflow: auto; overflow: auto;
} }
} }
#tab-content-memberships .splitcontentright select { #tab-content-memberships .splitcontentright select {
width: 100%; width: 100%;
} }
#principals_for_new_member { #principals_for_new_member {
.pagination { .pagination {
float: none; float: none;
} }
} }

636
src/sass/components/_top.scss
View File

@@ -3,131 +3,131 @@
// -------------------------------------------------- // --------------------------------------------------
#top-menu { #top-menu {
position: relative; position: relative;
padding: $padding-small-vertical $padding-side; padding: $padding-small-vertical $padding-side;
background: $top-menu-bg; background: $top-menu-bg;
color: $top-menu-text; color: $top-menu-text;
font-size: $font-size-small; font-size: $font-size-small;
@extend %clearfix; @extend %clearfix;
@if $top-menu-collapse { @if $top-menu-collapse {
$toggler-position-v: $padding-small-vertical + 1px; $toggler-position-v: $padding-small-vertical + 1px;
$toggler-position-h: 1px; $toggler-position-h: 1px;
max-height: floor($font-size-base * $font-size-small-unitless * $line-height-base) + $padding-small-vertical; max-height: floor($font-size-base * $font-size-small-unitless * $line-height-base) + $padding-small-vertical;
padding-bottom: 0; padding-bottom: 0;
overflow: hidden; overflow: hidden;
&.expanded { &.expanded {
max-height: none; 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;
}
li {
display: inline;
margin: 0 .5em 0 0;
padding: 0;
list-style-type: none;
} }
a { a {
color: $top-menu-link; display: inline-block;
font-weight: $font-weight-bold; margin-bottom: $padding-small-vertical;
white-space: nowrap;
}
&:hover { .top-menu-toggler {
color: $top-menu-link-hover; display: block;
text-decoration: none; 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;
}
#loggedas { @if $use-font-awesome {
margin-left: 1em; @extend %fa-icon;
float: right; 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;
}
li {
display: inline;
margin: 0 .5em 0 0;
padding: 0;
list-style-type: none;
}
a {
color: $top-menu-link;
font-weight: $font-weight-bold;
&:hover {
color: $top-menu-link-hover;
text-decoration: none;
}
}
#loggedas {
margin-left: 1em;
float: right;
}
} }
#account { #account {
float: right; float: right;
> ul > li { > ul > li {
margin-right: 0; margin-right: 0;
margin-left: .5em; margin-left: .5em;
} }
} }
@@ -136,243 +136,243 @@
// -------------------------------------------------- // --------------------------------------------------
#header { #header {
position: relative; position: relative;
background-color: $header-bg; background-color: $header-bg;
color: $header-text; color: $header-text;
@extend %clearfix; @extend %clearfix;
> h1 { > h1 {
padding: $header-padding-vertical $header-padding-horizontal; padding: $header-padding-vertical $header-padding-horizontal;
@if $use-logo { @if $use-logo {
padding-left: $logo-image-width + $logo-position-horizontal + $logo-space; padding-left: $logo-image-width + $logo-position-horizontal + $logo-space;
background-image: url("../images/logo/logo.png"); background-image: url("../images/logo/logo.png");
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: $logo-position-horizontal $logo-position-vertical; background-position: $logo-position-horizontal $logo-position-vertical;
@if $use-retina-logo { @if $use-retina-logo {
@include img-retina("../images/logo/logo@2x.png", $logo-image-width, $logo-image-height); @include img-retina("../images/logo/logo@2x.png", $logo-image-width, $logo-image-height);
} }
}
.root {
color: $header-root;
font-weight: 500;
}
.ancestor {
font-weight: 500;
}
.root,
.ancestor {
display: inline-block;
}
.current-project {
display: inline-block;
}
} }
a { .root {
color: $header-link; color: $header-root;
font-weight: 500;
} }
.ancestor {
font-weight: 500;
}
.root,
.ancestor {
display: inline-block;
}
.current-project {
display: inline-block;
}
}
a {
color: $header-link;
}
} }
#quick-search { #quick-search {
margin-top: floor(($header-title-line-height + $header-padding-vertical * 2 - $input-height-base) / 2) - 1px; margin-top: floor(($header-title-line-height + $header-padding-vertical * 2 - $input-height-base) / 2) - 1px;
margin-right: $header-padding-horizontal; margin-right: $header-padding-horizontal;
float: right; float: right;
color: $header-text; color: $header-text;
label { label {
font-weight: 500; font-weight: 500;
}
form {
display: inline;
}
input,
select {
margin-left: 5px;
border-color: darken($header-bg, 15%);
background: darken($header-bg, 10%);
color: $header-root;
@include transition(color ease-in-out .1s, background-color ease-in-out .1s, border-color ease-in-out .1s);
&:focus {
border-color: darken($header-bg, 35%);
background-color: $input-bg;
color: $input-color;
box-shadow: inset 0 1px 3px rgba(0, 0, 0, .3);
} }
}
form { option {
display: inline; background-color: $input-bg;
color: $input-color;
&[disabled] {
color: $gray-lighter;
} }
}
input, input {
select { width: 200px;
margin-left: 5px; }
border-color: darken($header-bg, 15%);
background: darken($header-bg, 10%);
color: $header-root;
@include transition(color ease-in-out .1s, background-color ease-in-out .1s, border-color ease-in-out .1s);
&:focus {
border-color: darken($header-bg, 35%);
background-color: $input-bg;
color: $input-color;
box-shadow: inset 0 1px 3px rgba(0, 0, 0, .3);
}
}
option {
background-color: $input-bg;
color: $input-color;
&[disabled] {
color: $gray-lighter;
}
}
input {
width: 200px;
}
} }
#main-menu { #main-menu {
clear: both; clear: both;
background-color: $main-menu-bg; background-color: $main-menu-bg;
color: $text-color; color: $text-color;
box-shadow: inset 0 -1px $main-menu-border; box-shadow: inset 0 -1px $main-menu-border;
&.tabs { &.tabs {
margin-bottom: 0; margin-bottom: 0;
overflow: inherit; overflow: inherit;
> ul {
height: auto;
> li {
> a {
border: 0 none;
border-radius: 0;
background: transparent;
}
}
}
}
> ul { > ul {
margin: 0; height: auto;
padding: 0 ($padding-side - $main-menu-padding-horizontal);
color: $main-menu-link;
list-style: none;
@extend %clearfix;
> li { > li {
position: relative; > a {
margin-right: .5em; border: 0 none;
float: left; border-radius: 0;
background: transparent;
&:hover {
> .new-object {
border-bottom: 1px solid $main-menu-dropdown-bg;
z-index: 100;
}
> .menu-children {
display: block;
}
}
> a {
display: block;
padding: $main-menu-padding-vertical $main-menu-padding-horizontal;
color: $main-menu-link;
line-height: $line-height-computed;
white-space: nowrap;
@include transition(box-shadow .15s);
@media screen and (min-width: $screen-lg-min) {
padding-right: $main-menu-padding-horizontal * 2;
padding-left: $main-menu-padding-horizontal * 2;
}
&:hover,
&:focus {
outline: 0 none;
text-decoration: none;
box-shadow: inset 0 (-$main-menu-shadow-width) 0 $main-menu-shadow-hover;
}
&.selected {
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: $font-weight-bold;
box-shadow: none;
}
&.new-object {
position: relative;
min-width: 1.1em;
padding-bottom: $main-menu-padding-vertical - 1px;
border: 1px solid $main-menu-border;
border-width: 0 1px;
background-color: $main-menu-dropdown-bg;
color: $icon-success-color;
font-size: 2em;
font-weight: bold;
text-align: center;
&:hover,
&:focus {
box-shadow: none;
}
}
}
} }
}
}
}
> ul {
margin: 0;
padding: 0 ($padding-side - $main-menu-padding-horizontal);
color: $main-menu-link;
list-style: none;
@extend %clearfix;
> li {
position: relative;
margin-right: .5em;
float: left;
&:hover {
> .new-object {
border-bottom: 1px solid $main-menu-dropdown-bg;
z-index: 100;
}
> .menu-children {
display: block;
}
}
> a {
display: block;
padding: $main-menu-padding-vertical $main-menu-padding-horizontal;
color: $main-menu-link;
line-height: $line-height-computed;
white-space: nowrap;
@include transition(box-shadow .15s);
@media screen and (min-width: $screen-lg-min) {
padding-right: $main-menu-padding-horizontal * 2;
padding-left: $main-menu-padding-horizontal * 2;
}
&:hover,
&:focus {
outline: 0 none;
text-decoration: none;
box-shadow: inset 0 (-$main-menu-shadow-width) 0 $main-menu-shadow-hover;
}
&.selected {
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: $font-weight-bold;
box-shadow: none;
}
&.new-object {
position: relative;
min-width: 1.1em;
padding-bottom: $main-menu-padding-vertical - 1px;
border: 1px solid $main-menu-border;
border-width: 0 1px;
background-color: $main-menu-dropdown-bg;
color: $icon-success-color;
font-size: 2em;
font-weight: bold;
text-align: center;
&:hover,
&:focus {
box-shadow: none;
}
}
}
}
}
a {
color: $main-menu-link;
}
.menu-children {
display: none;
position: absolute;
min-width: 130px;
margin: 0 1px;
padding: 0;
border-radius: 0 0 $border-radius-base $border-radius-base;
background: $main-menu-dropdown-bg;
list-style: none;
overflow: hidden;
z-index: 1001;
@include nice-shadow(2);
&.visible {
display: block;
} }
a { a {
color: $main-menu-link; display: block;
padding: $tab-padding-vertical ($tab-padding-horizontal * 2);
border-top: 1px solid $main-menu-border;
color: $main-menu-link;
&:hover,
&:focus {
outline: 0 none;
background-color: $component-active-bg;
color: $component-active-color;
text-decoration: none;
}
} }
.menu-children { > li:first-child > a {
display: none; border: 0 none;
position: absolute;
min-width: 130px;
margin: 0 1px;
padding: 0;
border-radius: 0 0 $border-radius-base $border-radius-base;
background: $main-menu-dropdown-bg;
list-style: none;
overflow: hidden;
z-index: 1001;
@include nice-shadow(2);
&.visible {
display: block;
}
a {
display: block;
padding: $tab-padding-vertical ($tab-padding-horizontal * 2);
border-top: 1px solid $main-menu-border;
color: $main-menu-link;
&:hover,
&:focus {
outline: 0 none;
background-color: $component-active-bg;
color: $component-active-color;
text-decoration: none;
}
}
> li:first-child > a {
border: 0 none;
}
} }
}
.tabs-buttons { .tabs-buttons {
// scss-lint:disable ImportantRule // scss-lint:disable ImportantRule
display: none !important; display: none !important;
padding-left: 0; padding-left: 0;
background-color: $main-menu-bg; background-color: $main-menu-bg;
> button { > button {
height: $main-menu-padding-vertical * 2 + $line-height-computed - 1px; height: $main-menu-padding-vertical * 2 + $line-height-computed - 1px;
background-color: $main-menu-bg; background-color: $main-menu-bg;
}
} }
}
ul + .tabs-buttons { ul + .tabs-buttons {
// scss-lint:disable ImportantRule // scss-lint:disable ImportantRule
display: block !important; display: block !important;
} }
} }

688
src/sass/components/_wiki.scss
View File

@@ -1,317 +1,317 @@
.wiki.wiki-page { .wiki.wiki-page {
margin-bottom: $line-height-computed; margin-bottom: $line-height-computed;
font-size: $wiki-font-size; font-size: $wiki-font-size;
@if $wiki-page-more-vertical-space { @if $wiki-page-more-vertical-space {
// Anchors will make headers more separated, // Anchors will make headers more separated,
// and it will look better when you open page with hash in URL // and it will look better when you open page with hash in URL
a[name]:empty { a[name]:empty {
display: block; display: block;
overflow: hidden; overflow: hidden;
}
// Add some space between list items
ul,
ol {
li {
margin-top: .25em;
}
ul,
ol {
margin-top: .25em;
margin-bottom: .25em;
li {
margin-top: .125em;
}
}
}
} }
// Add some space between list items
ul,
ol {
li {
margin-top: .25em;
}
ul,
ol {
margin-top: .25em;
margin-bottom: .25em;
li {
margin-top: .125em;
}
}
}
}
} }
.controller-wiki .wiki > .preview { .controller-wiki .wiki > .preview {
font-size: $wiki-font-size; font-size: $wiki-font-size;
} }
div.wiki { div.wiki {
color: $wiki-text; color: $wiki-text;
line-height: $wiki-line-height; line-height: $wiki-line-height;
//scss-lint:disable SingleLinePerSelector //scss-lint:disable SingleLinePerSelector
h1, .h1, h1, .h1,
h2, .h2, h2, .h2,
h3, .h3, h3, .h3,
h4, .h4, h4, .h4,
h5, .h5, h5, .h5,
h6, .h6 { h6, .h6 {
margin-top: 1em; margin-top: 1em;
margin-bottom: $wiki-font-size; margin-bottom: $wiki-font-size;
font-weight: $headings-font-weight; font-weight: $headings-font-weight;
line-height: $headings-line-height; line-height: $headings-line-height;
}
h1, .h1 {
padding-bottom: .3em;
border-bottom: 1px solid $gray-lighter;
font-size: $font-size-h1;
line-height: 1.2;
}
h2, .h2 {
padding-bottom: .3em;
border-bottom: 1px solid $gray-lighter;
font-size: $font-size-h2;
line-height: 1.225;
}
h3, .h3 {
font-size: $font-size-h3;
line-height: 1.43;
}
h4, .h4 {
font-size: $font-size-h4;
}
h5, .h5 {
font-size: $font-size-h5;
}
h6, .h6 {
color: $gray;
font-size: $font-size-h6;
}
.text-normal {
font-weight: normal;
}
> a:first-child {
+ h1,
+ h2,
+ h3,
+ h4,
+ h5,
+ h6 {
margin-top: 0;
} }
}
h1, .h1 { > a:target {
padding-bottom: .3em; + h2,
border-bottom: 1px solid $gray-lighter; + h3,
font-size: $font-size-h1; + h4,
line-height: 1.2; + h5,
} + h6 {
&::before {
h2, .h2 { display: inline-block;
padding-bottom: .3em; width: .7em;
border-bottom: 1px solid $gray-lighter; margin-left: -.7em;
font-size: $font-size-h2; color: $headings-anchor-color-active;
line-height: 1.225;
}
h3, .h3 {
font-size: $font-size-h3;
line-height: 1.43;
}
h4, .h4 {
font-size: $font-size-h4;
}
h5, .h5 {
font-size: $font-size-h5;
}
h6, .h6 {
color: $gray;
font-size: $font-size-h6;
}
.text-normal {
font-weight: normal; font-weight: normal;
content: "#";
}
} }
}
> a:first-child { >:last-child {
+ h1, margin-bottom: 0;
+ h2, }
+ h3,
+ h4,
+ h5,
+ h6 {
margin-top: 0;
}
}
> a:target { blockquote {
+ h2, >:first-child {
+ h3, margin-top: 0;
+ h4,
+ h5,
+ h6 {
&::before {
display: inline-block;
width: .7em;
margin-left: -.7em;
color: $headings-anchor-color-active;
font-weight: normal;
content: "#";
}
}
} }
>:last-child { >:last-child {
margin-bottom: 0; margin-bottom: 0;
}
blockquote {
>:first-child {
margin-top: 0;
}
>:last-child {
margin-bottom: 0;
}
}
.contextual {
a {
opacity: .4;
&:hover {
opacity: 1;
}
}
} }
}
.contextual {
a { a {
// scss-lint:disable DuplicateProperty opacity: .4;
word-break: break-all;
word-break: break-word;
}
p, &:hover {
ul, opacity: 1;
ol { }
margin-bottom: 1em;
} }
}
a {
// scss-lint:disable DuplicateProperty
word-break: break-all;
word-break: break-word;
}
p,
ul,
ol {
margin-bottom: 1em;
}
ul,
ol {
padding-left: 1.5em;
ul, ul,
ol { ol {
padding-left: 1.5em; margin-bottom: 0;
ul,
ol {
margin-bottom: 0;
}
} }
}
li > p { li > p {
margin-top: ($line-height-computed / 2); margin-top: ($line-height-computed / 2);
} }
table { table {
// scss-lint:disable DuplicateProperty // scss-lint:disable DuplicateProperty
display: block; display: block;
width: 100%; width: 100%;
margin-bottom: $line-height-computed; margin-bottom: $line-height-computed;
overflow: auto; overflow: auto;
word-break: normal; word-break: normal;
word-break: keep-all; word-break: keep-all;
} }
tr:nth-child(2n) { tr:nth-child(2n) {
background-color: $table-bg-accent; background-color: $table-bg-accent;
} }
td,
th {
padding: $table-cell-padding;
border: 1px solid $table-border-color;
}
.noborder {
border: 0 none;
td, td,
th { th {
padding: $table-cell-padding; border: 0 none;
border: 1px solid $table-border-color;
} }
}
.noborder { a.new {
border: 0 none; color: $brand-danger;
}
td, code {
th { padding: .2em .33em;
border: 0 none; border-radius: $border-radius-base;
} background-color: rgba(#000, .04);
} font-size: $font-size-small;
}
a.new { pre {
color: $brand-danger; 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: rgba(#000, .03);
overflow-x: auto;
overflow-y: hidden;
font-size: $font-size-small;
code { code {
padding: .2em .33em; padding: 0;
border-radius: $border-radius-base; border-radius: 0;
background-color: rgba(#000, .04); background-color: transparent;
font-size: $font-size-small; font-size: 1em;
}
}
img {
max-width: 100%;
vertical-align: middle;
}
.toc {
margin-bottom: $line-height-computed;
margin-left: 0;
padding: 0;
list-style-type: none;
&.right,
&.left {
max-width: 45%;
padding: 8px;
border: 1px solid $highlight-border;
border-radius: $border-radius-base;
background-color: $highlight-bg;
font-size: $font-size-small;
box-shadow: $panel-shadow;
a {
color: $highlight-text;
font-weight: normal;
text-decoration: none;
&:hover {
color: darken($highlight-text, 10%);
text-decoration: underline;
}
}
} }
pre { &.right {
width: auto; margin-right: 0;
margin-bottom: 1.15em; margin-left: $line-height-computed;
padding: 4px 8px; float: right;
border: 1px solid #e7e7e7;
border-radius: $border-radius-base;
border-color: rgba(#000, .068);
background-color: rgba(#000, .03);
overflow-x: auto;
overflow-y: hidden;
font-size: $font-size-small;
code {
padding: 0;
border-radius: 0;
background-color: transparent;
font-size: 1em;
}
} }
img { &.left {
max-width: 100%; margin-right: $line-height-computed;
vertical-align: middle; margin-left: 0;
float: left;
} }
.toc { ul {
margin-bottom: $line-height-computed; margin: 0;
margin-left: 0; padding: 0;
padding: 0; font-size: $font-size-small;
list-style-type: none;
&.right, ul {
&.left { font-size: 1em;
max-width: 45%; }
padding: 8px; }
border: 1px solid $highlight-border;
border-radius: $border-radius-base;
background-color: $highlight-bg;
font-size: $font-size-small;
box-shadow: $panel-shadow;
a { li {
color: $highlight-text; // scss-lint:disable SelectorDepth
font-weight: normal; margin: 0;
text-decoration: none;
&:hover { li {
color: darken($highlight-text, 10%); list-style-type: disc;
text-decoration: underline; margin-left: 1.5em;
}
}
}
&.right {
margin-right: 0;
margin-left: $line-height-computed;
float: right;
}
&.left {
margin-right: $line-height-computed;
margin-left: 0;
float: left;
}
ul {
margin: 0;
padding: 0;
font-size: $font-size-small;
ul {
font-size: 1em;
}
}
li { li {
// scss-lint:disable SelectorDepth list-style-type: circle;
margin: 0;
li { li {
list-style-type: disc; list-style-type: square;
margin-left: 1.5em; }
li {
list-style-type: circle;
li {
list-style-type: square;
}
}
}
} }
}
} }
}
.toc-active-prev + .toc { .toc-active-prev + .toc {
padding-left: $padding-large-horizontal; padding-left: $padding-large-horizontal;
border-left: 4px solid $toc-active-border; border-left: 4px solid $toc-active-border;
a { a {
color: $toc-active-link; color: $toc-active-link;
&:focus, &:focus,
&:hover { &:hover {
color: $toc-active-link-hover; color: $toc-active-link-hover;
} }
}
} }
}
} }
h1, h1,
@@ -320,72 +320,72 @@ h3,
h4, h4,
h5, h5,
h6 { h6 {
.wiki-anchor {
// scss-lint:disable ImportantRule
display: none;
position: relative;
top: -(1em - $font-size-small);
margin-left: 5px;
color: $headings-anchor-color !important;
font-size: $font-size-small;
text-decoration: none !important;
}
&:hover {
.wiki-anchor { .wiki-anchor {
// scss-lint:disable ImportantRule display: inline;
display: none;
position: relative;
top: -(1em - $font-size-small);
margin-left: 5px;
color: $headings-anchor-color !important;
font-size: $font-size-small;
text-decoration: none !important;
} }
}
&:hover { img {
.wiki-anchor { display: inline-block;
display: inline; max-width: 100%;
} vertical-align: middle;
} }
img {
display: inline-block;
max-width: 100%;
vertical-align: middle;
}
} }
p.footnote { p.footnote {
margin-bottom: 5px; margin-bottom: 5px;
&::before { &::before {
display: block; display: block;
width: 300px; width: 300px;
margin-top: $line-height-computed; margin-top: $line-height-computed;
padding-top: $line-height-computed / 2; padding-top: $line-height-computed / 2;
border-top: 1px solid $gray-lighter; border-top: 1px solid $gray-lighter;
content: ""; content: "";
} }
+ p.footnote::before { + p.footnote::before {
display: none; display: none;
} }
} }
.preview { .preview {
margin-top: $line-height-computed; margin-top: $line-height-computed;
padding: $padding-wiki; padding: $padding-wiki;
background-color: #fffbe5; background-color: #fffbe5;
background-image: url("../images/draft.png"); background-image: url("../images/draft.png");
background-position: center center; background-position: center center;
html[lang="pl"] & { html[lang="pl"] & {
background-image: url("../images/draft-pl.png"); background-image: url("../images/draft-pl.png");
} }
} }
#wiki_add_attachment { #wiki_add_attachment {
padding-top: $line-height-computed;
border-top: 1px solid $gray-lighter;
> p {
margin-bottom: 0;
float: left;
}
#add_attachment_form {
padding-top: $line-height-computed; padding-top: $line-height-computed;
border-top: 1px solid $gray-lighter; clear: left;
}
> p {
margin-bottom: 0;
float: left;
}
#add_attachment_form {
padding-top: $line-height-computed;
clear: left;
}
} }
@@ -398,34 +398,34 @@ p.footnote {
// see: http://getbootstrap.com/components/#pagination-pager // see: http://getbootstrap.com/components/#pagination-pager
.wiki-pager { .wiki-pager {
> a { > a {
display: inline-block; display: inline-block;
padding: $padding-base-vertical $padding-base-horizontal; padding: $padding-base-vertical $padding-base-horizontal;
border: 1px solid $btn-default-border; border: 1px solid $btn-default-border;
border-radius: ceil($font-size-base + ($padding-base-vertical + 1px) * 2) / 2; border-radius: ceil($font-size-base + ($padding-base-vertical + 1px) * 2) / 2;
background-color: $body-bg; background-color: $body-bg;
line-height: 1; line-height: 1;
white-space: nowrap; white-space: nowrap;
&:hover, &:hover,
&:focus, &:focus,
&:active { &:active {
background-color: $btn-default-bg; background-color: $btn-default-bg;
text-decoration: none; text-decoration: none;
} }
}
&.wiki-pager--aligned {
overflow: hidden;
> a:first-child {
float: left;
} }
&.wiki-pager--aligned { > a:last-child {
overflow: hidden; float: right;
> a:first-child {
float: left;
}
> a:last-child {
float: right;
}
} }
}
} }
@@ -436,14 +436,14 @@ p.footnote {
// see: http://getbootstrap.com/css/#lead-body-copy // see: http://getbootstrap.com/css/#lead-body-copy
.lead { .lead {
margin-bottom: $line-height-computed; margin-bottom: $line-height-computed;
font-size: floor(($font-size-base * 1.15)); font-size: floor(($font-size-base * 1.15));
font-weight: 300; font-weight: 300;
line-height: 1.4; line-height: 1.4;
@media (min-width: $screen-sm-min) { @media (min-width: $screen-sm-min) {
font-size: ($font-size-base * 1.5); font-size: ($font-size-base * 1.5);
} }
} }
@@ -482,11 +482,11 @@ p.footnote {
.bg-danger { background-color: $state-danger; } .bg-danger { background-color: $state-danger; }
p { p {
&.bg-primary, &.bg-primary,
&.bg-success, &.bg-success,
&.bg-info, &.bg-info,
&.bg-warning, &.bg-warning,
&.bg-danger { &.bg-danger {
padding: $panel-body-padding; padding: $panel-body-padding;
} }
} }

26
src/sass/lib/font-awesome/_mixins.scss vendored
View File

@@ -3,23 +3,23 @@
// -------------------------- // --------------------------
@mixin fa-icon() { @mixin fa-icon() {
display: inline-block; display: inline-block;
font: normal normal normal 14px/1 FontAwesome; // shortening font declaration font: normal normal normal 14px/1 FontAwesome; // shortening font declaration
text-rendering: auto; // optimizelegibility throws things off #1094 text-rendering: auto; // optimizelegibility throws things off #1094
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
} }
@mixin fa-icon-rotate($degrees, $rotation) { @mixin fa-icon-rotate($degrees, $rotation) {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation}); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation});
-webkit-transform: rotate($degrees); -webkit-transform: rotate($degrees);
-ms-transform: rotate($degrees); -ms-transform: rotate($degrees);
transform: rotate($degrees); transform: rotate($degrees);
} }
@mixin fa-icon-flip($horiz, $vert, $rotation) { @mixin fa-icon-flip($horiz, $vert, $rotation) {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation}); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation});
-webkit-transform: scale($horiz, $vert); -webkit-transform: scale($horiz, $vert);
-ms-transform: scale($horiz, $vert); -ms-transform: scale($horiz, $vert);
transform: scale($horiz, $vert); transform: scale($horiz, $vert);
} }

16
src/sass/lib/font-awesome/_path.scss vendored
View File

@@ -2,12 +2,12 @@
* -------------------------- */ * -------------------------- */
@font-face { @font-face {
font-family: "FontAwesome"; font-family: "FontAwesome";
src: url("#{$fa-font-path}/fontawesome-webfont.eot?v=#{$fa-version}"); src: url("#{$fa-font-path}/fontawesome-webfont.eot?v=#{$fa-version}");
src: url("#{$fa-font-path}/fontawesome-webfont.eot?#iefix&v=#{$fa-version}") format("embedded-opentype"), src: url("#{$fa-font-path}/fontawesome-webfont.eot?#iefix&v=#{$fa-version}") format("embedded-opentype"),
url("#{$fa-font-path}/fontawesome-webfont.woff?v=#{$fa-version}") format("woff"), url("#{$fa-font-path}/fontawesome-webfont.woff?v=#{$fa-version}") format("woff"),
url("#{$fa-font-path}/fontawesome-webfont.ttf?v=#{$fa-version}") format("truetype"), url("#{$fa-font-path}/fontawesome-webfont.ttf?v=#{$fa-version}") format("truetype"),
url("#{$fa-font-path}/fontawesome-webfont.svg?v=#{$fa-version}#fontawesomeregular") format("svg"); url("#{$fa-font-path}/fontawesome-webfont.svg?v=#{$fa-version}#fontawesomeregular") format("svg");
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
} }

92
src/sass/mixins/_buttons.scss
View File

@@ -1,58 +1,58 @@
// Button sizes // Button sizes
@mixin button-size($padding-vertical, $padding-horizontal, $font-size, $line-height, $border-radius) { @mixin button-size($padding-vertical, $padding-horizontal, $font-size, $line-height, $border-radius) {
padding: $padding-vertical $padding-horizontal; padding: $padding-vertical $padding-horizontal;
font-size: $font-size; font-size: $font-size;
line-height: $line-height; line-height: $line-height;
border-radius: $border-radius; border-radius: $border-radius;
} }
@mixin button-variant($color, $bg, $border) { @mixin button-variant($color, $bg, $border) {
$correction: 1; $correction: 1;
@if hue($bg) > 120 and hue($bg) < 160 or lightness($bg) > 90 { @if hue($bg) > 120 and hue($bg) < 160 or lightness($bg) > 90 {
$correction: .5; $correction: .5;
} }
$normal-shadow: darken($border, 12% * $correction); $normal-shadow: darken($border, 12% * $correction);
$focus-bg: darken($bg, 12% * $correction); $focus-bg: darken($bg, 12% * $correction);
$focus-border: darken($border, 12% * $correction); $focus-border: darken($border, 12% * $correction);
$focus-shadow: darken($focus-border, 12% * $correction); $focus-shadow: darken($focus-border, 12% * $correction);
$active-bg: darken($bg, 12% * $correction); $active-bg: darken($bg, 12% * $correction);
$active-border: darken($border, 15% * $correction); $active-border: darken($border, 15% * $correction);
$active-shadow: inset 0 3px 4px -2px $active-border; $active-shadow: inset 0 3px 4px -2px $active-border;
@if lightness($bg) > 98 { @if lightness($bg) > 98 {
$focus-bg: darken($bg, 5%); $focus-bg: darken($bg, 5%);
$focus-border: darken($border, 5%); $focus-border: darken($border, 5%);
$normal-shadow: none; $normal-shadow: none;
$focus-shadow: none; $focus-shadow: none;
} }
background-color: $bg; 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 {
background-color: $focus-bg;
color: $color; color: $color;
@if $normal-shadow == "none" { @if $focus-shadow == "none" {
border-color: $border; border-color: $focus-border;
box-shadow: none; box-shadow: none;
} @else { } @else {
border-color: $border $border $normal-shadow; border-color: $focus-border $focus-border $focus-shadow;
box-shadow: 0 1px 0 $normal-shadow; box-shadow: 0 1px 0 $focus-shadow;
} }
}
&:hover, &:active {
&:focus { border-color: $active-border;
background-color: $focus-bg; background-color: $active-bg;
color: $color; box-shadow: $active-shadow;
@if $focus-shadow == "none" { @include translate(0, 1px);
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: $active-border;
background-color: $active-bg;
box-shadow: $active-shadow;
@include translate(0, 1px);
}
} }

6
src/sass/mixins/_center-block.scss
View File

@@ -1,7 +1,7 @@
// Center-align a block level element // Center-align a block level element
@mixin center-block() { @mixin center-block() {
display: block; display: block;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
} }

26
src/sass/mixins/_clearfix.scss
View File

@@ -11,24 +11,24 @@
// Source: http://nicolasgallagher.com/micro-clearfix-hack/ // Source: http://nicolasgallagher.com/micro-clearfix-hack/
@mixin clearfix() { @mixin clearfix() {
&::before, &::before,
&::after { &::after {
display: table; // 1 display: table; // 1
content: " "; // 2 content: " "; // 2
} }
&::after { &::after {
clear: both; clear: both;
} }
} }
// Lighter (for output CSS) cleafix with placeholder // Lighter (for output CSS) cleafix with placeholder
%clearfix { %clearfix {
&::after { &::after {
display: table; display: table;
clear: both; clear: both;
content: ""; content: "";
} }
} }

54
src/sass/mixins/_forms.scss
View File

@@ -1,43 +1,43 @@
// Form control focus state // Form control focus state
// //
@mixin form-control-focus($color: $input-border-focus) { @mixin form-control-focus($color: $input-border-focus) {
&:focus { &:focus {
border-color: $color; border-color: $color;
outline: 0; outline: 0;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075), 0 0 5px rgba($color, .5); box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075), 0 0 5px rgba($color, .5);
} }
} }
// Form control sizing // Form control sizing
// //
@mixin input-size($parent, $input-height, $padding-vertical, $padding-horizontal, $font-size, $line-height, $border-radius) { @mixin input-size($parent, $input-height, $padding-vertical, $padding-horizontal, $font-size, $line-height, $border-radius) {
#{$parent} { #{$parent} {
height: $input-height; height: $input-height;
padding: $padding-vertical $padding-horizontal; padding: $padding-vertical $padding-horizontal;
border-radius: $border-radius; border-radius: $border-radius;
font-size: $font-size; font-size: $font-size;
line-height: $line-height; line-height: $line-height;
} }
select#{$parent} { select#{$parent} {
height: $input-height; height: $input-height;
line-height: $input-height; line-height: $input-height;
} }
textarea#{$parent}, textarea#{$parent},
select[multiple]#{$parent} { select[multiple]#{$parent} {
height: auto; height: auto;
} }
} }
@mixin checkbox() { @mixin checkbox() {
padding-left: 20px; padding-left: 20px;
@include user-select(none); @include user-select(none);
@extend %clearfix; @extend %clearfix;
input[type="checkbox"] { input[type="checkbox"] {
margin-left: -20px; margin-left: -20px;
float: left; float: left;
} }
} }

60
src/sass/mixins/_gradients.scss
View File

@@ -7,11 +7,11 @@
// Creates two color stops, start and end, by specifying a color and position for each color stop. // Creates two color stops, start and end, by specifying a color and position for each color stop.
// Color stops are not available in IE9 and below. // Color stops are not available in IE9 and below.
@mixin gradient-horizontal($start-color: #555, $end-color: #333, $start-percent: 0%, $end-percent: 100%) { @mixin gradient-horizontal($start-color: #555, $end-color: #333, $start-percent: 0%, $end-percent: 100%) {
background-image: -webkit-linear-gradient(left, $start-color $start-percent, $end-color $end-percent); // Safari 5.1-6, Chrome 10+ background-image: -webkit-linear-gradient(left, $start-color $start-percent, $end-color $end-percent); // Safari 5.1-6, Chrome 10+
background-image: -o-linear-gradient(left, $start-color $start-percent, $end-color $end-percent); // Opera 12 background-image: -o-linear-gradient(left, $start-color $start-percent, $end-color $end-percent); // Opera 12
background-image: linear-gradient(to right, $start-color $start-percent, $end-color $end-percent); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+ background-image: linear-gradient(to right, $start-color $start-percent, $end-color $end-percent); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+
background-repeat: repeat-x; background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($start-color)}', endColorstr='#{ie-hex-str($end-color)}', GradientType=1); // IE9 and down filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($start-color)}', endColorstr='#{ie-hex-str($end-color)}', GradientType=1); // IE9 and down
} }
// Vertical gradient, from top to bottom // Vertical gradient, from top to bottom
@@ -19,44 +19,44 @@
// Creates two color stops, start and end, by specifying a color and position for each color stop. // Creates two color stops, start and end, by specifying a color and position for each color stop.
// Color stops are not available in IE9 and below. // Color stops are not available in IE9 and below.
@mixin gradient-vertical($start-color: #555, $end-color: #333, $start-percent: 0%, $end-percent: 100%) { @mixin gradient-vertical($start-color: #555, $end-color: #333, $start-percent: 0%, $end-percent: 100%) {
background-image: -webkit-linear-gradient(top, $start-color $start-percent, $end-color $end-percent); // Safari 5.1-6, Chrome 10+ background-image: -webkit-linear-gradient(top, $start-color $start-percent, $end-color $end-percent); // Safari 5.1-6, Chrome 10+
background-image: -o-linear-gradient(top, $start-color $start-percent, $end-color $end-percent); // Opera 12 background-image: -o-linear-gradient(top, $start-color $start-percent, $end-color $end-percent); // Opera 12
background-image: linear-gradient(to bottom, $start-color $start-percent, $end-color $end-percent); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+ background-image: linear-gradient(to bottom, $start-color $start-percent, $end-color $end-percent); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+
background-repeat: repeat-x; background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($start-color)}', endColorstr='#{ie-hex-str($end-color)}', GradientType=0); // IE9 and down filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($start-color)}', endColorstr='#{ie-hex-str($end-color)}', GradientType=0); // IE9 and down
} }
@mixin gradient-directional($start-color: #555, $end-color: #333, $deg: 45deg) { @mixin gradient-directional($start-color: #555, $end-color: #333, $deg: 45deg) {
background-repeat: repeat-x; background-repeat: repeat-x;
background-image: -webkit-linear-gradient($deg, $start-color, $end-color); // Safari 5.1-6, Chrome 10+ background-image: -webkit-linear-gradient($deg, $start-color, $end-color); // Safari 5.1-6, Chrome 10+
background-image: -o-linear-gradient($deg, $start-color, $end-color); // Opera 12 background-image: -o-linear-gradient($deg, $start-color, $end-color); // Opera 12
background-image: linear-gradient($deg, $start-color, $end-color); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+ background-image: linear-gradient($deg, $start-color, $end-color); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+
} }
@mixin gradient-horizontal-three-colors($start-color: #00b3ee, $mid-color: #7a43b6, $color-stop: 50%, $end-color: #c3325f) { @mixin gradient-horizontal-three-colors($start-color: #00b3ee, $mid-color: #7a43b6, $color-stop: 50%, $end-color: #c3325f) {
background-image: -webkit-linear-gradient(left, $start-color, $mid-color $color-stop, $end-color); background-image: -webkit-linear-gradient(left, $start-color, $mid-color $color-stop, $end-color);
background-image: -o-linear-gradient(left, $start-color, $mid-color $color-stop, $end-color); background-image: -o-linear-gradient(left, $start-color, $mid-color $color-stop, $end-color);
background-image: linear-gradient(to right, $start-color, $mid-color $color-stop, $end-color); background-image: linear-gradient(to right, $start-color, $mid-color $color-stop, $end-color);
background-repeat: no-repeat; background-repeat: no-repeat;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($start-color)}', endColorstr='#{ie-hex-str($end-color)}', GradientType=1); // IE9 and down, gets no color-stop at all for proper fallback filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($start-color)}', endColorstr='#{ie-hex-str($end-color)}', GradientType=1); // IE9 and down, gets no color-stop at all for proper fallback
} }
@mixin gradient-vertical-three-colors($start-color: #00b3ee, $mid-color: #7a43b6, $color-stop: 50%, $end-color: #c3325f) { @mixin gradient-vertical-three-colors($start-color: #00b3ee, $mid-color: #7a43b6, $color-stop: 50%, $end-color: #c3325f) {
background-image: -webkit-linear-gradient($start-color, $mid-color $color-stop, $end-color); background-image: -webkit-linear-gradient($start-color, $mid-color $color-stop, $end-color);
background-image: -o-linear-gradient($start-color, $mid-color $color-stop, $end-color); background-image: -o-linear-gradient($start-color, $mid-color $color-stop, $end-color);
background-image: linear-gradient($start-color, $mid-color $color-stop, $end-color); background-image: linear-gradient($start-color, $mid-color $color-stop, $end-color);
background-repeat: no-repeat; background-repeat: no-repeat;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($start-color)}', endColorstr='#{ie-hex-str($end-color)}', GradientType=0); // IE9 and down, gets no color-stop at all for proper fallback filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($start-color)}', endColorstr='#{ie-hex-str($end-color)}', GradientType=0); // IE9 and down, gets no color-stop at all for proper fallback
} }
@mixin gradient-radial($inner-color: #555, $outer-color: #333) { @mixin gradient-radial($inner-color: #555, $outer-color: #333) {
background-image: -webkit-radial-gradient(circle, $inner-color, $outer-color); background-image: -webkit-radial-gradient(circle, $inner-color, $outer-color);
background-image: radial-gradient(circle, $inner-color, $outer-color); background-image: radial-gradient(circle, $inner-color, $outer-color);
background-repeat: no-repeat; background-repeat: no-repeat;
} }
@mixin gradient-striped($color: rgba(255, 255, 255, .15), $angle: 45deg) { @mixin gradient-striped($color: rgba(255, 255, 255, .15), $angle: 45deg) {
background-image: -webkit-linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent); background-image: -webkit-linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);
background-image: -o-linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent); background-image: -o-linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);
background-image: linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent); background-image: linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);
} }

20
src/sass/mixins/_image.scss
View File

@@ -2,14 +2,14 @@
// //
@mixin img-retina($file-2x, $width-1x, $height-1x) { @mixin img-retina($file-2x, $width-1x, $height-1x) {
@media @media
only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-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 (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi), only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) { only screen and (min-resolution: 2dppx) {
background-image: url("#{$file-2x}"); background-image: url("#{$file-2x}");
background-size: $width-1x $height-1x; background-size: $width-1x $height-1x;
} }
} }

316
src/sass/mixins/_issues.scss
View File

@@ -1,182 +1,182 @@
// Priority highlight // Priority highlight
@mixin priority($parent, $background, $color, $link) { @mixin priority($parent, $background, $color, $link) {
@if lightness($background) < 85% { @if lightness($background) < 85% {
$background: lighten($background, 6%); $background: lighten($background, 6%);
}
$border-color: darken(desaturate($background, 30%), 13.5%);
tr#{$parent} {
background: $background;
@if ".priority-default" == $parent {
color: $color;
} @else {
color: darken($color, 10%);
} }
$border-color: darken(desaturate($background, 30%), 13.5%); @if $table-list-color-odd-rows {
&.odd {
background: darken($background, $table-accent-factor * 100%);
}
}
tr#{$parent} { @if $table-list-color-even-rows {
&.even {
background: darken($background, $table-accent-factor * 100%);
}
}
td {
border-color: $border-color;
}
a {
color: $link;
&:hover {
color: darken($link, 10%);
}
}
}
@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;
@if ".priority-default" == $parent {
$border-color: $issue-border;
background: $issue-bg;
} @else {
background: $background; background: $background;
}
&,
hr {
border-color: $border-color;
}
a {
color: $link;
&:hover {
color: darken($link, 10%);
}
}
.next-prev-links {
color: mix($color, $gray-light, 25%);
}
> .description > .wiki {
border-top-color: $border-color;
}
.wiki {
a {
color: $link-color;
text-decoration: none;
&:hover,
&:focus {
color: $link-hover-color;
text-decoration: $link-hover-decoration;
}
&.new {
color: $brand-danger;
}
}
}
> .attachments {
border-top-color: lighten($border-color, 5%);
@if ".priority-default" == $parent { @if ".priority-default" == $parent {
color: $color; background-color: lighten($issue-bg, 1.5%);
} @else { } @else {
color: darken($color, 10%); background-color: lighten($background, 5%);
} }
@if $table-list-color-odd-rows { span.author {
&.odd { color: mix($color, $gray, 25%);
background: darken($background, $table-accent-factor * 100%);
}
} }
}
@if $table-list-color-even-rows { .list td {
&.even { border-bottom-color: $border-color;
background: darken($background, $table-accent-factor * 100%); }
}
}
td {
border-color: $border-color;
}
a {
color: $link;
&:hover {
color: darken($link, 10%);
}
}
}
@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;
@if ".priority-default" == $parent {
$border-color: $issue-border;
background: $issue-bg;
} @else {
background: $background;
}
&,
hr {
border-color: $border-color;
}
a {
color: $link;
&:hover {
color: darken($link, 10%);
}
}
.next-prev-links {
color: mix($color, $gray-light, 25%);
}
> .description > .wiki {
border-top-color: $border-color;
}
.wiki {
a {
color: $link-color;
text-decoration: none;
&:hover,
&:focus {
color: $link-hover-color;
text-decoration: $link-hover-decoration;
}
&.new {
color: $brand-danger;
}
}
}
> .attachments {
border-top-color: lighten($border-color, 5%);
@if ".priority-default" == $parent {
background-color: lighten($issue-bg, 1.5%);
} @else {
background-color: lighten($background, 5%);
}
span.author {
color: mix($color, $gray, 25%);
}
}
.list td {
border-bottom-color: $border-color;
}
}
} }
}
} }
// Tracker highlight // Tracker highlight
@mixin tracker($parent, $background, $color) { @mixin tracker($parent, $background, $color) {
tr#{$parent} .id > a, tr#{$parent} .id > a,
a#{$parent}, a#{$parent},
.relations > span > a#{$parent}, .relations > span > a#{$parent},
.parent > a#{$parent} { .parent > a#{$parent} {
background-color: $background; background-color: $background;
color: $color;
&:hover {
@if hue($background) > 15deg and hue($background) < 40deg {
background-color: darken(adjust-hue($background, -8deg), 8%);
} @else {
background-color: darken($background, 10%);
}
color: $color;
}
}
a#{$parent} {
&.closed {
color: mix($color, $background, 75%);
&::after {
border-top-color: rgba($color, .95);
}
&:hover::after {
border-top-color: rgba($color, .25);
}
}
}
tr#{$parent} .id > a {
&::before {
color: mix($color, $background, 50%);
}
}
@if $colored-issue {
.issue.details a#{$parent},
.issue.details .wiki a#{$parent} {
&,
&:hover {
color: $color; color: $color;
}
&:hover {
@if hue($background) > 15deg and hue($background) < 40deg {
background-color: darken(adjust-hue($background, -8deg), 8%);
} @else {
background-color: darken($background, 10%);
}
color: $color;
}
}
a#{$parent} {
&.closed {
color: mix($color, $background, 75%);
&::after {
border-top-color: rgba($color, .95);
}
&:hover::after {
border-top-color: rgba($color, .25);
}
}
}
tr#{$parent} .id > a {
&::before {
color: mix($color, $background, 50%);
}
}
@if $colored-issue {
.issue.details a#{$parent},
.issue.details .wiki a#{$parent} {
&,
&:hover {
color: $color;
}
}
} }
}
} }

10
src/sass/mixins/_link-variant.scss
View File

@@ -1,10 +1,10 @@
// Link variant // Link variant
@mixin link-variant($default-color, $hover-color: darken($default-color, 10%)) { @mixin link-variant($default-color, $hover-color: darken($default-color, 10%)) {
color: $default-color; color: $default-color;
&:focus, &:focus,
&:hover { &:hover {
color: $hover-color; color: $hover-color;
} }
} }

8
src/sass/mixins/_opacity.scss
View File

@@ -1,8 +1,8 @@
// Opacity // Opacity
@mixin opacity($opacity) { @mixin opacity($opacity) {
opacity: $opacity; opacity: $opacity;
// IE8 filter // IE8 filter
$opacity-ie: ($opacity * 100); $opacity-ie: ($opacity * 100);
filter: #{alpha(opacity=$opacity-ie)}; filter: #{alpha(opacity=$opacity-ie)};
} }

26
src/sass/mixins/_shadows.scss
View File

@@ -1,19 +1,19 @@
// Some really nice looking shadows // Some really nice looking shadows
@mixin nice-shadow($depth: 1) { @mixin nice-shadow($depth: 1) {
$shadow: none; $shadow: none;
@if ($depth == 1) { @if ($depth == 1) {
$shadow: 0 1px 3px rgba(#000, .12), 0 1px 2px rgba(#000, .24); $shadow: 0 1px 3px rgba(#000, .12), 0 1px 2px rgba(#000, .24);
} @elseif ($depth == 2) { } @elseif ($depth == 2) {
$shadow: 0 3px 6px rgba(#000, .16), 0 3px 6px rgba(#000, .23); $shadow: 0 3px 6px rgba(#000, .16), 0 3px 6px rgba(#000, .23);
} @elseif ($depth == 3) { } @elseif ($depth == 3) {
$shadow: 0 10px 18px rgba(#000, .19), 0 6px 8px rgba(#000, .23); $shadow: 0 10px 18px rgba(#000, .19), 0 6px 8px rgba(#000, .23);
} @elseif ($depth == 4) { } @elseif ($depth == 4) {
$shadow: 0 14px 28px rgba(#000, .25), 0 10px 10px rgba(#000, .22); $shadow: 0 14px 28px rgba(#000, .25), 0 10px 10px rgba(#000, .22);
} @elseif ($depth == 5) { } @elseif ($depth == 5) {
$shadow: 0 19px 38px rgba(#000, .3), 0 15px 12px rgba(#000, .22); $shadow: 0 19px 38px rgba(#000, .3), 0 15px 12px rgba(#000, .22);
} }
box-shadow: $shadow; box-shadow: $shadow;
} }

6
src/sass/mixins/_text-overflow.scss
View File

@@ -2,7 +2,7 @@
// Requires inline-block or block for proper styling // Requires inline-block or block for proper styling
@mixin text-overflow() { @mixin text-overflow() {
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
} }

210
src/sass/mixins/_vendor-prefixes.scss
View File

@@ -18,44 +18,44 @@
// Animations // Animations
@mixin animation($animation) { @mixin animation($animation) {
-webkit-animation: $animation; -webkit-animation: $animation;
-o-animation: $animation; -o-animation: $animation;
animation: $animation; animation: $animation;
} }
@mixin animation-name($name) { @mixin animation-name($name) {
-webkit-animation-name: $name; -webkit-animation-name: $name;
animation-name: $name; animation-name: $name;
} }
@mixin animation-duration($duration) { @mixin animation-duration($duration) {
-webkit-animation-duration: $duration; -webkit-animation-duration: $duration;
animation-duration: $duration; animation-duration: $duration;
} }
@mixin animation-timing-function($timing-function) { @mixin animation-timing-function($timing-function) {
-webkit-animation-timing-function: $timing-function; -webkit-animation-timing-function: $timing-function;
animation-timing-function: $timing-function; animation-timing-function: $timing-function;
} }
@mixin animation-delay($delay) { @mixin animation-delay($delay) {
-webkit-animation-delay: $delay; -webkit-animation-delay: $delay;
animation-delay: $delay; animation-delay: $delay;
} }
@mixin animation-iteration-count($iteration-count) { @mixin animation-iteration-count($iteration-count) {
-webkit-animation-iteration-count: $iteration-count; -webkit-animation-iteration-count: $iteration-count;
animation-iteration-count: $iteration-count; animation-iteration-count: $iteration-count;
} }
@mixin animation-direction($direction) { @mixin animation-direction($direction) {
-webkit-animation-direction: $direction; -webkit-animation-direction: $direction;
animation-direction: $direction; animation-direction: $direction;
} }
@mixin animation-fill-mode($fill-mode) { @mixin animation-fill-mode($fill-mode) {
-webkit-animation-fill-mode: $fill-mode; -webkit-animation-fill-mode: $fill-mode;
animation-fill-mode: $fill-mode; animation-fill-mode: $fill-mode;
} }
// Backface visibility // Backface visibility
@@ -63,165 +63,165 @@
// Default value is `visible`, but can be changed to `hidden` // Default value is `visible`, but can be changed to `hidden`
@mixin backface-visibility($visibility) { @mixin backface-visibility($visibility) {
-webkit-backface-visibility: $visibility; -webkit-backface-visibility: $visibility;
-moz-backface-visibility: $visibility; -moz-backface-visibility: $visibility;
backface-visibility: $visibility; backface-visibility: $visibility;
} }
// Box sizing // Box sizing
@mixin box-sizing($boxmodel) { @mixin box-sizing($boxmodel) {
-webkit-box-sizing: $boxmodel; -webkit-box-sizing: $boxmodel;
-moz-box-sizing: $boxmodel; -moz-box-sizing: $boxmodel;
box-sizing: $boxmodel; box-sizing: $boxmodel;
} }
// CSS3 Content Columns // CSS3 Content Columns
@mixin content-columns($column-count, $column-gap: $grid-gutter-width) { @mixin content-columns($column-count, $column-gap: $grid-gutter-width) {
-webkit-column-count: $column-count; -webkit-column-count: $column-count;
-moz-column-count: $column-count; -moz-column-count: $column-count;
column-count: $column-count; column-count: $column-count;
-webkit-column-gap: $column-gap; -webkit-column-gap: $column-gap;
-moz-column-gap: $column-gap; -moz-column-gap: $column-gap;
column-gap: $column-gap; column-gap: $column-gap;
} }
// Optional hyphenation // Optional hyphenation
@mixin hyphens($mode: auto) { @mixin hyphens($mode: auto) {
word-wrap: break-word; word-wrap: break-word;
-webkit-hyphens: $mode; -webkit-hyphens: $mode;
-moz-hyphens: $mode; -moz-hyphens: $mode;
-ms-hyphens: $mode; // IE10+ -ms-hyphens: $mode; // IE10+
-o-hyphens: $mode; -o-hyphens: $mode;
hyphens: $mode; hyphens: $mode;
} }
// Placeholder text // Placeholder text
@mixin placeholder($color: $input-color-placeholder) { @mixin placeholder($color: $input-color-placeholder) {
// Firefox // Firefox
&::-moz-placeholder { &::-moz-placeholder {
color: $color; color: $color;
opacity: 1; // See https://github.com/twbs/bootstrap/pull/11526 opacity: 1; // See https://github.com/twbs/bootstrap/pull/11526
} }
&:-ms-input-placeholder { color: $color; } // Internet Explorer 10+ &:-ms-input-placeholder { color: $color; } // Internet Explorer 10+
&::-webkit-input-placeholder { color: $color; } // Safari and Chrome &::-webkit-input-placeholder { color: $color; } // Safari and Chrome
} }
// Transformations // Transformations
@mixin scale($ratio...) { @mixin scale($ratio...) {
-webkit-transform: scale($ratio); -webkit-transform: scale($ratio);
-ms-transform: scale($ratio); // IE9 only -ms-transform: scale($ratio); // IE9 only
-o-transform: scale($ratio); -o-transform: scale($ratio);
transform: scale($ratio); transform: scale($ratio);
} }
@mixin scaleX($ratio) { @mixin scaleX($ratio) {
-webkit-transform: scaleX($ratio); -webkit-transform: scaleX($ratio);
-ms-transform: scaleX($ratio); // IE9 only -ms-transform: scaleX($ratio); // IE9 only
-o-transform: scaleX($ratio); -o-transform: scaleX($ratio);
transform: scaleX($ratio); transform: scaleX($ratio);
} }
@mixin scaleY($ratio) { @mixin scaleY($ratio) {
-webkit-transform: scaleY($ratio); -webkit-transform: scaleY($ratio);
-ms-transform: scaleY($ratio); // IE9 only -ms-transform: scaleY($ratio); // IE9 only
-o-transform: scaleY($ratio); -o-transform: scaleY($ratio);
transform: scaleY($ratio); transform: scaleY($ratio);
} }
@mixin skew($x, $y) { @mixin skew($x, $y) {
-webkit-transform: skewX($x) skewY($y); -webkit-transform: skewX($x) skewY($y);
-ms-transform: skewX($x) skewY($y); // See https://github.com/twbs/bootstrap/issues/4885; IE9+ -ms-transform: skewX($x) skewY($y); // See https://github.com/twbs/bootstrap/issues/4885; IE9+
-o-transform: skewX($x) skewY($y); -o-transform: skewX($x) skewY($y);
transform: skewX($x) skewY($y); transform: skewX($x) skewY($y);
} }
@mixin translate($x, $y) { @mixin translate($x, $y) {
-webkit-transform: translate($x, $y); -webkit-transform: translate($x, $y);
-ms-transform: translate($x, $y); // IE9 only -ms-transform: translate($x, $y); // IE9 only
-o-transform: translate($x, $y); -o-transform: translate($x, $y);
transform: translate($x, $y); transform: translate($x, $y);
} }
@mixin translate3d($x, $y, $z) { @mixin translate3d($x, $y, $z) {
-webkit-transform: translate3d($x, $y, $z); -webkit-transform: translate3d($x, $y, $z);
transform: translate3d($x, $y, $z); transform: translate3d($x, $y, $z);
} }
@mixin rotate($degrees) { @mixin rotate($degrees) {
-webkit-transform: rotate($degrees); -webkit-transform: rotate($degrees);
-ms-transform: rotate($degrees); // IE9 only -ms-transform: rotate($degrees); // IE9 only
-o-transform: rotate($degrees); -o-transform: rotate($degrees);
transform: rotate($degrees); transform: rotate($degrees);
} }
@mixin rotateX($degrees) { @mixin rotateX($degrees) {
-webkit-transform: rotateX($degrees); -webkit-transform: rotateX($degrees);
-ms-transform: rotateX($degrees); // IE9 only -ms-transform: rotateX($degrees); // IE9 only
-o-transform: rotateX($degrees); -o-transform: rotateX($degrees);
transform: rotateX($degrees); transform: rotateX($degrees);
} }
@mixin rotateY($degrees) { @mixin rotateY($degrees) {
-webkit-transform: rotateY($degrees); -webkit-transform: rotateY($degrees);
-ms-transform: rotateY($degrees); // IE9 only -ms-transform: rotateY($degrees); // IE9 only
-o-transform: rotateY($degrees); -o-transform: rotateY($degrees);
transform: rotateY($degrees); transform: rotateY($degrees);
} }
@mixin perspective($perspective) { @mixin perspective($perspective) {
-webkit-perspective: $perspective; -webkit-perspective: $perspective;
-moz-perspective: $perspective; -moz-perspective: $perspective;
perspective: $perspective; perspective: $perspective;
} }
@mixin perspective-origin($perspective) { @mixin perspective-origin($perspective) {
-webkit-perspective-origin: $perspective; -webkit-perspective-origin: $perspective;
-moz-perspective-origin: $perspective; -moz-perspective-origin: $perspective;
perspective-origin: $perspective; perspective-origin: $perspective;
} }
@mixin transform-origin($origin) { @mixin transform-origin($origin) {
-webkit-transform-origin: $origin; -webkit-transform-origin: $origin;
-moz-transform-origin: $origin; -moz-transform-origin: $origin;
-ms-transform-origin: $origin; // IE9 only -ms-transform-origin: $origin; // IE9 only
transform-origin: $origin; transform-origin: $origin;
} }
// Transitions // Transitions
@mixin transition($transition...) { @mixin transition($transition...) {
-webkit-transition: $transition; -webkit-transition: $transition;
-o-transition: $transition; -o-transition: $transition;
transition: $transition; transition: $transition;
} }
@mixin transition-property($transition-property...) { @mixin transition-property($transition-property...) {
-webkit-transition-property: $transition-property; -webkit-transition-property: $transition-property;
transition-property: $transition-property; transition-property: $transition-property;
} }
@mixin transition-delay($transition-delay) { @mixin transition-delay($transition-delay) {
-webkit-transition-delay: $transition-delay; -webkit-transition-delay: $transition-delay;
transition-delay: $transition-delay; transition-delay: $transition-delay;
} }
@mixin transition-duration($transition-duration...) { @mixin transition-duration($transition-duration...) {
-webkit-transition-duration: $transition-duration; -webkit-transition-duration: $transition-duration;
transition-duration: $transition-duration; transition-duration: $transition-duration;
} }
@mixin transition-timing-function($timing-function) { @mixin transition-timing-function($timing-function) {
-webkit-transition-timing-function: $timing-function; -webkit-transition-timing-function: $timing-function;
transition-timing-function: $timing-function; transition-timing-function: $timing-function;
} }
@mixin transition-transform($transition...) { @mixin transition-transform($transition...) {
-webkit-transition: -webkit-transform $transition; -webkit-transition: -webkit-transform $transition;
-moz-transition: -moz-transform $transition; -moz-transition: -moz-transform $transition;
-o-transition: -o-transform $transition; -o-transition: -o-transform $transition;
transition: transform $transition; transition: transform $transition;
} }
@@ -229,8 +229,8 @@
// For selecting text on the page // For selecting text on the page
@mixin user-select($select) { @mixin user-select($select) {
-webkit-user-select: $select; -webkit-user-select: $select;
-moz-user-select: $select; -moz-user-select: $select;
-ms-user-select: $select; // IE10+ -ms-user-select: $select; // IE10+
user-select: $select; user-select: $select;
} }

372
src/sass/plugins/redmine_backlogs/global.scss
View File

@@ -1,45 +1,45 @@
@import "common"; @import "common";
html { html {
overflow-y: scroll; overflow-y: scroll;
height: 100%; height: 100%;
} }
body { body {
width: 100%; width: 100%;
height: 100%; height: 100%;
margin: 0; margin: 0;
padding: 0; padding: 0;
background-color: mix($gray-lighter, $header-bg, 70%); background-color: mix($gray-lighter, $header-bg, 70%);
color: $text-color; color: $text-color;
font-family: $font-family-base; font-family: $font-family-base;
font-size: $font-size-base; font-size: $font-size-base;
font-weight: $font-weight-normal; font-weight: $font-weight-normal;
line-height: $line-height-base; line-height: $line-height-base;
} }
a { a {
color: $link-color; color: $link-color;
text-decoration: none; text-decoration: none;
&:hover, &:hover,
&:focus { &:focus {
color: $link-hover-color; color: $link-hover-color;
text-decoration: $link-hover-decoration; text-decoration: $link-hover-decoration;
} }
} }
.issue.closed { .issue.closed {
color: $link-color-issue-closed; color: $link-color-issue-closed;
text-decoration: $link-closed-decoration; text-decoration: $link-closed-decoration;
} }
.project.closed { .project.closed {
color: $link-color-project-closed; color: $link-color-project-closed;
} }
.user.locked { .user.locked {
color: $link-color-user-locked; color: $link-color-user-locked;
} }
@@ -50,10 +50,10 @@ button,
input, input,
select, select,
textarea { textarea {
font-family: inherit; font-family: inherit;
font-size: $font-size-base; font-size: $font-size-base;
line-height: $line-height-base; line-height: $line-height-base;
@include box-sizing(border-box); @include box-sizing(border-box);
} }
select, select,
@@ -63,58 +63,58 @@ input[type="text"],
input.name, input.name,
input.editor, input.editor,
#col_width input { #col_width input {
height: $input-height-base; height: $input-height-base;
padding: $input-padding-vertical $input-padding-horizontal; padding: $input-padding-vertical $input-padding-horizontal;
border: 1px solid $input-border; border: 1px solid $input-border;
border-radius: $input-border-radius; border-radius: $input-border-radius;
background-color: $input-bg; background-color: $input-bg;
color: $input-color; color: $input-color;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075);
@include transition(border-color ease-in-out .1s, box-shadow ease-in-out .1s); @include transition(border-color ease-in-out .1s, box-shadow ease-in-out .1s);
@include form-control-focus(); @include form-control-focus();
@include placeholder(); @include placeholder();
} }
textarea { textarea {
resize: vertical; resize: vertical;
height: auto; height: auto;
} }
select:-moz-focusring { select:-moz-focusring {
color: transparent; color: transparent;
text-shadow: 0 0 0 #000; text-shadow: 0 0 0 #000;
} }
button.ui-multiselect { button.ui-multiselect {
height: $input-height-base; height: $input-height-base;
padding: $input-padding-vertical $input-padding-horizontal; padding: $input-padding-vertical $input-padding-horizontal;
border: 1px solid $input-border; border: 1px solid $input-border;
background: $input-bg; background: $input-bg;
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);
&:hover,
&:focus {
color: $input-color; 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);
&:hover, &:active {
&:focus { @include translate(0, 0);
color: $input-color; }
}
&:active { &.ui-state-active {
@include translate(0, 0); border-color: $input-border-focus;
} box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075), 0 0 5px rgba($input-border-focus, .5);
}
&.ui-state-active { .ui-icon {
border-color: $input-border-focus; margin-top: 1px;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075), 0 0 5px rgba($input-border-focus, .5); }
}
.ui-icon {
margin-top: 1px;
}
} }
@@ -122,93 +122,93 @@ button.ui-multiselect {
// //
#toolbar { #toolbar {
display: block; display: block;
position: relative;
padding: 10px $padding-side;
background-color: $main-menu-bg;
box-shadow: $panel-shadow;
overflow: hidden;
z-index: 1000;
@include clearfix;
.breadcrumbs {
margin-right: 10px;
float: left;
select {
margin-right: 5px;
vertical-align: middle;
}
.home {
font-weight: $font-weight-bold;
}
.separator {
position: relative;
top: -1px;
padding: 0 .2em;
font-weight: $font-weight-bold;
}
}
.userselect {
position: relative; position: relative;
padding: 10px $padding-side; float: left;
background-color: $main-menu-bg;
box-shadow: $panel-shadow;
overflow: hidden;
z-index: 1000;
@include clearfix;
.breadcrumbs { ul {
margin-right: 10px; padding-left: 0;
float: left;
select {
margin-right: 5px;
vertical-align: middle;
}
.home {
font-weight: $font-weight-bold;
}
.separator {
position: relative;
top: -1px;
padding: 0 .2em;
font-weight: $font-weight-bold;
}
} }
.userselect { br {
position: relative; display: none;
float: left;
ul {
padding-left: 0;
}
br {
display: none;
}
} }
}
.links { .links {
float: right; float: right;
a { a {
padding-left: 5px; padding-left: 5px;
cursor: pointer; cursor: pointer;
@include user-select(none); @include user-select(none);
}
} }
}
input[type="search"],
input[type="text"],
select,
.ui-widget {
font-family: inherit;
font-size: inherit;
}
@media screen and (max-width: $screen-md-max) {
font-size: $font-size-small;
input[type="search"], input[type="search"],
input[type="text"], input[type="text"],
select, select,
.ui-widget { .ui-widget {
font-family: inherit; $input-padding-vertical-small: 3px;
font-size: inherit; $input-padding-horizontal-small: 5px;
height: ($line-height-computed + ($input-padding-vertical-small * 2) + 2);
padding: $input-padding-vertical-small $input-padding-horizontal-small;
} }
@media screen and (max-width: $screen-md-max) { #project_quick_jump_box {
font-size: $font-size-small; width: 128px;
input[type="search"],
input[type="text"],
select,
.ui-widget {
$input-padding-vertical-small: 3px;
$input-padding-horizontal-small: 5px;
height: ($line-height-computed + ($input-padding-vertical-small * 2) + 2);
padding: $input-padding-vertical-small $input-padding-horizontal-small;
}
#project_quick_jump_box {
width: 128px;
}
} }
}
} }
#refresh { #refresh {
.loading & { .loading & {
background-image: url("images/bouncer.gif"); background-image: url("images/bouncer.gif");
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: -6px 1px; background-position: -6px 1px;
} }
} }
@@ -216,76 +216,76 @@ button.ui-multiselect {
// //
.clearfix { .clearfix {
@include clearfix; @include clearfix;
} }
#content { #content {
margin: 0; margin: 0;
padding: 0; padding: 0;
overflow: visible; overflow: visible;
} }
#helpers, #helpers,
.meta, .meta,
.editors { .editors {
display: none; display: none;
} }
// .editor is the classname for field editors of sprint, // .editor is the classname for field editors of sprint,
// story, task, impediment. These field editors get created // story, task, impediment. These field editors get created
// at runtime whenever any of the above models are edited. // at runtime whenever any of the above models are edited.
.ui-dialog .editor { .ui-dialog .editor {
display: block; display: block;
} }
ul.ui-sortable { ul.ui-sortable {
min-height: 20px; min-height: 20px;
} }
//== Story tooltip //== Story tooltip
// //
.ui-tooltip { .ui-tooltip {
.ui-tooltip-content { .ui-tooltip-content {
hr { hr {
margin-top: $line-height-computed / 2; margin-top: $line-height-computed / 2;
margin-bottom: $line-height-computed / 2; margin-bottom: $line-height-computed / 2;
border: 0; border: 0;
border-top: 1px solid $hr-border; border-top: 1px solid $hr-border;
}
.wiki-anchor {
display: none;
}
} }
.issue-description { .wiki-anchor {
max-height: 10em; display: none;
margin-top: 12px; }
text-overflow: ellipsis; }
overflow: hidden;
.issue-description {
max-height: 10em;
margin-top: 12px;
text-overflow: ellipsis;
overflow: hidden;
}
.issue-field {
margin: 2px 0 0;
padding-left: 160px;
overflow: hidden;
&:first-child {
margin-top: 0;
} }
.issue-field { > label {
margin: 2px 0 0; margin-left: -160px;
padding-left: 160px; padding-right: 5px;
overflow: hidden; float: left;
font-weight: $font-weight-bold;
&:first-child {
margin-top: 0;
}
> label {
margin-left: -160px;
padding-right: 5px;
float: left;
font-weight: $font-weight-bold;
}
} }
}
} }
.tooltip_text { .tooltip_text {
display: none; display: none;
} }
//== drag-drop effect: disabled dropzones are greyed out //== drag-drop effect: disabled dropzones are greyed out
@@ -293,13 +293,13 @@ ul.ui-sortable {
.rb-sortable-disabled, .rb-sortable-disabled,
.ui-sortable-disabled { .ui-sortable-disabled {
background-color: $gray-lighter; background-color: $gray-lighter;
opacity: .5; opacity: .5;
} }
.w-rb-header-collapsed { .w-rb-header-collapsed {
height: 27px; // 14px * .86 * 1.42857 + 2 * 5px height: 27px; // 14px * .86 * 1.42857 + 2 * 5px
overflow: hidden; overflow: hidden;
} }
@@ -307,14 +307,14 @@ ul.ui-sortable {
// //
body { body {
.ui-widget { .ui-widget {
&, &,
input, input,
select, select,
textarea, textarea,
button { button {
font-family: inherit; font-family: inherit;
font-size: inherit; font-size: inherit;
}
} }
}
} }

1406
src/sass/plugins/redmine_backlogs/jquery/jquery-ui.scss
View File

File diff suppressed because it is too large Load Diff

162
src/sass/plugins/redmine_backlogs/jquery/jquery.multiselect.scss
View File

@@ -2,117 +2,117 @@
@import "../common"; @import "../common";
.ui-multiselect { .ui-multiselect {
padding: 2px 0 2px 4px; padding: 2px 0 2px 4px;
text-align: left; text-align: left;
span.ui-icon { span.ui-icon {
float: right; float: right;
} }
} }
.ui-multiselect-single .ui-multiselect-checkboxes { .ui-multiselect-single .ui-multiselect-checkboxes {
input { input {
position: absolute !important; position: absolute !important;
top: auto !important; top: auto !important;
left: -9999px; left: -9999px;
} }
label { label {
padding: 5px !important; padding: 5px !important;
} }
} }
.ui-multiselect-header { .ui-multiselect-header {
margin-bottom: 3px; margin-bottom: 3px;
padding: 3px; padding: 3px;
ul { ul {
font-size: $font-size-list; font-size: $font-size-list;
li { li {
padding: 0 10px 0 0; padding: 0 10px 0 0;
float: left; float: left;
}
} }
}
a { a {
text-decoration: none; text-decoration: none;
&:hover { &:hover {
text-decoration: underline; text-decoration: underline;
}
} }
}
span.ui-icon { span.ui-icon {
float: left; float: left;
} }
li.ui-multiselect-close { li.ui-multiselect-close {
padding-right: 0; padding-right: 0;
float: right; float: right;
text-align: right; text-align: right;
} }
} }
.ui-multiselect-menu { .ui-multiselect-menu {
display: none; display: none;
position: absolute; position: absolute;
padding: 3px; padding: 3px;
text-align: left; text-align: left;
z-index: 10000; z-index: 10000;
@include nice-shadow(2); @include nice-shadow(2);
} }
.ui-multiselect-checkboxes { .ui-multiselect-checkboxes {
position: relative; position: relative;
padding-right: 2px; padding-right: 2px;
overflow-y: scroll; overflow-y: scroll;
input[type="checkbox"] { input[type="checkbox"] {
top: 0; top: 0;
margin: 3px 0 0 -20px; margin: 3px 0 0 -20px;
float: left; float: left;
&:focus { &:focus {
outline: none; outline: none;
}
} }
}
label { 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; display: block;
padding: 3px 1px; margin: 1px 0;
padding-left: 20px + 6px; padding: 3px;
border: 1px solid transparent; text-decoration: none;
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 // Remove label borders in IE6 because IE6 does not support transparency
* html .ui-multiselect-checkboxes label { * html .ui-multiselect-checkboxes label {
border: 0 none; border: 0 none;
} }

48
src/sass/plugins/redmine_backlogs/jquery/jquery.qtip.scss
View File

@@ -1,37 +1,37 @@
@import "../common"; @import "../common";
.qtip { .qtip {
position: absolute; position: absolute;
top: -31000px; top: -31000px;
left: -31000px; left: -31000px;
width: auto; width: auto;
max-width: 500px; max-width: 500px;
outline: none; outline: none;
} }
.ui-tooltip-content { .ui-tooltip-content {
position: relative; position: relative;
padding: 10px; padding: 10px;
border: 1px solid $tooltip-border; border: 1px solid $tooltip-border;
background-color: $tooltip-bg; background-color: $tooltip-bg;
color: $tooltip-text; color: $tooltip-text;
font-size: $font-size-list; font-size: $font-size-list;
text-align: left; text-align: left;
word-wrap: break-word; word-wrap: break-word;
@include nice-shadow(2); @include nice-shadow(2);
overflow: hidden; overflow: hidden;
} }
.ui-tooltip-tip { .ui-tooltip-tip {
border-color: $tooltip-border; border-color: $tooltip-border;
background-color: $tooltip-bg; background-color: $tooltip-bg;
} }
.ui-tooltip-tip { .ui-tooltip-tip {
position: absolute; position: absolute;
margin: 0 auto; margin: 0 auto;
border: 0 none; border: 0 none;
background: transparent; background: transparent;
overflow: hidden; overflow: hidden;
z-index: 10; z-index: 10;
} }

1298
src/sass/plugins/redmine_backlogs/master_backlog.scss
View File

File diff suppressed because it is too large Load Diff

40
src/sass/plugins/redmine_backlogs/statistics.scss
View File

@@ -1,63 +1,63 @@
@import "common"; @import "common";
table { table {
th, th,
td { td {
padding: $table-condensed-cell-padding $table-cell-padding; padding: $table-condensed-cell-padding $table-cell-padding;
} }
} }
.ui-widget { .ui-widget {
margin-bottom: $line-height-computed; margin-bottom: $line-height-computed;
} }
.score { .score {
display: inline-block; display: inline-block;
width: 1.5em; width: 1.5em;
font-size: large; font-size: large;
text-align: center; text-align: center;
} }
.score_0 { .score_0 {
background-color: #f00; background-color: #f00;
} }
.score_1 { .score_1 {
background-color: #ff5300; background-color: #ff5300;
} }
.score_2 { .score_2 {
background-color: #ff8100; background-color: #ff8100;
} }
.score_3 { .score_3 {
background-color: #ffa100; background-color: #ffa100;
} }
.score_4 { .score_4 {
background-color: #fb0; background-color: #fb0;
} }
.score_5 { .score_5 {
background-color: #ffd300; background-color: #ffd300;
} }
.score_6 { .score_6 {
background-color: #ffec00; background-color: #ffec00;
} }
.score_7 { .score_7 {
background-color: #e9fb00; background-color: #e9fb00;
} }
.score_8 { .score_8 {
background-color: #b1f100; background-color: #b1f100;
} }
.score_9 { .score_9 {
background-color: #74e600; background-color: #74e600;
} }
.score_10 { .score_10 {
background-color: #0c0; background-color: #0c0;
} }

646
src/sass/plugins/redmine_backlogs/taskboard.scss
View File

@@ -7,39 +7,39 @@ $issue-padding: 5px;
$swimlane-width: $issue-width + 2 * ($issue-margin + $issue-padding + 1px); $swimlane-width: $issue-width + 2 * ($issue-margin + $issue-padding + 1px);
#content { #content {
overflow: visible; overflow: visible;
} }
#taskboard { #taskboard {
position: relative; position: relative;
margin-bottom: $padding-side; margin-bottom: $padding-side;
table { table {
margin-right: $padding-side; margin-right: $padding-side;
margin-left: $padding-side; margin-left: $padding-side;
border-collapse: separate; border-collapse: separate;
} }
.issue .subject { .issue .subject {
white-space: normal; white-space: normal;
} }
} }
#impediments { #impediments {
padding-top: 30px; padding-top: 30px;
} }
#assigned_to_id_options { #assigned_to_id_options {
display: none; display: none;
} }
#col_width { #col_width {
margin-left: 5px; margin-left: 5px;
input { input {
width: 40px; width: 40px;
text-align: right; text-align: right;
} }
} }
@@ -53,9 +53,9 @@ $swimlane-width: $issue-width + 2 * ($issue-margin + $issue-paddi
// //
.swimlane { .swimlane {
width: $swimlane-width; width: $swimlane-width;
min-width: $swimlane-width; min-width: $swimlane-width;
padding: 5px; padding: 5px;
} }
@@ -63,151 +63,151 @@ $swimlane-width: $issue-width + 2 * ($issue-margin + $issue-paddi
// //
#board_header { #board_header {
position: absolute; position: absolute;
margin-right: 10px; margin-right: 10px;
margin-bottom: 0; margin-bottom: 0;
border: 1px solid darken($header-bg, 5%); border: 1px solid darken($header-bg, 5%);
background-color: $header-bg;
z-index: 200;
td {
height: 20px;
border-right: 1px dotted mix($header-bg, $header-text, 70%);
background-color: $header-bg; background-color: $header-bg;
z-index: 200; color: $header-text;
font-weight: $font-weight-bold;
text-align: center;
vertical-align: middle;
td { &:last-child {
height: 20px; border-right: 0 none;
border-right: 1px dotted mix($header-bg, $header-text, 70%);
background-color: $header-bg;
color: $header-text;
font-weight: $font-weight-bold;
text-align: center;
vertical-align: middle;
&:last-child {
border-right: 0 none;
}
} }
}
} }
.board { .board {
border: 1px solid $gray; border: 1px solid $gray;
border-top: 0 none; border-top: 0 none;
background-color: $body-bg; background-color: $body-bg;
color: $text-color; color: $text-color;
td { td {
border-right: 1px dotted $table-border-color; border-right: 1px dotted $table-border-color;
border-bottom: 1px dotted $table-border-color; border-bottom: 1px dotted $table-border-color;
vertical-align: top; vertical-align: top;
&:last-child { &:last-child {
border-right: 0 none; border-right: 0 none;
}
} }
}
tr:last-child td { tr:last-child td {
border-bottom: 0 none; border-bottom: 0 none;
} }
.add_new { .add_new {
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: middle;
&:hover { &:hover {
background-color: #ffc; background-color: #ffc;
cursor: pointer; cursor: pointer;
}
} }
}
} }
#board_header, #board_header,
.board { .board {
td:first-child { td:first-child {
width: (($issue-width + $issue-margin + $issue-padding) * 2); width: (($issue-width + $issue-margin + $issue-padding) * 2);
min-width: (($issue-width + $issue-margin + $issue-padding) * 2); min-width: (($issue-width + $issue-margin + $issue-padding) * 2);
padding: $issue-padding; padding: $issue-padding;
} }
} }
.story, .story,
.label_sprint_impediments { .label_sprint_impediments {
display: block; display: block;
position: relative; position: relative;
width: $issue-width * 2; width: $issue-width * 2;
min-height: $issue-height; min-height: $issue-height;
margin: $issue-margin; margin: $issue-margin;
padding: $issue-padding; padding: $issue-padding;
float: left; float: left;
border: 0 none; border: 0 none;
border-radius: $border-radius-large; border-radius: $border-radius-large;
background-color: $highlight-bg; background-color: $highlight-bg;
font-size: $font-size-small-px; font-size: $font-size-small-px;
} }
.story { .story {
color: $gray-darker; color: $gray-darker;
.id { .id {
margin-bottom: 5px; margin-bottom: 5px;
padding: 0 3px; padding: 0 3px;
border-radius: $border-radius-base; border-radius: $border-radius-base;
background-color: $body-bg; background-color: $body-bg;
font-size: .9em; font-size: .9em;
line-height: 16px; line-height: 16px;
opacity: .8; opacity: .8;
overflow: hidden; overflow: hidden;
a, a,
.remaininghours { .remaininghours {
margin-left: 4px; margin-left: 4px;
float: right; float: right;
font-weight: normal; font-weight: normal;
}
a {
color: $gray-darkest;
font-size: $font-size-small-px;
font-weight: $font-weight-bold;
}
.assignee {
font-size: 9px;
}
} }
.subject { a {
height: $issue-height * .6; color: $gray-darkest;
padding: 2px; font-size: $font-size-small-px;
line-height: 1.3; font-weight: $font-weight-bold;
overflow: hidden;
} }
&.closed .subject { .assignee {
text-decoration: line-through; font-size: 9px;
} }
}
.project { .subject {
text-align: left; height: $issue-height * .6;
} padding: 2px;
line-height: 1.3;
.id .v { overflow: hidden;
display: none; }
}
&.closed .subject {
.story_points.editable { text-decoration: line-through;
position: absolute; }
right: -$issue-padding;
bottom: -$issue-padding; .project {
width: 36px; text-align: left;
height: 36px; }
border: 2px solid $body-bg;
border-radius: 50%; .id .v {
background-color: $brand-warning; display: none;
color: $brand-text; }
font-weight: $font-weight-bold;
line-height: 36px; .story_points.editable {
text-align: center; position: absolute;
right: -$issue-padding;
&:empty { bottom: -$issue-padding;
display: none; width: 36px;
} height: 36px;
border: 2px solid $body-bg;
border-radius: 50%;
background-color: $brand-warning;
color: $brand-text;
font-weight: $font-weight-bold;
line-height: 36px;
text-align: center;
&:empty {
display: none;
} }
}
} }
@@ -215,154 +215,154 @@ $swimlane-width: $issue-width + 2 * ($issue-margin + $issue-paddi
// //
#taskboard { #taskboard {
.issue, .issue,
.placeholder { .placeholder {
display: block; display: block;
position: relative; position: relative;
width: $issue-width; width: $issue-width;
height: $issue-height; height: $issue-height;
margin: $issue-margin; margin: $issue-margin;
padding: $issue-padding; padding: $issue-padding;
float: left; float: left;
border: 0 none; border: 0 none;
border-radius: $border-radius-large; border-radius: $border-radius-large;
background-color: $gray-lighter; background-color: $gray-lighter;
color: $gray-darker; color: $gray-darker;
font-size: 10px; font-size: 10px;
line-height: 1.3; line-height: 1.3;
cursor: move; cursor: move;
} }
.placeholder { .placeholder {
width: 83px; width: 83px;
height: 78px; height: 78px;
border: 1px dashed $highlight-border; border: 1px dashed $highlight-border;
background-color: $highlight-bg; background-color: $highlight-bg;
} }
} }
.issue { .issue {
.id { .id {
margin-bottom: 5px; margin-bottom: 5px;
padding: 0 3px; padding: 0 3px;
border-radius: $border-radius-base; border-radius: $border-radius-base;
background-color: $body-bg; background-color: $body-bg;
font-size: $font-size-small-px; font-size: $font-size-small-px;
font-weight: $font-weight-bold; font-weight: $font-weight-bold;
line-height: 16px; line-height: 16px;
text-align: right; text-align: right;
opacity: .8; opacity: .8;
overflow: hidden; overflow: hidden;
.v { .v {
display: none; display: none;
}
a {
color: $gray-darkest;
}
} }
.editable:hover { a {
background-color: transparent; color: $gray-darkest;
}
}
.editable:hover {
background-color: transparent;
}
.subject.editable {
height: $issue-height * .5;
padding: 2px;
overflow: hidden;
}
&.closed .subject.editable {
text-decoration: line-through;
}
.assigned_to_id {
&.editable {
width: 81px;
height: 10px;
margin-top: 2px;
padding: 2px;
padding-top: 0;
font-size: 9px;
white-space: nowrap;
overflow: hidden;
} }
.subject.editable { .v {
height: $issue-height * .5; display: none;
padding: 2px; }
overflow: hidden; }
.priority_id {
&.editable {
position: absolute;
right: -5px;
bottom: 10px;
height: 13px;
padding-right: 5px;
padding-left: 5px;
border: 2px solid #fff;
border-radius: 15px;
background-color: #00e;
color: #fff;
font-size: 9px;
} }
&.closed .subject.editable { .v {
text-decoration: line-through; display: none;
} }
}
.assigned_to_id { .remaining_hours.editable {
&.editable { position: absolute;
width: 81px; right: -5px;
height: 10px; bottom: -5px;
margin-top: 2px; height: 13px;
padding: 2px; padding-right: 5px;
padding-top: 0; padding-left: 5px;
font-size: 9px; border: 2px solid #fff;
white-space: nowrap; border-radius: 15px;
overflow: hidden; background-color: #e00;
} color: #fff;
font-size: 9px;
}
.v { .blocks,
display: none; .remaining_hours.editable:empty {
} display: none;
} }
.priority_id { .indicator {
&.editable { display: none;
position: absolute; position: absolute;
right: -5px; top: 38px;
bottom: 10px; left: 36px;
height: 13px; width: 16px;
padding-right: 5px; height: 16px;
padding-left: 5px; padding: 2px;
border: 2px solid #fff; border: 2px solid #000;
border-radius: 15px; border-radius: 12px;
background-color: #00e; background-color: #fff;
color: #fff; background-repeat: no-repeat;
font-size: 9px; background-position: center;
} }
.v { &.saving .indicator {
display: none; display: block;
} background-image: url("images/indicator.gif");
} }
.remaining_hours.editable { &.error .indicator {
position: absolute; display: block;
right: -5px; border-color: #c00;
bottom: -5px; background-image: url("images/warning.png");
height: 13px; background-position: 2px 0;
padding-right: 5px; }
padding-left: 5px;
border: 2px solid #fff;
border-radius: 15px;
background-color: #e00;
color: #fff;
font-size: 9px;
}
.blocks, .editors {
.remaining_hours.editable:empty { display: none;
display: none; }
}
.indicator {
display: none;
position: absolute;
top: 38px;
left: 36px;
width: 16px;
height: 16px;
padding: 2px;
border: 2px solid #000;
border-radius: 12px;
background-color: #fff;
background-repeat: no-repeat;
background-position: center;
}
&.saving .indicator {
display: block;
background-image: url("images/indicator.gif");
}
&.error .indicator {
display: block;
border-color: #c00;
background-image: url("images/warning.png");
background-position: 2px 0;
}
.editors {
display: none;
}
} }
@@ -370,32 +370,32 @@ $swimlane-width: $issue-width + 2 * ($issue-margin + $issue-paddi
// //
.rb_editor_dialog.ui-dialog { .rb_editor_dialog.ui-dialog {
.ui-dialog-titlebar-close { .ui-dialog-titlebar-close {
display: none; display: none;
} }
.ui-widget-header { .ui-widget-header {
background: none; background: none;
background-color: #fff; background-color: #fff;
opacity: .5; opacity: .5;
} }
.ui-dialog-title { .ui-dialog-title {
margin-right: 0; margin-right: 0;
float: right; float: right;
} }
&.ui-widget-content { &.ui-widget-content {
border: 0 none; border: 0 none;
background: none; background: none;
@include nice-shadow(5); @include nice-shadow(5);
} }
.ui-dialog-buttonpane.ui-widget-content { .ui-dialog-buttonpane.ui-widget-content {
border: 0 none; border: 0 none;
background: none; background: none;
background-color: none; background-color: none;
} }
} }
@@ -403,41 +403,41 @@ $swimlane-width: $issue-width + 2 * ($issue-margin + $issue-paddi
// //
.rb_editor { .rb_editor {
label { label {
display: block; display: block;
width: 100%; width: 100%;
font-size: 11px; font-size: 11px;
text-transform: capitalize; text-transform: capitalize;
} }
.editor { .editor {
width: 100%; width: 100%;
margin-bottom: 10px; margin-bottom: 10px;
font-size: 11px; font-size: 11px;
} }
.subject { .subject {
width: 272px; width: 272px;
height: 65px; height: 65px;
} }
.description { .description {
width: 272px; width: 272px;
height: 80px; height: 80px;
} }
.remaining_hours, .remaining_hours,
.time_entry_hours, .time_entry_hours,
.time_entry_user_id, .time_entry_user_id,
.time_entry_spent_on, .time_entry_spent_on,
.blocks { .blocks {
width: 268px; width: 268px;
} }
.time_entry_comments { .time_entry_comments {
width: 268px; width: 268px;
height: 30px; height: 30px;
} }
} }
@@ -446,22 +446,22 @@ $swimlane-width: $issue-width + 2 * ($issue-margin + $issue-paddi
#impediment_template, #impediment_template,
#task_template { #task_template {
display: none; display: none;
} }
#preloader { #preloader {
position: absolute; position: absolute;
left: -500px; left: -500px;
} }
#spinner { #spinner {
background-image: url("images/indicator.gif"); background-image: url("images/indicator.gif");
} }
#warning { #warning {
background-image: url("images/warning.png"); background-image: url("images/warning.png");
} }
#ui-datepicker-div { #ui-datepicker-div {
display: none; display: none;
} }

4
stylesheets/application.css
View File

File diff suppressed because one or more lines are too long