Compare commits
53 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
|
4e1ebf53fb | ||
|
|
06638406f0 | ||
|
|
af40d823bd | ||
|
|
beeff247a4 | ||
|
|
abb16c53f3 | ||
|
|
d0e6246e99 | ||
|
|
53d1c6dcec | ||
|
|
6dcbf4e150 | ||
|
|
c9f897e3b1 | ||
|
|
d390c5a4d6 | ||
|
|
928b88dbaf | ||
|
40450468f2 | ||
|
7e9939f5ed | ||
|
|
a72cf5a9ee | ||
|
|
c88c05f159 | ||
|
|
aac8a88bfe | ||
|
|
defabec1ed | ||
|
|
4181c09b02 | ||
|
|
1c620b3b4e | ||
|
|
a8355d5c64 | ||
|
|
1da7710cea | ||
|
|
2b537786d9 | ||
|
|
2e7d9a1308 | ||
|
|
9a4c33153e | ||
|
|
00fed09d8e | ||
|
|
f560febce2 | ||
|
|
7612e8b004 | ||
|
|
02dd1f43a0 | ||
|
|
60cd90a36a | ||
|
|
77d07307b1 | ||
|
|
80cd0c620f | ||
|
|
8b3339f629 | ||
|
|
6b6b12842c | ||
|
|
c160914448 | ||
|
|
b5f351f135 | ||
|
|
97476e3bda | ||
|
|
38ee17c8a8 | ||
|
|
7b95f93194 | ||
|
|
324a236a02 | ||
|
|
b9035527ea | ||
|
|
428be4db9a | ||
|
c6a20766c6 | ||
|
|
7430f1d844 | ||
|
|
a931c63ed4 | ||
|
|
3b95b931f8 | ||
|
|
e247564c3e | ||
|
|
76fc0f4b7c | ||
|
|
61b6475e9e | ||
|
|
f3a617baf0 | ||
|
|
db39c6cb54 | ||
|
|
c45de83791 | ||
|
|
6f508ba87a | ||
|
|
49ed887fce |
9
.editorconfig
Normal file
9
.editorconfig
Normal file
@@ -0,0 +1,9 @@
|
|||||||
|
root = true
|
||||||
|
|
||||||
|
[*]
|
||||||
|
end_of_line = lf
|
||||||
|
charset = utf-8
|
||||||
|
trim_trailing_whitespace = true
|
||||||
|
insert_final_newline = true
|
||||||
|
indent_style = space
|
||||||
|
indent_size = 2
|
||||||
@@ -18,20 +18,21 @@ linters:
|
|||||||
enabled: false
|
enabled: false
|
||||||
|
|
||||||
Comment:
|
Comment:
|
||||||
enabled: false
|
enabled: true
|
||||||
|
|
||||||
DebugStatement:
|
DebugStatement:
|
||||||
enabled: true
|
enabled: true
|
||||||
|
|
||||||
DeclarationOrder:
|
DeclarationOrder:
|
||||||
enabled: false
|
enabled: true
|
||||||
|
|
||||||
DuplicateProperty:
|
DuplicateProperty:
|
||||||
enabled: true
|
enabled: true
|
||||||
|
ignore_consecutive:
|
||||||
|
- word-break
|
||||||
|
|
||||||
ElsePlacement:
|
ElsePlacement:
|
||||||
enabled: false
|
enabled: true
|
||||||
style: same_line
|
|
||||||
|
|
||||||
EmptyLineBetweenBlocks:
|
EmptyLineBetweenBlocks:
|
||||||
enabled: true
|
enabled: true
|
||||||
@@ -67,9 +68,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
|
||||||
@@ -94,6 +95,9 @@ linters:
|
|||||||
enabled: true
|
enabled: true
|
||||||
extra_properties: []
|
extra_properties: []
|
||||||
|
|
||||||
|
PseudoElement:
|
||||||
|
enabled: true
|
||||||
|
|
||||||
QualifyingElement:
|
QualifyingElement:
|
||||||
enabled: false
|
enabled: false
|
||||||
|
|
||||||
@@ -124,6 +128,12 @@ linters:
|
|||||||
SpaceAfterPropertyName:
|
SpaceAfterPropertyName:
|
||||||
enabled: true
|
enabled: true
|
||||||
|
|
||||||
|
SpaceAfterVariableName:
|
||||||
|
enabled: true
|
||||||
|
|
||||||
|
SpaceAroundOperator:
|
||||||
|
enabled: true
|
||||||
|
|
||||||
SpaceBeforeBrace:
|
SpaceBeforeBrace:
|
||||||
enabled: true
|
enabled: true
|
||||||
style: space
|
style: space
|
||||||
@@ -140,8 +150,14 @@ linters:
|
|||||||
TrailingSemicolon:
|
TrailingSemicolon:
|
||||||
enabled: true
|
enabled: true
|
||||||
|
|
||||||
|
TrailingWhitespace:
|
||||||
|
enabled: true
|
||||||
|
|
||||||
TrailingZero:
|
TrailingZero:
|
||||||
enabled: false
|
enabled: true
|
||||||
|
|
||||||
|
TransitionAll:
|
||||||
|
enabled: true
|
||||||
|
|
||||||
UnnecessaryMantissa:
|
UnnecessaryMantissa:
|
||||||
enabled: true
|
enabled: true
|
||||||
@@ -154,3 +170,9 @@ linters:
|
|||||||
|
|
||||||
UrlQuotes:
|
UrlQuotes:
|
||||||
enabled: true
|
enabled: true
|
||||||
|
|
||||||
|
VendorPrefix:
|
||||||
|
enabled: true
|
||||||
|
|
||||||
|
ZeroUnit:
|
||||||
|
enabled: true
|
||||||
|
|||||||
68
Gruntfile.js
68
Gruntfile.js
@@ -1,40 +1,50 @@
|
|||||||
module.exports = function (grunt) {
|
module.exports = function (grunt) {
|
||||||
|
|
||||||
grunt.initConfig({
|
grunt.initConfig({
|
||||||
src: "src/",
|
src: 'src/',
|
||||||
|
|
||||||
sass: {
|
sass: {
|
||||||
options: {
|
options: {
|
||||||
sourceMap: false,
|
sourceMap: false,
|
||||||
outputStyle: 'compressed'
|
outputStyle: 'compressed'
|
||||||
},
|
},
|
||||||
dist: {
|
|
||||||
|
theme: {
|
||||||
files: {
|
files: {
|
||||||
'stylesheets/application.css': '<%= src %>sass/application.scss'
|
'stylesheets/application.css': '<%= src %>sass/application.scss'
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
redmine_backlogs: {
|
|
||||||
files: {
|
plugins: {
|
||||||
'plugins/redmine_backlogs/global.css':
|
files: [
|
||||||
'<%= src %>sass/plugins/redmine_backlogs/global.scss',
|
{
|
||||||
'plugins/redmine_backlogs/master_backlog.css':
|
expand: true,
|
||||||
'<%= src %>sass/plugins/redmine_backlogs/master_backlog.scss',
|
cwd: '<%= src %>sass/plugins/',
|
||||||
'plugins/redmine_backlogs/statistics.css':
|
src: '**/*.scss',
|
||||||
'<%= src %>sass/plugins/redmine_backlogs/statistics.scss',
|
dest: 'plugins/',
|
||||||
'plugins/redmine_backlogs/taskboard.css':
|
ext: '.css',
|
||||||
'<%= src %>sass/plugins/redmine_backlogs/taskboard.scss',
|
extDot: 'last'
|
||||||
'plugins/redmine_backlogs/jquery/jquery-ui.css':
|
|
||||||
'<%= src %>sass/plugins/redmine_backlogs/jquery/jquery-ui.scss',
|
|
||||||
'plugins/redmine_backlogs/jquery/jquery.multiselect.css':
|
|
||||||
'<%= src %>sass/plugins/redmine_backlogs/jquery/jquery.multiselect.scss',
|
|
||||||
'plugins/redmine_backlogs/jquery/jquery.qtip.css':
|
|
||||||
'<%= src %>sass/plugins/redmine_backlogs/jquery/jquery.qtip.scss'
|
|
||||||
}
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
postcss: {
|
||||||
|
options: {
|
||||||
|
processors: [
|
||||||
|
require('autoprefixer')({ browsers: 'last 2 versions' })
|
||||||
|
]
|
||||||
|
},
|
||||||
|
|
||||||
|
all: {
|
||||||
|
src: [
|
||||||
|
'stylesheets/*.css',
|
||||||
|
'plugins/**/*.css'
|
||||||
|
]
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
uglify: {
|
uglify: {
|
||||||
build: {
|
theme: {
|
||||||
src: [
|
src: [
|
||||||
'<%= src %>javascripts/modules/*.js',
|
'<%= src %>javascripts/modules/*.js',
|
||||||
'<%= src %>javascripts/theme.js'
|
'<%= src %>javascripts/theme.js'
|
||||||
@@ -48,19 +58,21 @@ module.exports = function(grunt) {
|
|||||||
files: ['<%= src %>sass/**/*.scss'],
|
files: ['<%= src %>sass/**/*.scss'],
|
||||||
tasks: ['css']
|
tasks: ['css']
|
||||||
},
|
},
|
||||||
|
|
||||||
js: {
|
js: {
|
||||||
files: ['<%= src %>javascripts/**/*.js'],
|
files: ['<%= src %>javascripts/**/*.js'],
|
||||||
tasks: ['js']
|
tasks: ['js']
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
});
|
})
|
||||||
|
|
||||||
grunt.loadNpmTasks('grunt-sass');
|
grunt.loadNpmTasks('grunt-sass')
|
||||||
grunt.loadNpmTasks('grunt-contrib-watch');
|
grunt.loadNpmTasks('grunt-postcss')
|
||||||
grunt.loadNpmTasks("grunt-contrib-uglify");
|
grunt.loadNpmTasks('grunt-contrib-watch')
|
||||||
|
grunt.loadNpmTasks('grunt-contrib-uglify')
|
||||||
|
|
||||||
grunt.registerTask('css', ['sass']);
|
grunt.registerTask('css', ['sass', 'postcss'])
|
||||||
grunt.registerTask('js', ['uglify']);
|
grunt.registerTask('js', ['uglify'])
|
||||||
|
|
||||||
grunt.registerTask('default', ['css', 'js']);
|
grunt.registerTask('default', ['css', 'js'])
|
||||||
};
|
}
|
||||||
|
|||||||
37
README.md
37
README.md
@@ -2,7 +2,11 @@
|
|||||||
|
|
||||||
A free Redmine theme for modern browsers.
|
A free Redmine theme for modern browsers.
|
||||||
|
|
||||||
|
 [](https://github.com/mrliptontea/PurpleMine2/releases) [](https://github.com/mrliptontea/PurpleMine2/issues) [](http://standardjs.com/)
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
Compatible with Redmine 2.5+ and browsers: IE10+/Edge, latest Firefox and Google Chrome (others were not tested).
|
Compatible with Redmine 2.5+ and browsers: IE10+/Edge, latest Firefox and Google Chrome (others were not tested).
|
||||||
|
|
||||||
@@ -20,7 +24,7 @@ It's written in [SCSS]. It uses [normalize.css] and benefits from some parts of
|
|||||||
|
|
||||||
## How install it
|
## How install it
|
||||||
|
|
||||||
To install PurpleMine, just download [.zip](https://github.com/HolonGlobe/PurpleMine2/archive/master.zip) and unpack it to your Redmine's `public/themes` folder.
|
To install PurpleMine, just download [.zip](https://github.com/mrliptontea/PurpleMine2/archive/master.zip) and unpack it to your Redmine's `public/themes` folder.
|
||||||
|
|
||||||
Then go to Redmine > Administration > Settings > Display and select PurpleMine2 from the list and save the changes.
|
Then go to Redmine > Administration > Settings > Display and select PurpleMine2 from the list and save the changes.
|
||||||
|
|
||||||
@@ -56,6 +60,33 @@ If you need to customize styles for [Redmine Backlogs][redmine_backlogs] remembe
|
|||||||
|
|
||||||
## Changelog
|
## Changelog
|
||||||
|
|
||||||
|
v1.8.0 (2016-11-20):
|
||||||
|
|
||||||
|
* Fixed #19: missing text wrapping for long text custom fields
|
||||||
|
* Fixed #20: applied Font Awesome font-family for icons in Time Tracker overview
|
||||||
|
* Fixed duplicated pencil icon for Description in issue form in Redmine 3.1.2+
|
||||||
|
* Fixed #21: added styling for compatibility with layout changes in Redmine 3.2.0
|
||||||
|
* Fixed #23: set width for progress bars
|
||||||
|
* Fixed #25: proper styles for pagination
|
||||||
|
* Fixed #28: correct icon will be displayed for users that cannot edit notes in journal
|
||||||
|
* Fixed #30: styles will now compile with latest Sass
|
||||||
|
* Fixed #32, #33: improve @shawndibble's styles for new main menu styles in Redmine 3.3
|
||||||
|
* Various small visual tweaks
|
||||||
|
* Fixed #34: project breadcrumbs in the header should wrap nicely
|
||||||
|
* Fixed #35: `.icon-only` class should now display only icons, buttons with icons should de displayed correctly with Font-Awesome disabled
|
||||||
|
* Fixed #36: npm dependencies can be installed on production environments + update grunt to its latest version
|
||||||
|
* Fixed #37: added support for drag'n'drop re-ordering in issue statuses, roles, and trackers settings
|
||||||
|
* Fixed #38: corrected z-index for dropdown new item menu on backlogs page (thanks to @futaz, see PR #39)
|
||||||
|
* Changed indentation to 2 spaces (to match with Redmine's coding style)
|
||||||
|
* Introduced [autoprefixer](https://github.com/postcss/autoprefixer) via [PostCSS](http://postcss.org)
|
||||||
|
* Updated [scss-lint](https://github.com/brigade/scss-lint) rules
|
||||||
|
* Added [JavaScript Standard Style](http://standardjs.com)
|
||||||
|
|
||||||
|
v1.7.2 (2015-10-12):
|
||||||
|
|
||||||
|
* Fixed `.pagination` float in project members settings
|
||||||
|
* Lists' cells are aligned to center by default (as in Redmine's default theme)
|
||||||
|
|
||||||
v1.7.1 (2015-10-10):
|
v1.7.1 (2015-10-10):
|
||||||
|
|
||||||
+ Improved styling for [Stuff To Do][stuff_to_do] plugin
|
+ Improved styling for [Stuff To Do][stuff_to_do] plugin
|
||||||
@@ -109,7 +140,7 @@ v1.4.0 (2015-04-10):
|
|||||||
* Fixed #2: Make sure that `.sort` with Font Awesome icons won't have background image
|
* Fixed #2: Make sure that `.sort` with Font Awesome icons won't have background image
|
||||||
* Fixed attachments div's layout for wiki pages
|
* Fixed attachments div's layout for wiki pages
|
||||||
|
|
||||||
For more details, see [release v1.4.0](https://github.com/HolonGlobe/PurpleMine2/releases/tag/v1.4.0)
|
For more details, see [release v1.4.0](https://github.com/mrliptontea/PurpleMine2/releases/tag/v1.4.0)
|
||||||
|
|
||||||
v1.3.0 (2015-04-01):
|
v1.3.0 (2015-04-01):
|
||||||
|
|
||||||
|
|||||||
File diff suppressed because one or more lines are too long
22
package.json
22
package.json
@@ -17,10 +17,24 @@
|
|||||||
"url": "https://github.com/mrliptontea/PurpleMine2/issues"
|
"url": "https://github.com/mrliptontea/PurpleMine2/issues"
|
||||||
},
|
},
|
||||||
"homepage": "https://github.com/mrliptontea/PurpleMine2",
|
"homepage": "https://github.com/mrliptontea/PurpleMine2",
|
||||||
"devDependencies": {
|
"scripts": {
|
||||||
"grunt": "^0.4.5",
|
"lint": "standard && scss-lint"
|
||||||
"grunt-contrib-uglify": "^0.9.1",
|
},
|
||||||
"grunt-contrib-watch": "^0.6.1",
|
"dependencies": {
|
||||||
|
"autoprefixer": "^6.5.3",
|
||||||
|
"grunt": "^1.0.1",
|
||||||
|
"grunt-contrib-uglify": "^2.0.0",
|
||||||
|
"grunt-contrib-watch": "^1.0.0",
|
||||||
|
"grunt-postcss": "^0.8.0",
|
||||||
"grunt-sass": "^1.0.0"
|
"grunt-sass": "^1.0.0"
|
||||||
|
},
|
||||||
|
"devDependencies": {
|
||||||
|
"standard": "^8.5.0"
|
||||||
|
},
|
||||||
|
"standard": {
|
||||||
|
"globals": [ "$", "localStorage" ],
|
||||||
|
"ignore": [
|
||||||
|
"/javascripts"
|
||||||
|
]
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -1 +1 @@
|
|||||||
.ui-multiselect{padding:2px 0 2px 4px;text-align:left}.ui-multiselect span.ui-icon{float:right}.ui-multiselect-single .ui-multiselect-checkboxes input{position:absolute !important;top:auto !important;left:-9999px}.ui-multiselect-single .ui-multiselect-checkboxes label{padding:5px !important}.ui-multiselect-header{margin-bottom:3px;padding:3px}.ui-multiselect-header ul{font-size:0.92em}.ui-multiselect-header ul li{padding:0 10px 0 0;float:left}.ui-multiselect-header a{text-decoration:none}.ui-multiselect-header a:hover{text-decoration:underline}.ui-multiselect-header span.ui-icon{float:left}.ui-multiselect-header li.ui-multiselect-close{padding-right:0;float:right;text-align:right}.ui-multiselect-menu{display:none;position:absolute;padding:3px;text-align:left;z-index:10000;box-shadow:0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23)}.ui-multiselect-checkboxes{position:relative;padding-right:2px;overflow-y:scroll}.ui-multiselect-checkboxes input[type="checkbox"]{top:0;margin:3px 0 0 -20px;float:left}.ui-multiselect-checkboxes input[type="checkbox"]:focus{outline:none}.ui-multiselect-checkboxes label{display:block;padding:3px 1px;padding-left:26px;border:1px solid transparent;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ui-multiselect-checkboxes label input{position:relative;top:1px}.ui-multiselect-checkboxes li{clear:both;font-size:0.92em}.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label{margin-bottom:2px;border-bottom:1px solid #ccc;font-weight:bold;text-align:center}.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a{display:block;margin:1px 0;padding:3px;text-decoration:none}* html .ui-multiselect-checkboxes label{border:0 none}
|
.ui-multiselect{padding:2px 0 2px 4px;text-align:left}.ui-multiselect span.ui-icon{float:right}.ui-multiselect-single .ui-multiselect-checkboxes input{position:absolute !important;top:auto !important;left:-9999px}.ui-multiselect-single .ui-multiselect-checkboxes label{padding:5px !important}.ui-multiselect-header{margin-bottom:3px;padding:3px}.ui-multiselect-header ul{font-size:.92em}.ui-multiselect-header ul li{padding:0 10px 0 0;float:left}.ui-multiselect-header a{text-decoration:none}.ui-multiselect-header a:hover{text-decoration:underline}.ui-multiselect-header span.ui-icon{float:left}.ui-multiselect-header li.ui-multiselect-close{padding-right:0;float:right;text-align:right}.ui-multiselect-menu{box-shadow:0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23);display:none;position:absolute;padding:3px;text-align:left;z-index:10000}.ui-multiselect-checkboxes{position:relative;padding-right:2px;overflow-y:scroll}.ui-multiselect-checkboxes input[type="checkbox"]{top:0;margin:3px 0 0 -20px;float:left}.ui-multiselect-checkboxes input[type="checkbox"]:focus{outline:none}.ui-multiselect-checkboxes label{display:block;padding:3px 1px;padding-left:26px;border:1px solid transparent;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ui-multiselect-checkboxes label input{position:relative;top:1px}.ui-multiselect-checkboxes li{clear:both;font-size:.92em}.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label{margin-bottom:2px;border-bottom:1px solid #ccc;font-weight:bold;text-align:center}.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a{display:block;margin:1px 0;padding:3px;text-decoration:none}* html .ui-multiselect-checkboxes label{border:0 none}
|
||||||
|
|||||||
@@ -1 +1 @@
|
|||||||
.qtip{position:absolute;top:-31000px;left:-31000px;width:auto;max-width:500px;outline:none}.ui-tooltip-content{position:relative;padding:10px;border:1px solid #ccc;background-color:#fff;color:#555;font-size:0.92em;text-align:left;word-wrap:break-word;box-shadow:0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23);overflow:hidden}.ui-tooltip-tip{border-color:#ccc;background-color:#fff}.ui-tooltip-tip{position:absolute;margin:0 auto;border:0 none;background:transparent;overflow:hidden;z-index:10}
|
.qtip{position:absolute;top:-31000px;left:-31000px;width:auto;max-width:500px;outline:none}.ui-tooltip-content{box-shadow:0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23);position:relative;padding:10px;border:1px solid #ccc;background-color:#fff;color:#555;font-size:.92em;text-align:left;word-wrap:break-word;overflow:hidden}.ui-tooltip-tip{border-color:#ccc;background-color:#fff}.ui-tooltip-tip{position:absolute;margin:0 auto;border:0 none;background:transparent;overflow:hidden;z-index:10}
|
||||||
|
|||||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -1,98 +1,87 @@
|
|||||||
var PurpleMine = PurpleMine || {};
|
var PurpleMine = PurpleMine || {}
|
||||||
|
|
||||||
PurpleMine.HistoryTabs = (function()
|
PurpleMine.HistoryTabs = (function () {
|
||||||
{
|
'use strict'
|
||||||
"use strict";
|
|
||||||
|
|
||||||
var self;
|
var instance
|
||||||
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()
|
|
||||||
{
|
|
||||||
if (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()
|
function HistoryTabs () {
|
||||||
{
|
if (instance) {
|
||||||
var html = "",
|
return instance
|
||||||
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()
|
instance = this
|
||||||
{
|
|
||||||
self.$history.find(".has-notes:first").addClass("first-of-notes");
|
this.$tabsContainer = null
|
||||||
self.$history.find(".has-details:first").addClass("first-of-details");
|
this.$tabs = null
|
||||||
|
this.$history = $('#history')
|
||||||
|
this.lang = document.documentElement.lang
|
||||||
|
|
||||||
|
if (typeof translations[this.lang] === 'undefined') {
|
||||||
|
this.lang = 'en'
|
||||||
}
|
}
|
||||||
|
|
||||||
var tabClick = function()
|
this._ = translations[this.lang]
|
||||||
{
|
|
||||||
var $this = $(this),
|
|
||||||
tab = $this.attr("data-tab");
|
|
||||||
|
|
||||||
self.$tabs.removeClass("selected");
|
if (this.$history.length > 0) {
|
||||||
$this.addClass("selected");
|
buildTabs()
|
||||||
|
markFirstOfTypes()
|
||||||
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;
|
function buildTabs () {
|
||||||
}());
|
var html = ''
|
||||||
|
var liStart = '<li><a href="javascript:;" class="'
|
||||||
|
var liMid = 'history-tab" data-tab="'
|
||||||
|
var liEnd = '</a></li>'
|
||||||
|
|
||||||
|
html += '<div class="tabs"><ul>'
|
||||||
|
html += liStart + 'selected ' + liMid + 'all">' + instance._.all + liEnd
|
||||||
|
html += liStart + liMid + 'notes">' + instance._.notes + liEnd
|
||||||
|
html += liStart + liMid + 'details">' + instance._.details + liEnd
|
||||||
|
html += '</ul></div>'
|
||||||
|
|
||||||
|
instance.$tabsContainer = $(html)
|
||||||
|
$('#history > h3').after(instance.$tabsContainer)
|
||||||
|
|
||||||
|
instance.$tabs = instance.$tabsContainer.find('.history-tab')
|
||||||
|
instance.$tabs.on('click', tabClick)
|
||||||
|
}
|
||||||
|
|
||||||
|
function markFirstOfTypes () {
|
||||||
|
instance.$history.find('.has-notes:first').addClass('first-of-notes')
|
||||||
|
instance.$history.find('.has-details:first').addClass('first-of-details')
|
||||||
|
}
|
||||||
|
|
||||||
|
var tabClick = function () {
|
||||||
|
var $this = $(this)
|
||||||
|
var tab = $this.attr('data-tab')
|
||||||
|
|
||||||
|
instance.$tabs.removeClass('selected')
|
||||||
|
$this.addClass('selected')
|
||||||
|
|
||||||
|
instance.$history
|
||||||
|
.removeClass('hide-details')
|
||||||
|
.removeClass('hide-notes')
|
||||||
|
|
||||||
|
if (tab === 'notes') {
|
||||||
|
instance.$history.addClass('hide-details')
|
||||||
|
} else if (tab === 'details') {
|
||||||
|
instance.$history.addClass('hide-notes')
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
return HistoryTabs
|
||||||
|
}())
|
||||||
|
|||||||
@@ -1,142 +1,116 @@
|
|||||||
var PurpleMine = PurpleMine || {};
|
var PurpleMine = PurpleMine || {}
|
||||||
|
|
||||||
PurpleMine.MenuCollapse = (function()
|
PurpleMine.MenuCollapse = (function () {
|
||||||
{
|
'use strict'
|
||||||
"use strict";
|
|
||||||
|
|
||||||
var self;
|
var instance
|
||||||
var translations = {
|
var translations = {
|
||||||
en: {
|
en: {
|
||||||
topMenuToggler : "Expand/collapse top menu",
|
topMenuToggler: 'Expand/collapse top menu'
|
||||||
mainMenuToggler: "Expand/collapse main menu"
|
|
||||||
},
|
},
|
||||||
pl: {
|
pl: {
|
||||||
topMenuToggler : "Zwiń/rozwiń górne menu",
|
topMenuToggler: 'Zwiń/rozwiń górne menu'
|
||||||
mainMenuToggler: "Zwiń/rozwiń główne menu"
|
|
||||||
}
|
}
|
||||||
};
|
|
||||||
|
|
||||||
function MenuCollapse()
|
|
||||||
{
|
|
||||||
if (self)
|
|
||||||
{
|
|
||||||
return self;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
self = this;
|
function MenuCollapse () {
|
||||||
|
if (instance) {
|
||||||
this.lang = document.documentElement.lang;
|
return instance
|
||||||
|
|
||||||
if (typeof translations[this.lang] === "undefined")
|
|
||||||
{
|
|
||||||
this.lang = "en";
|
|
||||||
}
|
}
|
||||||
|
|
||||||
this._ = translations[this.lang];
|
instance = this
|
||||||
|
|
||||||
|
this.lang = document.documentElement.lang
|
||||||
|
|
||||||
|
if (typeof translations[this.lang] === 'undefined') {
|
||||||
|
this.lang = 'en'
|
||||||
|
}
|
||||||
|
|
||||||
|
this._ = translations[this.lang]
|
||||||
|
|
||||||
this.menus = {
|
this.menus = {
|
||||||
top: {
|
top: {
|
||||||
$el: $("#top-menu")
|
$el: $('#top-menu')
|
||||||
},
|
}
|
||||||
main: {
|
|
||||||
$el: $("#main-menu")
|
|
||||||
}
|
}
|
||||||
};
|
|
||||||
|
|
||||||
for (var menu in this.menus)
|
for (var menu in this.menus) {
|
||||||
{
|
if (this.menus.hasOwnProperty(menu) && this.menus[menu].$el.length > 0) {
|
||||||
if (this.menus.hasOwnProperty(menu) &&
|
handleMenu(menu)
|
||||||
this.menus[menu].$el.length > 0)
|
|
||||||
{
|
|
||||||
handleMenu(menu);
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
function handleMenu(menu)
|
function handleMenu (menu) {
|
||||||
{
|
if (instance.menus[menu].$el.css('maxHeight') === 'none') {
|
||||||
if ("none" === self.menus[menu].$el.css("maxHeight"))
|
return false
|
||||||
{
|
|
||||||
return false;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
self.menus[menu].collapsed = true;
|
instance.menus[menu].collapsed = true
|
||||||
|
|
||||||
if (window.localStorage)
|
if (window.localStorage) {
|
||||||
{
|
instance.menus[menu].collapsed =
|
||||||
self.menus[menu].collapsed =
|
localStorage.getItem(getMenuStorageKey(menu)) === null
|
||||||
null === localStorage.getItem(getMenuStorageKey(menu));
|
|
||||||
}
|
}
|
||||||
|
|
||||||
buildToggleButton(menu);
|
buildToggleButton(menu)
|
||||||
|
|
||||||
if (false === self.isCollapsed(menu))
|
if (instance.isCollapsed(menu) === false) {
|
||||||
{
|
instance.expandMenu(menu)
|
||||||
self.expandMenu(menu);
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
function getMenuStorageKey(menu)
|
function getMenuStorageKey (menu) {
|
||||||
{
|
return 'PurpleMine:' + menu + 'MenuExpanded'
|
||||||
return "PurpleMine:" + menu + "MenuExpanded";
|
|
||||||
}
|
}
|
||||||
|
|
||||||
function buildToggleButton(menu)
|
function buildToggleButton (menu) {
|
||||||
{
|
var togglerClass = menu + '-menu-toggler'
|
||||||
var togglerClass = menu + "-menu-toggler",
|
var togglerLabel = instance._[menu + 'MenuToggler']
|
||||||
togglerLabel = self._[menu + "MenuToggler"],
|
var togglerHtml = '<a href="javascript:;" class="' +
|
||||||
togglerHtml;
|
togglerClass +
|
||||||
|
'" title="' +
|
||||||
|
togglerLabel +
|
||||||
|
'"></a>'
|
||||||
|
instance.menus[menu].$toggler = $(togglerHtml)
|
||||||
|
|
||||||
togglerHtml = "<a href=\"javascript:;\" class=\"" + togglerClass +
|
instance.menus[menu].$el.prepend(instance.menus[menu].$toggler)
|
||||||
"\" title=\"" + togglerLabel + "\"></a>";
|
instance.menus[menu].$toggler.on('click', { menu: menu }, instance.toggleMenu)
|
||||||
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)
|
MenuCollapse.prototype.toggleMenu = function (event) {
|
||||||
{
|
var menu = event.data.menu || ''
|
||||||
var menu = event.data.menu || "";
|
|
||||||
|
|
||||||
if (self.isCollapsed(menu))
|
if (instance.isCollapsed(menu)) {
|
||||||
{
|
instance.expandMenu(menu)
|
||||||
self.expandMenu(menu);
|
} else {
|
||||||
|
instance.collapseMenu(menu)
|
||||||
}
|
}
|
||||||
else
|
|
||||||
{
|
|
||||||
self.collapseMenu(menu);
|
|
||||||
}
|
}
|
||||||
};
|
|
||||||
|
|
||||||
MenuCollapse.prototype.isCollapsed = function(menu)
|
MenuCollapse.prototype.isCollapsed = function (menu) {
|
||||||
{
|
return this.menus[menu].collapsed
|
||||||
return this.menus[menu].collapsed;
|
|
||||||
};
|
|
||||||
|
|
||||||
MenuCollapse.prototype.expandMenu = function(menu)
|
|
||||||
{
|
|
||||||
this.menus[menu].$el.addClass("expanded");
|
|
||||||
this.menus[menu].$toggler.addClass("expanded");
|
|
||||||
this.menus[menu].collapsed = false;
|
|
||||||
|
|
||||||
if (window.localStorage)
|
|
||||||
{
|
|
||||||
localStorage.setItem(getMenuStorageKey(menu), "x");
|
|
||||||
}
|
}
|
||||||
};
|
|
||||||
|
|
||||||
MenuCollapse.prototype.collapseMenu = function(menu)
|
MenuCollapse.prototype.expandMenu = function (menu) {
|
||||||
{
|
this.menus[menu].$el.addClass('expanded')
|
||||||
this.menus[menu].$el.removeClass("expanded");
|
this.menus[menu].$toggler.addClass('expanded')
|
||||||
this.menus[menu].$toggler.removeClass("expanded");
|
this.menus[menu].collapsed = false
|
||||||
this.menus[menu].collapsed = true;
|
|
||||||
|
|
||||||
if (window.localStorage)
|
if (window.localStorage) {
|
||||||
{
|
localStorage.setItem(getMenuStorageKey(menu), 'x')
|
||||||
localStorage.removeItem(getMenuStorageKey(menu));
|
}
|
||||||
}
|
}
|
||||||
};
|
|
||||||
|
|
||||||
return MenuCollapse;
|
MenuCollapse.prototype.collapseMenu = function (menu) {
|
||||||
}());
|
this.menus[menu].$el.removeClass('expanded')
|
||||||
|
this.menus[menu].$toggler.removeClass('expanded')
|
||||||
|
this.menus[menu].collapsed = true
|
||||||
|
|
||||||
|
if (window.localStorage) {
|
||||||
|
localStorage.removeItem(getMenuStorageKey(menu))
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
return MenuCollapse
|
||||||
|
}())
|
||||||
|
|||||||
@@ -1,157 +1,144 @@
|
|||||||
var PurpleMine = PurpleMine || {};
|
var PurpleMine = PurpleMine || {}
|
||||||
/* global Raphael: false, revisionGraph: true */
|
/* global Raphael: false, revisionGraph: true */
|
||||||
/* jshint camelcase: false */
|
/* jshint camelcase: false */
|
||||||
/* jshint maxstatements: false */
|
/* jshint maxstatements: false */
|
||||||
/* jshint maxlen: 160 */
|
/* jshint maxlen: 160 */
|
||||||
|
|
||||||
PurpleMine.RevisionGraph = function(holder, commits_hash, graph_space)
|
PurpleMine.RevisionGraph = function (holder, commitsHash, graphSpace) {
|
||||||
{
|
'use strict'
|
||||||
"use strict";
|
|
||||||
|
|
||||||
var XSTEP = 20,
|
var XSTEP = 20
|
||||||
CIRCLE_INROW_OFFSET = 17;
|
var CIRCLE_INROW_OFFSET = 17
|
||||||
var commits_by_scmid = commits_hash,
|
var commitsByScmid = commitsHash
|
||||||
commits = $.map(commits_by_scmid, function(val){return val;});
|
var commits = $.map(commitsByScmid, function (val) { return val })
|
||||||
var max_rdmid = commits.length - 1;
|
var maxRdmid = commits.length - 1
|
||||||
var commit_table_rows = $("table.changesets tr.changeset");
|
var commitTableRows = $('table.changesets tr.changeset')
|
||||||
|
|
||||||
// create graph
|
// create graph
|
||||||
if (revisionGraph !== null)
|
if (revisionGraph !== null) {
|
||||||
{
|
revisionGraph.clear()
|
||||||
revisionGraph.clear();
|
} else {
|
||||||
}
|
revisionGraph = new Raphael(holder)
|
||||||
else
|
|
||||||
{
|
|
||||||
revisionGraph = new Raphael(holder);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
var top = revisionGraph.set();
|
var top = revisionGraph.set()
|
||||||
|
|
||||||
// init dimensions
|
// init dimensions
|
||||||
var graph_x_offset = commit_table_rows.first().find("td").first().position().left - $(holder).position().left,
|
var graphXOffset = commitTableRows.first().find('td').first().position().left - $(holder).position().left
|
||||||
graph_y_offset = $(holder).position().top,
|
var graphYOffset = $(holder).position().top
|
||||||
graph_right_side = graph_x_offset + (graph_space + 1) * XSTEP,
|
var graphRightSide = graphXOffset + (graphSpace + 1) * XSTEP
|
||||||
graph_bottom = commit_table_rows.last().position().top + commit_table_rows.last().height() - graph_y_offset;
|
var graphBottom = commitTableRows.last().position().top + commitTableRows.last().height() - graphYOffset
|
||||||
|
|
||||||
revisionGraph.setSize(graph_right_side, graph_bottom);
|
revisionGraph.setSize(graphRightSide, graphBottom)
|
||||||
|
|
||||||
// init colors
|
// init colors
|
||||||
var colors = [
|
var colors = [
|
||||||
"#e74c3c",
|
'#e74c3c',
|
||||||
"#584492",
|
'#584492',
|
||||||
"#019851",
|
'#019851',
|
||||||
"#ed820c",
|
'#ed820c',
|
||||||
"#4183c4"
|
'#4183c4'
|
||||||
];
|
]
|
||||||
|
|
||||||
// get more colors if needed
|
// get more colors if needed
|
||||||
if (graph_space >= colors.length)
|
if (graphSpace >= colors.length) {
|
||||||
{
|
Raphael.getColor.reset()
|
||||||
Raphael.getColor.reset();
|
|
||||||
|
|
||||||
for (var k = 0; k <= graph_space; k++)
|
for (var k = 0; k <= graphSpace; k++) {
|
||||||
{
|
colors.push(Raphael.getColor(0.9))
|
||||||
colors.push(Raphael.getColor(0.9));
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
var parent_commit;
|
var parentCommit
|
||||||
var x, y, parent_x, parent_y;
|
var x, y, parentX, parentY
|
||||||
var path, title;
|
var path, title
|
||||||
var revision_dot_overlay;
|
var revisionDotOverlay
|
||||||
|
|
||||||
$.each(commits, function(index, commit)
|
$.each(commits, function (index, commit) {
|
||||||
{
|
if (!commit.hasOwnProperty('space')) {
|
||||||
if (!commit.hasOwnProperty("space"))
|
commit.space = 0
|
||||||
{
|
|
||||||
commit.space = 0;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
y = commit_table_rows.eq(max_rdmid - commit.rdmid).position().top - graph_y_offset + CIRCLE_INROW_OFFSET;
|
y = commitTableRows.eq(maxRdmid - commit.rdmid).position().top - graphYOffset + CIRCLE_INROW_OFFSET
|
||||||
x = graph_x_offset + XSTEP / 2 + XSTEP * commit.space;
|
x = graphXOffset + XSTEP / 2 + XSTEP * commit.space
|
||||||
|
|
||||||
revisionGraph.circle(x, y, 3.5)
|
revisionGraph
|
||||||
|
.circle(x, y, 3.5)
|
||||||
.attr({
|
.attr({
|
||||||
fill: colors[commit.space],
|
fill: colors[commit.space],
|
||||||
stroke: "none"
|
stroke: 'none'
|
||||||
}).toFront();
|
})
|
||||||
|
.toFront()
|
||||||
|
|
||||||
// paths to parents
|
// paths to parents
|
||||||
$.each(commit.parent_scmids, function(index, parent_scmid)
|
$.each(commit.parent_scmids, function (index, parentScmid) {
|
||||||
{
|
parentCommit = commitsByScmid[parentScmid]
|
||||||
parent_commit = commits_by_scmid[parent_scmid];
|
|
||||||
|
|
||||||
if (parent_commit)
|
if (parentCommit) {
|
||||||
{
|
if (!parentCommit.hasOwnProperty('space')) {
|
||||||
if (!parent_commit.hasOwnProperty("space"))
|
parentCommit.space = 0
|
||||||
{
|
|
||||||
parent_commit.space = 0;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
parent_y = commit_table_rows.eq(max_rdmid - parent_commit.rdmid).position().top - graph_y_offset + CIRCLE_INROW_OFFSET;
|
parentY = commitTableRows.eq(maxRdmid - parentCommit.rdmid).position().top - graphYOffset + CIRCLE_INROW_OFFSET
|
||||||
parent_x = graph_x_offset + XSTEP / 2 + XSTEP * parent_commit.space;
|
parentX = graphXOffset + XSTEP / 2 + XSTEP * parentCommit.space
|
||||||
|
|
||||||
if (parent_commit.space === commit.space)
|
if (parentCommit.space === commit.space) {
|
||||||
{
|
|
||||||
// vertical path
|
// vertical path
|
||||||
path = revisionGraph.path([
|
path = revisionGraph.path([
|
||||||
"M", x, y,
|
'M', x, y,
|
||||||
"V", parent_y]);
|
'V', parentY])
|
||||||
}
|
} else {
|
||||||
else
|
|
||||||
{
|
|
||||||
// path to a commit in a different branch (Bezier curve)
|
// path to a commit in a different branch (Bezier curve)
|
||||||
path = revisionGraph.path([
|
path = revisionGraph.path([
|
||||||
"M", x, y,
|
'M', x, y,
|
||||||
"C", x, y, x, y + (parent_y - y) / 2, x + (parent_x - x) / 2, y + (parent_y - y) / 2,
|
'C', x, y, x, y + (parentY - y) / 2, x + (parentX - x) / 2, y + (parentY - 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
|
'C', x + (parentX - x) / 2, y + (parentY - y) / 2, parentX, parentY - (parentY - y) / 2, parentX, parentY
|
||||||
]);
|
])
|
||||||
}
|
}
|
||||||
}
|
} else {
|
||||||
else
|
|
||||||
{
|
|
||||||
// vertical path ending at the bottom of the revisionGraph
|
// vertical path ending at the bottom of the revisionGraph
|
||||||
path = revisionGraph.path([
|
path = revisionGraph.path([
|
||||||
"M", x, y,
|
'M', x, y,
|
||||||
"V", graph_bottom
|
'V', graphBottom
|
||||||
]);
|
])
|
||||||
}
|
}
|
||||||
|
|
||||||
path.attr({stroke: colors[commit.space], "stroke-width": 1.5}).toBack();
|
path
|
||||||
});
|
|
||||||
|
|
||||||
revision_dot_overlay = revisionGraph.circle(x, y, 10);
|
|
||||||
revision_dot_overlay
|
|
||||||
.attr({
|
.attr({
|
||||||
fill : "#000",
|
stroke: colors[commit.space],
|
||||||
|
'stroke-width': 1.5
|
||||||
|
})
|
||||||
|
.toBack()
|
||||||
|
})
|
||||||
|
|
||||||
|
revisionDotOverlay = revisionGraph.circle(x, y, 10)
|
||||||
|
revisionDotOverlay
|
||||||
|
.attr({
|
||||||
|
fill: '#000',
|
||||||
opacity: 0,
|
opacity: 0,
|
||||||
cursor : "pointer",
|
cursor: 'pointer',
|
||||||
href: commit.href
|
href: commit.href
|
||||||
});
|
})
|
||||||
|
|
||||||
if (commit.refs !== null && commit.refs.length > 0)
|
if (commit.refs !== null && commit.refs.length > 0) {
|
||||||
{
|
title = document.createElementNS(revisionGraph.canvas.namespaceURI, 'title')
|
||||||
title = document.createElementNS(revisionGraph.canvas.namespaceURI, "title");
|
title.appendChild(document.createTextNode(commit.refs))
|
||||||
title.appendChild(document.createTextNode(commit.refs));
|
revisionDotOverlay.node.appendChild(title)
|
||||||
revision_dot_overlay.node.appendChild(title);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
top.push(revision_dot_overlay);
|
top.push(revisionDotOverlay)
|
||||||
});
|
})
|
||||||
|
|
||||||
top.toFront();
|
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()
|
||||||
}
|
}
|
||||||
});
|
})
|
||||||
|
|
||||||
|
|||||||
@@ -1,154 +1,135 @@
|
|||||||
var PurpleMine = PurpleMine || {};
|
var PurpleMine = PurpleMine || {}
|
||||||
|
|
||||||
PurpleMine.SidebarToggler = (function()
|
PurpleMine.SidebarToggler = (function () {
|
||||||
{
|
'use strict'
|
||||||
"use strict";
|
|
||||||
|
|
||||||
var self;
|
var instance
|
||||||
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()
|
|
||||||
{
|
|
||||||
if (self)
|
|
||||||
{
|
|
||||||
return self;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
self = this;
|
function SidebarToggler () {
|
||||||
|
if (instance) {
|
||||||
this.sidebarVisible = true;
|
return instance
|
||||||
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];
|
instance = 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
|
// Fix issue with context menu position
|
||||||
if ("relative" === this.$main.css("position"))
|
if (this.$main.css('position') === 'relative') {
|
||||||
{
|
$('#context-menu').appendTo('#wrapper3')
|
||||||
$("#context-menu").appendTo("#wrapper3");
|
|
||||||
}
|
}
|
||||||
|
|
||||||
handleSidebar();
|
handleSidebar()
|
||||||
}
|
}
|
||||||
|
|
||||||
function handleSidebar()
|
function handleSidebar () {
|
||||||
{
|
if (window.localStorage) {
|
||||||
if (window.localStorage)
|
instance.sidebarVisible =
|
||||||
{
|
localStorage.getItem('PurpleMine:sidebarHidden') === null
|
||||||
self.sidebarVisible =
|
|
||||||
null === localStorage.getItem("PurpleMine:sidebarHidden");
|
|
||||||
}
|
}
|
||||||
|
|
||||||
if (self.$sidebar.length > 0 &&
|
if (
|
||||||
false === self.$main.hasClass("nosidebar"))
|
instance.$sidebar.length > 0 &&
|
||||||
{
|
instance.$main.hasClass('nosidebar') === false
|
||||||
buildButton();
|
) {
|
||||||
bindKeyHandler();
|
buildButton()
|
||||||
|
bindKeyHandler()
|
||||||
|
|
||||||
if (false === self.sidebarVisible)
|
if (instance.sidebarVisible === false) {
|
||||||
{
|
instance.hideSidebar(true)
|
||||||
self.hideSidebar(true);
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
function bindKeyHandler()
|
function bindKeyHandler () {
|
||||||
{
|
var body = document.getElementsByTagName('body')[0]
|
||||||
var body = document.getElementsByTagName("body")[0];
|
|
||||||
|
|
||||||
window.onkeydown = function(event)
|
window.onkeydown = function (event) {
|
||||||
{
|
if (
|
||||||
if (body === event.target && 83 === event.keyCode && // "s"
|
body === event.target &&
|
||||||
false === event.ctrlKey && false === event.altKey &&
|
event.keyCode === 83 && // "s"
|
||||||
false === event.shiftKey)
|
event.ctrlKey === false &&
|
||||||
{
|
event.altKey === false &&
|
||||||
self.toggleSidebar();
|
event.shiftKey === false
|
||||||
|
) {
|
||||||
|
instance.toggleSidebar()
|
||||||
|
}
|
||||||
}
|
}
|
||||||
};
|
|
||||||
}
|
}
|
||||||
|
|
||||||
function buildButton()
|
function buildButton () {
|
||||||
{
|
var togglerClass = 'sidebar-toggler'
|
||||||
var togglerClass = "sidebar-toggler",
|
var togglerHtml = '<a href="javascript:;" class="' +
|
||||||
togglerHtml;
|
togglerClass +
|
||||||
|
'" title="' +
|
||||||
|
instance._.toggler +
|
||||||
|
'"></a>'
|
||||||
|
instance.$toggler = $(togglerHtml)
|
||||||
|
|
||||||
togglerHtml = "<a href=\"javascript:;\" class=\"" + togglerClass +
|
instance.$main.append(instance.$toggler)
|
||||||
"\" title=\"" + self._.toggler + "\"></a>";
|
instance.$toggler.on('click', instance.toggleSidebar)
|
||||||
self.$toggler = $(togglerHtml);
|
|
||||||
|
|
||||||
self.$main.append(self.$toggler);
|
|
||||||
self.$toggler.on("click", self.toggleSidebar);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
SidebarToggler.prototype.toggleSidebar = function()
|
SidebarToggler.prototype.toggleSidebar = function () {
|
||||||
{
|
if (instance.sidebarVisible) {
|
||||||
if (self.sidebarVisible)
|
instance.hideSidebar()
|
||||||
{
|
} else {
|
||||||
self.hideSidebar();
|
instance.showSidebar()
|
||||||
}
|
}
|
||||||
else
|
|
||||||
{
|
|
||||||
self.showSidebar();
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
SidebarToggler.prototype.hideSidebar = function(immediate)
|
|
||||||
{
|
|
||||||
if (true === immediate)
|
|
||||||
{
|
|
||||||
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.addClass("sidebar-hidden");
|
SidebarToggler.prototype.hideSidebar = function (immediate) {
|
||||||
this.sidebarVisible = false;
|
if (immediate === true) {
|
||||||
|
this.$sidebar.addClass('sidebar-hiding sidebar-hidden')
|
||||||
if (window.localStorage)
|
} else {
|
||||||
{
|
this.$sidebar.addClass('sidebar-hiding')
|
||||||
localStorage.setItem("PurpleMine:sidebarHidden", "x");
|
this.sidebarHiding = setTimeout(function sidebarTimeout () {
|
||||||
|
instance.$sidebar.addClass('sidebar-hidden')
|
||||||
|
}, 500)
|
||||||
}
|
}
|
||||||
};
|
|
||||||
|
|
||||||
SidebarToggler.prototype.showSidebar = function()
|
this.$toggler.addClass('sidebar-hidden')
|
||||||
{
|
this.sidebarVisible = false
|
||||||
clearTimeout(this.sidebarHiding);
|
|
||||||
|
|
||||||
self.$sidebar.removeClass("sidebar-hidden");
|
if (window.localStorage) {
|
||||||
setTimeout(function sidebarTimeout()
|
localStorage.setItem('PurpleMine:sidebarHidden', 'x')
|
||||||
{
|
}
|
||||||
self.$sidebar.removeClass("sidebar-hiding");
|
|
||||||
}, 50);
|
|
||||||
|
|
||||||
this.$toggler.removeClass("sidebar-hidden");
|
|
||||||
this.sidebarVisible = true;
|
|
||||||
|
|
||||||
if (window.localStorage)
|
|
||||||
{
|
|
||||||
localStorage.removeItem("PurpleMine:sidebarHidden");
|
|
||||||
}
|
}
|
||||||
};
|
|
||||||
|
|
||||||
return SidebarToggler;
|
SidebarToggler.prototype.showSidebar = function () {
|
||||||
}());
|
clearTimeout(this.sidebarHiding)
|
||||||
|
|
||||||
|
instance.$sidebar.removeClass('sidebar-hidden')
|
||||||
|
setTimeout(function sidebarTimeout () {
|
||||||
|
instance.$sidebar.removeClass('sidebar-hiding')
|
||||||
|
}, 50)
|
||||||
|
|
||||||
|
this.$toggler.removeClass('sidebar-hidden')
|
||||||
|
this.sidebarVisible = true
|
||||||
|
|
||||||
|
if (window.localStorage) {
|
||||||
|
localStorage.removeItem('PurpleMine:sidebarHidden')
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
return SidebarToggler
|
||||||
|
}())
|
||||||
|
|||||||
@@ -1,9 +1,9 @@
|
|||||||
$(function()
|
$(function () {
|
||||||
{
|
|
||||||
/* global PurpleMine */
|
/* global PurpleMine */
|
||||||
"use strict";
|
'use strict'
|
||||||
|
|
||||||
new PurpleMine.SidebarToggler();
|
/* eslint-disable no-new */
|
||||||
new PurpleMine.HistoryTabs();
|
new PurpleMine.SidebarToggler()
|
||||||
new PurpleMine.MenuCollapse();
|
new PurpleMine.HistoryTabs()
|
||||||
});
|
new PurpleMine.MenuCollapse()
|
||||||
|
})
|
||||||
|
|||||||
@@ -5,11 +5,8 @@
|
|||||||
@import "mixins/center-block";
|
@import "mixins/center-block";
|
||||||
@import "mixins/clearfix";
|
@import "mixins/clearfix";
|
||||||
@import "mixins/forms";
|
@import "mixins/forms";
|
||||||
@import "mixins/gradients";
|
|
||||||
@import "mixins/image";
|
@import "mixins/image";
|
||||||
@import "mixins/opacity";
|
|
||||||
@import "mixins/text-overflow";
|
@import "mixins/text-overflow";
|
||||||
@import "mixins/vendor-prefixes";
|
|
||||||
|
|
||||||
@import "mixins/issues";
|
@import "mixins/issues";
|
||||||
@import "mixins/link-variant";
|
@import "mixins/link-variant";
|
||||||
|
|||||||
@@ -21,7 +21,6 @@ $issue-subject-large: true !default;
|
|||||||
$enable-sidebar-toggler: true !default;
|
$enable-sidebar-toggler: true !default;
|
||||||
$wiki-page-more-vertical-space: true !default;
|
$wiki-page-more-vertical-space: true !default;
|
||||||
$top-menu-collapse: false !default;
|
$top-menu-collapse: false !default;
|
||||||
$main-menu-collapse: false !default;
|
|
||||||
|
|
||||||
|
|
||||||
//== Colors
|
//== Colors
|
||||||
@@ -249,6 +248,7 @@ $diff-in-bg-light: rgba($diff-in-bg, .3) !default;
|
|||||||
|
|
||||||
//== Journal changes
|
//== Journal changes
|
||||||
//
|
//
|
||||||
|
|
||||||
$journal-old-value-color: #430 !default;
|
$journal-old-value-color: #430 !default;
|
||||||
$journal-old-value-bg: rgba(#ffeaaa, .3) !default;
|
$journal-old-value-bg: rgba(#ffeaaa, .3) !default;
|
||||||
$journal-new-value-color: #350 !default;
|
$journal-new-value-color: #350 !default;
|
||||||
@@ -350,6 +350,7 @@ $logo-position-vertical: center !default;
|
|||||||
$logo-space: floor($header-padding-vertical / 2) !default;
|
$logo-space: floor($header-padding-vertical / 2) !default;
|
||||||
|
|
||||||
$main-menu-bg: $gray-lightest !default;
|
$main-menu-bg: $gray-lightest !default;
|
||||||
|
$main-menu-bg-hover: $gray-lightest !default;
|
||||||
$main-menu-link: $gray-darker !default;
|
$main-menu-link: $gray-darker !default;
|
||||||
$main-menu-link-active: #000 !default;
|
$main-menu-link-active: #000 !default;
|
||||||
$main-menu-border: $gray-lighter !default;
|
$main-menu-border: $gray-lighter !default;
|
||||||
@@ -358,6 +359,7 @@ $main-menu-shadow-width: 3px !default;
|
|||||||
$main-menu-shadow-active: $brand-primary !default;
|
$main-menu-shadow-active: $brand-primary !default;
|
||||||
$main-menu-padding-vertical: $padding-large-vertical !default;
|
$main-menu-padding-vertical: $padding-large-vertical !default;
|
||||||
$main-menu-padding-horizontal: 5px !default;
|
$main-menu-padding-horizontal: 5px !default;
|
||||||
|
$main-menu-dropdown-bg: lighten($main-menu-bg, 3%);
|
||||||
|
|
||||||
|
|
||||||
//== Pagination
|
//== Pagination
|
||||||
@@ -367,17 +369,21 @@ $pagination-padding-vertical: $btn-padding-vertical !default;
|
|||||||
$pagination-padding-horizontal: 10px !default;
|
$pagination-padding-horizontal: 10px !default;
|
||||||
|
|
||||||
$pagination-color: $link-color !default;
|
$pagination-color: $link-color !default;
|
||||||
$pagination-bg: #fff !default;
|
$pagination-bg: #f9f9f9 !default;
|
||||||
$pagination-border: #ddd !default;
|
$pagination-border: #ddd !default;
|
||||||
|
|
||||||
$pagination-hover-color: $link-hover-color !default;
|
$pagination-hover-color: $link-hover-color !default;
|
||||||
$pagination-hover-bg: $gray-lightest !default;
|
$pagination-hover-bg: $gray-lightest !default;
|
||||||
$pagination-hover-border: #ddd !default;
|
$pagination-hover-border: #bbb !default;
|
||||||
|
|
||||||
$pagination-active-color: #fff !default;
|
$pagination-active-color: #fff !default;
|
||||||
$pagination-active-bg: $brand-primary !default;
|
$pagination-active-bg: $brand-primary !default;
|
||||||
$pagination-active-border: $brand-primary !default;
|
$pagination-active-border: $brand-primary !default;
|
||||||
|
|
||||||
|
$pagination-inactive-color: #ccc !default;
|
||||||
|
$pagination-inactive-bg: #fff !default;
|
||||||
|
$pagination-inactive-border: #eee !default;
|
||||||
|
|
||||||
|
|
||||||
//== Tabs
|
//== Tabs
|
||||||
//
|
//
|
||||||
@@ -438,9 +444,11 @@ $progress-bar-info-bg: lighten($brand-info, 20%) !default;
|
|||||||
//== Panels
|
//== Panels
|
||||||
//
|
//
|
||||||
|
|
||||||
$panel-body-padding: 15px !default;
|
$panel-body-padding-vertical: 15px !default;
|
||||||
|
$panel-body-padding-horizontal: 15px !default;
|
||||||
|
$panel-body-padding: $panel-body-padding-vertical $panel-body-padding-horizontal !default;
|
||||||
$panel-color: #555 !default;
|
$panel-color: #555 !default;
|
||||||
$panel-bg: #f5f5f5 !default;
|
$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),
|
||||||
@@ -474,6 +482,7 @@ $issue-attribute-padding-h: 5px !default;
|
|||||||
|
|
||||||
//== Speech "bubbles"
|
//== Speech "bubbles"
|
||||||
//
|
//
|
||||||
|
|
||||||
$bubble-gravatar-size: 24px !default;
|
$bubble-gravatar-size: 24px !default;
|
||||||
$bubble-gravatar-space: 12px !default;
|
$bubble-gravatar-space: 12px !default;
|
||||||
$bubble-padding-vertical: 8px !default;
|
$bubble-padding-vertical: 8px !default;
|
||||||
@@ -499,7 +508,6 @@ $screen-sm-max: ($screen-md-min - 1) !default;
|
|||||||
$screen-md-max: ($screen-lg-min - 1) !default;
|
$screen-md-max: ($screen-lg-min - 1) !default;
|
||||||
|
|
||||||
$top-menu-collapse-breakpoint: $screen-lg-min !default;
|
$top-menu-collapse-breakpoint: $screen-lg-min !default;
|
||||||
$main-menu-collapse-breakpoint: $screen-lg-min !default;
|
|
||||||
|
|
||||||
|
|
||||||
//== Content widths
|
//== Content widths
|
||||||
|
|||||||
@@ -2,6 +2,8 @@
|
|||||||
@import "mixins";
|
@import "mixins";
|
||||||
|
|
||||||
@import "lib/normalize";
|
@import "lib/normalize";
|
||||||
|
@import "lib/font-awesome";
|
||||||
|
|
||||||
|
|
||||||
//== Redmine's core elements
|
//== Redmine's core elements
|
||||||
//
|
//
|
||||||
|
|||||||
@@ -32,9 +32,8 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/**
|
//== Groups
|
||||||
* Groups
|
//
|
||||||
*/
|
|
||||||
|
|
||||||
table.members,
|
table.members,
|
||||||
table.memberships {
|
table.memberships {
|
||||||
@@ -44,9 +43,8 @@ table.memberships {
|
|||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/**
|
//== Permissions
|
||||||
* Permissions
|
//
|
||||||
*/
|
|
||||||
|
|
||||||
table.permissions {
|
table.permissions {
|
||||||
td.role {
|
td.role {
|
||||||
@@ -58,9 +56,8 @@ table.permissions {
|
|||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/**
|
//== Workflows
|
||||||
* Workflows
|
//
|
||||||
*/
|
|
||||||
|
|
||||||
table.transitions {
|
table.transitions {
|
||||||
td.enabled {
|
td.enabled {
|
||||||
@@ -88,9 +85,8 @@ table.fields_permissions {
|
|||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/**
|
//== Enumerations
|
||||||
* Enumerations
|
//
|
||||||
*/
|
|
||||||
|
|
||||||
.controller-enumerations.action-index {
|
.controller-enumerations.action-index {
|
||||||
#content {
|
#content {
|
||||||
@@ -106,18 +102,16 @@ table.fields_permissions {
|
|||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/**
|
//== Settings labels
|
||||||
* Settings labels
|
//
|
||||||
*/
|
|
||||||
|
|
||||||
fieldset.settings label {
|
fieldset.settings label {
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/**
|
//== Settings -> Notifications
|
||||||
* Settings -> Notifications
|
//
|
||||||
*/
|
|
||||||
|
|
||||||
fieldset#notified_events {
|
fieldset#notified_events {
|
||||||
.parent {
|
.parent {
|
||||||
@@ -126,9 +120,8 @@ fieldset#notified_events {
|
|||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/**
|
//== Settings -> Repositories
|
||||||
* Settings -> Repositories
|
//
|
||||||
*/
|
|
||||||
|
|
||||||
.settings.enabled_scm {
|
.settings.enabled_scm {
|
||||||
table {
|
table {
|
||||||
|
|||||||
@@ -5,20 +5,23 @@
|
|||||||
input[type="button"],
|
input[type="button"],
|
||||||
input[type="submit"],
|
input[type="submit"],
|
||||||
button {
|
button {
|
||||||
|
@include button-size($btn-padding-vertical, $btn-padding-horizontal, $font-size-base, $line-height-base, $border-radius-base);
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
|
transition: background-color ease-in-out .07s,
|
||||||
|
border-color ease-in-out .07s,
|
||||||
|
box-shadow ease-in-out .07s;
|
||||||
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);
|
user-select: none;
|
||||||
@include user-select(none);
|
@include button-variant($btn-primary-color, $btn-primary-bg, $btn-primary-border); // scss-lint:disable DeclarationOrder
|
||||||
@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);
|
|
||||||
|
|
||||||
&:hover,
|
&:hover,
|
||||||
&:focus {
|
&:focus {
|
||||||
|
outline: 0;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -31,14 +34,13 @@ button {
|
|||||||
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);
|
opacity: .65;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/**
|
//== Form buttons layout
|
||||||
* Form buttons layout
|
//
|
||||||
*/
|
|
||||||
|
|
||||||
form {
|
form {
|
||||||
input[type="submit"] {
|
input[type="submit"] {
|
||||||
@@ -50,26 +52,25 @@ form {
|
|||||||
|
|
||||||
+ a {
|
+ a {
|
||||||
margin-right: 5px;
|
margin-right: 5px;
|
||||||
}
|
|
||||||
|
|
||||||
+ a + a {
|
+ a {
|
||||||
margin-left: 5px;
|
margin-left: 5px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
/**
|
//== Repository's 'View differences' button
|
||||||
* Repository's 'View differences' button
|
//
|
||||||
*/
|
|
||||||
form[action*="repository/diff"] {
|
form[action*="repository/diff"] {
|
||||||
margin-bottom: $line-height-computed / 2;
|
margin-bottom: $line-height-computed / 2;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/**
|
//== Forum and news message form buttons layout
|
||||||
* Forum and news message form buttons layout
|
//
|
||||||
*/
|
|
||||||
|
|
||||||
#message-form,
|
#message-form,
|
||||||
#news-form {
|
#news-form {
|
||||||
@@ -82,14 +83,77 @@ form[action*="repository/diff"] {
|
|||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/**
|
//== Button links
|
||||||
* Query builder buttons
|
//
|
||||||
*/
|
|
||||||
|
p.buttons,
|
||||||
|
.other-formats > span,
|
||||||
|
#wiki_add_attachment > p {
|
||||||
|
> a {
|
||||||
|
display: inline-block;
|
||||||
|
padding: $input-padding-vertical $input-padding-horizontal;
|
||||||
|
border: 1px solid $pagination-border;
|
||||||
|
border-radius: $input-border-radius;
|
||||||
|
background-color: $pagination-bg;
|
||||||
|
text-shadow: 1px 1px 0 #fff;
|
||||||
|
|
||||||
|
&:hover,
|
||||||
|
&:focus {
|
||||||
|
border-color: $pagination-hover-border;
|
||||||
|
outline: 0;
|
||||||
|
background-color: $pagination-hover-bg;
|
||||||
|
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%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
//== Action buttons group
|
||||||
|
//
|
||||||
|
|
||||||
|
p.buttons {
|
||||||
|
margin-bottom: $line-height-computed;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
//== Export actions
|
||||||
|
//
|
||||||
|
|
||||||
|
.other-formats {
|
||||||
|
margin: $line-height-computed 0 0;
|
||||||
|
text-align: right;
|
||||||
|
|
||||||
|
.pagination + &,
|
||||||
|
#wiki_add_attachment + & {
|
||||||
|
margin-top: 0;
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
//== Query builder buttons
|
||||||
|
//
|
||||||
|
|
||||||
.query-columns {
|
.query-columns {
|
||||||
select {
|
select {
|
||||||
// scss-lint:disable ImportantRule
|
width: auto !important; // scss-lint:disable ImportantRule
|
||||||
width: auto !important;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.buttons {
|
.buttons {
|
||||||
@@ -100,30 +164,29 @@ form[action*="repository/diff"] {
|
|||||||
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); // scss-lint:disable DeclarationOrder
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/**
|
//== Button for toggling multiselect (in filters)
|
||||||
* Button for toggling multiselect (in filters)
|
//
|
||||||
*/
|
|
||||||
|
|
||||||
a[data-expands],
|
a[data-expands],
|
||||||
.toggle-multiselect {
|
.toggle-multiselect {
|
||||||
|
@extend %image-toggle-plus;
|
||||||
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;
|
|
||||||
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);
|
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); // scss-lint:disable DeclarationOrder
|
||||||
}
|
}
|
||||||
|
|
||||||
a[data-expands] {
|
a[data-expands] {
|
||||||
@@ -131,6 +194,12 @@ a[data-expands] {
|
|||||||
margin-right: 10px;
|
margin-right: 10px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
|
|
||||||
|
> .toggle-multiselect {
|
||||||
|
padding: 0;
|
||||||
|
border: 0 none;
|
||||||
|
background: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
img {
|
img {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -302,36 +302,13 @@
|
|||||||
|
|
||||||
.insert {
|
.insert {
|
||||||
background: hsla(120, 100%, 50%, .12);
|
background: hsla(120, 100%, 50%, .12);
|
||||||
}
|
|
||||||
|
|
||||||
.delete {
|
|
||||||
background: hsla(0, 100%, 50%, .12);
|
|
||||||
}
|
|
||||||
|
|
||||||
.change {
|
|
||||||
background: #007;
|
|
||||||
color: #bbf;
|
|
||||||
}
|
|
||||||
|
|
||||||
.head {
|
|
||||||
background: #505;
|
|
||||||
color: #f8f;
|
|
||||||
|
|
||||||
.filename {
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.delete .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);
|
|
||||||
}
|
|
||||||
|
|
||||||
.insert {
|
.insert {
|
||||||
|
background: transparent;
|
||||||
|
color: #0c0;
|
||||||
|
font-weight: $font-weight-bold;
|
||||||
|
}
|
||||||
|
|
||||||
.eyecatcher {
|
.eyecatcher {
|
||||||
margin: -1px;
|
margin: -1px;
|
||||||
border: 1px solid hsla(120, 100%, 25%, .5);
|
border: 1px solid hsla(120, 100%, 25%, .5);
|
||||||
@@ -340,25 +317,46 @@
|
|||||||
border-bottom-right-radius: 5px;
|
border-bottom-right-radius: 5px;
|
||||||
background-color: hsla(120, 100%, 50%, .2);
|
background-color: hsla(120, 100%, 50%, .2);
|
||||||
}
|
}
|
||||||
|
|
||||||
.insert {
|
|
||||||
background: transparent;
|
|
||||||
color: #0c0;
|
|
||||||
font-weight: $font-weight-bold;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.delete .delete {
|
.delete {
|
||||||
|
background: hsla(0, 100%, 50%, .12);
|
||||||
|
|
||||||
|
.delete {
|
||||||
background: transparent;
|
background: transparent;
|
||||||
color: #c00;
|
color: #c00;
|
||||||
font-weight: $font-weight-bold;
|
font-weight: $font-weight-bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
.change .change {
|
.eyecatcher {
|
||||||
color: #88f;
|
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);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.head .head {
|
.change {
|
||||||
|
background: #007;
|
||||||
|
color: #bbf;
|
||||||
|
|
||||||
|
.change {
|
||||||
|
color: #88f;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.head {
|
||||||
|
background: #505;
|
||||||
|
color: #f8f;
|
||||||
|
|
||||||
|
.head {
|
||||||
color: #f4f;
|
color: #f4f;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.filename {
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,8 +1,5 @@
|
|||||||
#main {
|
#main {
|
||||||
@if $flexbox-layout {
|
@if $flexbox-layout {
|
||||||
// scss-lint:disable VendorPrefix
|
|
||||||
display: -ms-flexbox;
|
|
||||||
display: -webkit-flex;
|
|
||||||
display: flex;
|
display: flex;
|
||||||
} @else {
|
} @else {
|
||||||
@extend %clearfix;
|
@extend %clearfix;
|
||||||
@@ -18,12 +15,9 @@
|
|||||||
padding: $padding-side;
|
padding: $padding-side;
|
||||||
|
|
||||||
@if $flexbox-layout {
|
@if $flexbox-layout {
|
||||||
// scss-lint:disable VendorPrefix
|
|
||||||
$side-space: $sidebar-width + $padding-side * 2;
|
$side-space: $sidebar-width + $padding-side * 2;
|
||||||
width: calc(100% - #{$side-space});
|
|
||||||
-webkit-flex: 1 1 auto;
|
|
||||||
-ms-flex: 1 1 auto;
|
|
||||||
flex: 1 1 auto;
|
flex: 1 1 auto;
|
||||||
|
width: calc(100% - #{$side-space});
|
||||||
} @else {
|
} @else {
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
@@ -35,21 +29,14 @@
|
|||||||
// --------------------------------------------------
|
// --------------------------------------------------
|
||||||
|
|
||||||
#sidebar {
|
#sidebar {
|
||||||
// scss-lint:disable VendorPrefix
|
|
||||||
padding: $padding-side $sidebar-padding-horizontal;
|
padding: $padding-side $sidebar-padding-horizontal;
|
||||||
|
|
||||||
@if $flexbox-layout {
|
@if $flexbox-layout {
|
||||||
-webkit-flex: 0 0 $sidebar-width-computed;
|
|
||||||
-ms-flex: 0 0 $sidebar-width-computed;
|
|
||||||
flex: 0 0 $sidebar-width-computed;
|
flex: 0 0 $sidebar-width-computed;
|
||||||
|
|
||||||
@if $sidebar-position == "left" {
|
@if $sidebar-position == "left" {
|
||||||
-webkit-order: -1;
|
|
||||||
-ms-flex-order: -1;
|
|
||||||
order: -1;
|
order: -1;
|
||||||
} @else {
|
} @else {
|
||||||
-webkit-order: 1;
|
|
||||||
-ms-flex-order: 1;
|
|
||||||
order: 1;
|
order: 1;
|
||||||
}
|
}
|
||||||
} @else {
|
} @else {
|
||||||
@@ -77,9 +64,6 @@
|
|||||||
border: 0 none;
|
border: 0 none;
|
||||||
|
|
||||||
@if $flexbox-layout {
|
@if $flexbox-layout {
|
||||||
// scss-lint:disable VendorPrefix
|
|
||||||
-webkit-flex: 0 0 auto;
|
|
||||||
-ms-flex: 0 0 auto;
|
|
||||||
flex: 0 0 auto;
|
flex: 0 0 auto;
|
||||||
} @else {
|
} @else {
|
||||||
width: 0;
|
width: 0;
|
||||||
|
|||||||
@@ -3,78 +3,43 @@
|
|||||||
// --------------------------------------------------
|
// --------------------------------------------------
|
||||||
|
|
||||||
|
|
||||||
/**
|
//== Collapsible
|
||||||
* Action buttons group
|
//
|
||||||
*/
|
|
||||||
|
|
||||||
.buttons {
|
|
||||||
margin-top: $line-height-computed;
|
|
||||||
margin-bottom: $line-height-computed;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Export actions
|
|
||||||
*/
|
|
||||||
|
|
||||||
.other-formats {
|
|
||||||
margin: ($line-height-computed / 2) 0 0;
|
|
||||||
text-align: right;
|
|
||||||
|
|
||||||
span + span:before {
|
|
||||||
content: "/ ";
|
|
||||||
}
|
|
||||||
|
|
||||||
.pagination + &,
|
|
||||||
#wiki_add_attachment + & {
|
|
||||||
margin-top: 0;
|
|
||||||
float: right;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pagination + & {
|
|
||||||
margin-top: $pagination-padding-vertical + 1px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Collapsible
|
|
||||||
*/
|
|
||||||
|
|
||||||
a.collapsible,
|
a.collapsible,
|
||||||
.collapsible > legend {
|
.collapsible > legend {
|
||||||
color: $link-color;
|
color: $link-color;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
@include user-select(none);
|
user-select: none;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
color: $link-hover-color;
|
color: $link-hover-color;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:before {
|
&::before {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
position: relative;
|
position: relative;
|
||||||
top: -1px;
|
top: -1px;
|
||||||
width: 0;
|
width: 0;
|
||||||
height: 0;
|
height: 0;
|
||||||
margin-right: 3px;
|
margin-right: 3px;
|
||||||
|
transform: rotate(0);
|
||||||
border-top: 6px solid;
|
border-top: 6px solid;
|
||||||
border-right: 4px solid transparent;
|
border-right: 4px solid transparent;
|
||||||
border-left: 4px solid transparent;
|
border-left: 4px solid transparent;
|
||||||
content: "";
|
content: "";
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
@include rotate(0);
|
|
||||||
|
|
||||||
@if $collapsible-animation-time > 0 {
|
@if $collapsible-animation-time > 0 {
|
||||||
@include transition-transform($collapsible-animation-time);
|
transition: transform $collapsible-animation-time;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
a.collapsible.collapsed,
|
a.collapsible.collapsed,
|
||||||
.collapsible.collapsed > legend {
|
.collapsible.collapsed > legend {
|
||||||
&:before {
|
&::before {
|
||||||
@include rotate(-90deg);
|
transform: rotate(-90deg);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -82,43 +47,40 @@ a.collapsible.collapsed,
|
|||||||
fieldset.collapsible {
|
fieldset.collapsible {
|
||||||
min-height: $line-height-computed;
|
min-height: $line-height-computed;
|
||||||
max-height: 2500px; // should be enough with all the possible filters
|
max-height: 2500px; // should be enough with all the possible filters
|
||||||
|
transition: max-height $collapsible-animation-time ease-out;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
@include transition(max-height $collapsible-animation-time ease-out);
|
|
||||||
|
|
||||||
> div {
|
> div {
|
||||||
// scss-lint:disable ImportantRule
|
display: block !important; // scss-lint:disable ImportantRule
|
||||||
display: block !important;
|
transition: visibility 0s 0s, opacity $collapsible-animation-time;
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
visibility: visible;
|
visibility: visible;
|
||||||
@include transition(visibility 0s 0s, opacity $collapsible-animation-time);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
&.collapsed {
|
&.collapsed {
|
||||||
max-height: 0;
|
max-height: 0;
|
||||||
@include transition(max-height $collapsible-animation-time);
|
transition: max-height $collapsible-animation-time;
|
||||||
|
|
||||||
> div {
|
> div {
|
||||||
|
transition: visibility 0s $collapsible-animation-time, opacity $collapsible-animation-time;
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
visibility: hidden;
|
visibility: hidden;
|
||||||
@include transition(visibility 0s $collapsible-animation-time, opacity $collapsible-animation-time);
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/**
|
//== Elements with context menus (doesn't really work on Windows)
|
||||||
* Elements with context menus (doesn't really work on Windows)
|
//
|
||||||
*/
|
|
||||||
|
|
||||||
.hascontextmenu {
|
.hascontextmenu {
|
||||||
cursor: context-menu;
|
cursor: context-menu;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/**
|
//== Actions for block
|
||||||
* Actions for block
|
//
|
||||||
*/
|
|
||||||
|
|
||||||
.contextual {
|
.contextual {
|
||||||
padding-left: $padding-base-vertical;
|
padding-left: $padding-base-vertical;
|
||||||
@@ -132,10 +94,16 @@ a.collapsible.collapsed,
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.contextual,
|
||||||
|
.buttons {
|
||||||
|
> .icon:not(:first-child) {
|
||||||
|
margin-left: $padding-small-vertical;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
/**
|
|
||||||
* Accessibility specific styles
|
//== Accessibility specific styles
|
||||||
*/
|
//
|
||||||
|
|
||||||
.hidden-for-sighted {
|
.hidden-for-sighted {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
@@ -147,9 +115,8 @@ a.collapsible.collapsed,
|
|||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/**
|
//== Responsive autoscroll
|
||||||
* Responsive autoscroll
|
//
|
||||||
*/
|
|
||||||
|
|
||||||
.autoscroll {
|
.autoscroll {
|
||||||
overflow-x: auto;
|
overflow-x: auto;
|
||||||
@@ -157,9 +124,8 @@ a.collapsible.collapsed,
|
|||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/**
|
//== Container
|
||||||
* Container
|
//
|
||||||
*/
|
|
||||||
|
|
||||||
.box {
|
.box {
|
||||||
margin-bottom: $line-height-computed;
|
margin-bottom: $line-height-computed;
|
||||||
@@ -176,12 +142,20 @@ a.collapsible.collapsed,
|
|||||||
background: transparent;
|
background: transparent;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&:last-child,
|
||||||
|
>:last-child {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
> h3 {
|
||||||
|
margin-bottom: $panel-body-padding-vertical;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/**
|
//== Column form layout
|
||||||
* Column form layout
|
//
|
||||||
*/
|
|
||||||
|
|
||||||
.splitcontent {
|
.splitcontent {
|
||||||
@extend %clearfix;
|
@extend %clearfix;
|
||||||
@@ -190,7 +164,7 @@ a.collapsible.collapsed,
|
|||||||
.splitcontentleft,
|
.splitcontentleft,
|
||||||
.splitcontentright {
|
.splitcontentright {
|
||||||
width: 50%;
|
width: 50%;
|
||||||
@include box-sizing(border-box);
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
|
|
||||||
.splitcontentleft {
|
.splitcontentleft {
|
||||||
@@ -204,24 +178,22 @@ a.collapsible.collapsed,
|
|||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/**
|
//== Watchers selection list
|
||||||
* Watchers selection list
|
//
|
||||||
*/
|
|
||||||
|
|
||||||
#users_for_watcher {
|
#users_for_watcher {
|
||||||
height: 200px;
|
height: 200px;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
|
|
||||||
label {
|
label {
|
||||||
display: block;
|
|
||||||
@include checkbox;
|
@include checkbox;
|
||||||
|
display: block;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/**
|
//== Watchers list
|
||||||
* Watchers list
|
//
|
||||||
*/
|
|
||||||
|
|
||||||
#watchers {
|
#watchers {
|
||||||
select {
|
select {
|
||||||
@@ -231,9 +203,9 @@ a.collapsible.collapsed,
|
|||||||
|
|
||||||
> .watchers {
|
> .watchers {
|
||||||
> li {
|
> li {
|
||||||
|
@extend %clearfix;
|
||||||
display: block;
|
display: block;
|
||||||
margin-bottom: $sidebar-padding-vertical;
|
margin-bottom: $sidebar-padding-vertical;
|
||||||
@extend %clearfix;
|
|
||||||
|
|
||||||
@if $sidebar-position == "left" {
|
@if $sidebar-position == "left" {
|
||||||
padding-right: $sidebar-padding-horizontal;
|
padding-right: $sidebar-padding-horizontal;
|
||||||
@@ -268,9 +240,8 @@ a.collapsible.collapsed,
|
|||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/**
|
//== Subtitle paragraph (can be seen on activity list)
|
||||||
* Subtitle paragraph (can be seen on activity list)
|
//
|
||||||
*/
|
|
||||||
|
|
||||||
p.subtitle {
|
p.subtitle {
|
||||||
margin-top: ($line-height-computed / -2);
|
margin-top: ($line-height-computed / -2);
|
||||||
@@ -279,18 +250,8 @@ p.subtitle {
|
|||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/**
|
//== My page layout
|
||||||
* Breadcrumbs (can be seen in time entries report)
|
//
|
||||||
* No need to style them, but let this selector be here.
|
|
||||||
*/
|
|
||||||
|
|
||||||
// p.breadcrumb {
|
|
||||||
// }
|
|
||||||
|
|
||||||
|
|
||||||
/**
|
|
||||||
* My page layout
|
|
||||||
*/
|
|
||||||
|
|
||||||
#block-form {
|
#block-form {
|
||||||
display: inline;
|
display: inline;
|
||||||
@@ -321,15 +282,14 @@ p.subtitle {
|
|||||||
}
|
}
|
||||||
|
|
||||||
&.ui-sortable-placeholder {
|
&.ui-sortable-placeholder {
|
||||||
// scss-lint:disable ImportantRule
|
|
||||||
outline: 1px dashed $highlight-border;
|
outline: 1px dashed $highlight-border;
|
||||||
background: $highlight-bg;
|
background: $highlight-bg;
|
||||||
visibility: visible !important;
|
visibility: visible !important; // scss-lint:disable ImportantRule
|
||||||
}
|
}
|
||||||
|
|
||||||
&.ui-sortable-helper {
|
&.ui-sortable-helper {
|
||||||
background: $body-bg;
|
|
||||||
@include nice-shadow(4);
|
@include nice-shadow(4);
|
||||||
|
background: $body-bg;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -353,9 +313,9 @@ a.close-icon {
|
|||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/**
|
//== Resetting font for SCM (repository files)
|
||||||
* Resetting font for SCM (repository files)
|
//
|
||||||
*/
|
|
||||||
#content table.filecontent {
|
#content table.filecontent {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
background: $body-bg;
|
background: $body-bg;
|
||||||
@@ -428,9 +388,8 @@ a.close-icon {
|
|||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/**
|
//== Projects list
|
||||||
* Projects list
|
//
|
||||||
*/
|
|
||||||
|
|
||||||
ul.projects {
|
ul.projects {
|
||||||
padding-left: $padding-side;
|
padding-left: $padding-side;
|
||||||
@@ -484,9 +443,8 @@ ul.projects {
|
|||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/**
|
//== Time report
|
||||||
* Time report
|
//
|
||||||
*/
|
|
||||||
|
|
||||||
#time-report {
|
#time-report {
|
||||||
th {
|
th {
|
||||||
@@ -531,9 +489,8 @@ ul.projects {
|
|||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/**
|
//== Version issue list and page layout
|
||||||
* Version issue list and page layout
|
//
|
||||||
*/
|
|
||||||
|
|
||||||
div#roadmap {
|
div#roadmap {
|
||||||
.related-issues {
|
.related-issues {
|
||||||
@@ -587,22 +544,22 @@ div#version-summary {
|
|||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/**
|
//== Add form bottom space
|
||||||
* Add form bottom space
|
//
|
||||||
*/
|
|
||||||
|
|
||||||
#new_document,
|
#new_document,
|
||||||
#add-message,
|
#add-message,
|
||||||
#add-news {
|
#add-news,
|
||||||
|
#edit-news {
|
||||||
margin-bottom: $line-height-computed;
|
margin-bottom: $line-height-computed;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/**
|
//== Ajax indicator
|
||||||
* Ajax indicator
|
//
|
||||||
*/
|
|
||||||
|
|
||||||
#ajax-indicator {
|
#ajax-indicator {
|
||||||
|
@include nice-shadow(3);
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: 50%;
|
top: 50%;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
@@ -614,7 +571,6 @@ div#version-summary {
|
|||||||
color: $highlight-text;
|
color: $highlight-text;
|
||||||
font-weight: $font-weight-bold;
|
font-weight: $font-weight-bold;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
@include nice-shadow(3);
|
|
||||||
opacity: .9;
|
opacity: .9;
|
||||||
z-index: 100;
|
z-index: 100;
|
||||||
|
|
||||||
@@ -628,9 +584,8 @@ div#version-summary {
|
|||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/**
|
//== Boards (forum)
|
||||||
* Boards (forum)
|
//
|
||||||
*/
|
|
||||||
|
|
||||||
tr.message {
|
tr.message {
|
||||||
&.locked {
|
&.locked {
|
||||||
@@ -672,10 +627,15 @@ table.boards {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
div.table-list.boards {
|
||||||
|
.table-list-cell.name {
|
||||||
|
width: 30%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
/**
|
|
||||||
* Topic page
|
//== Topic page
|
||||||
*/
|
//
|
||||||
|
|
||||||
.controller-messages.action-show {
|
.controller-messages.action-show {
|
||||||
h2 {
|
h2 {
|
||||||
@@ -738,8 +698,8 @@ table.boards {
|
|||||||
> h4 {
|
> h4 {
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
||||||
&:before,
|
&::before,
|
||||||
&:after {
|
&::after {
|
||||||
display: block;
|
display: block;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 9px;
|
top: 9px;
|
||||||
@@ -753,14 +713,14 @@ table.boards {
|
|||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:after {
|
&::after {
|
||||||
margin-top: 1px;
|
margin-top: 1px;
|
||||||
margin-left: 2px;
|
margin-left: 2px;
|
||||||
border-width: 6px;
|
border-width: 6px;
|
||||||
border-right-color: $panel-bg;
|
border-right-color: $panel-bg;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:before {
|
&::before {
|
||||||
border-width: 7px;
|
border-width: 7px;
|
||||||
border-right-color: $panel-border;
|
border-right-color: $panel-border;
|
||||||
}
|
}
|
||||||
@@ -780,9 +740,31 @@ table.boards {
|
|||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/**
|
//== News
|
||||||
* News comments
|
//
|
||||||
*/
|
|
||||||
|
.news-article {
|
||||||
|
margin-bottom: $line-height-computed;
|
||||||
|
|
||||||
|
header {
|
||||||
|
h3 {
|
||||||
|
margin-bottom: .3em;
|
||||||
|
line-height: 1.2;
|
||||||
|
|
||||||
|
> a {
|
||||||
|
font-weight: $font-weight-bold;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.author .user {
|
||||||
|
font-weight: $font-weight-bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
//== News comments
|
||||||
|
//
|
||||||
|
|
||||||
#comments {
|
#comments {
|
||||||
> h4 {
|
> h4 {
|
||||||
@@ -800,9 +782,8 @@ table.boards {
|
|||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/**
|
//== Diff
|
||||||
* Diff
|
//
|
||||||
*/
|
|
||||||
|
|
||||||
.text-diff {
|
.text-diff {
|
||||||
margin-bottom: $line-height-computed;
|
margin-bottom: $line-height-computed;
|
||||||
@@ -830,9 +811,8 @@ table.boards {
|
|||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/**
|
//== Repository view
|
||||||
* Repository view
|
//
|
||||||
*/
|
|
||||||
|
|
||||||
.revision-info {
|
.revision-info {
|
||||||
margin-bottom: $line-height-computed;
|
margin-bottom: $line-height-computed;
|
||||||
@@ -904,12 +884,6 @@ tr.changeset {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.revision-graph {
|
|
||||||
circle {
|
|
||||||
// @include translate(0, $table-cell-padding - 1px);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
#content #changes-legend {
|
#content #changes-legend {
|
||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
|
|
||||||
@@ -935,22 +909,22 @@ tr.changeset {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.change-A {
|
.change-A {
|
||||||
&:before { color: $changeset-add-color; }
|
&::before { color: $changeset-add-color; }
|
||||||
a { @include link-variant($changeset-add-color); }
|
a { @include link-variant($changeset-add-color); }
|
||||||
}
|
}
|
||||||
|
|
||||||
.change-M {
|
.change-M {
|
||||||
&:before { color: $changeset-modified-color; }
|
&::before { color: $changeset-modified-color; }
|
||||||
a { @include link-variant($changeset-modified-color); }
|
a { @include link-variant($changeset-modified-color); }
|
||||||
}
|
}
|
||||||
|
|
||||||
.change-C {
|
.change-C {
|
||||||
&:before { color: $changeset-copied-color; }
|
&::before { color: $changeset-copied-color; }
|
||||||
a { @include link-variant($changeset-copied-color); }
|
a { @include link-variant($changeset-copied-color); }
|
||||||
}
|
}
|
||||||
|
|
||||||
.change-R {
|
.change-R {
|
||||||
&:before { color: $changeset-renamed-color; }
|
&::before { color: $changeset-renamed-color; }
|
||||||
a { @include link-variant($changeset-renamed-color); }
|
a { @include link-variant($changeset-renamed-color); }
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -17,7 +17,7 @@
|
|||||||
@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;
|
||||||
@@ -27,9 +27,7 @@
|
|||||||
background-position: $padding-large-horizontal 50%;
|
background-position: $padding-large-horizontal 50%;
|
||||||
}
|
}
|
||||||
|
|
||||||
p:last-child,
|
>:last-child {
|
||||||
ol:last-child,
|
|
||||||
ul:last-child {
|
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -40,11 +38,15 @@
|
|||||||
border-color: $border;
|
border-color: $border;
|
||||||
|
|
||||||
@if $use-font-awesome {
|
@if $use-font-awesome {
|
||||||
@if $icon == "true" { $icon: $fa-var-check; }
|
@if $icon == "true" {
|
||||||
@elseif $icon == "warning" { $icon: $fa-var-warning; }
|
$icon: $fa-var-check;
|
||||||
@elseif $icon == "exclamation" { $icon: $fa-var-exclamation-circle; }
|
} @elseif $icon == "warning" {
|
||||||
|
$icon: $fa-var-warning;
|
||||||
|
} @elseif $icon == "exclamation" {
|
||||||
|
$icon: $fa-var-exclamation-circle;
|
||||||
|
}
|
||||||
|
|
||||||
&:before {
|
&::before {
|
||||||
content: $icon;
|
content: $icon;
|
||||||
}
|
}
|
||||||
} @else {
|
} @else {
|
||||||
@@ -77,7 +79,7 @@
|
|||||||
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;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -19,12 +19,11 @@ 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);
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
|
|
||||||
select,
|
select,
|
||||||
textarea,
|
textarea,
|
||||||
/*
|
|
||||||
input[type="datetime"],
|
input[type="datetime"],
|
||||||
input[type="datetime-local"],
|
input[type="datetime-local"],
|
||||||
input[type="date"],
|
input[type="date"],
|
||||||
@@ -34,22 +33,21 @@ input[type="week"],
|
|||||||
input[type="number"],
|
input[type="number"],
|
||||||
input[type="url"],
|
input[type="url"],
|
||||||
input[type="tel"],
|
input[type="tel"],
|
||||||
input[type="color"]
|
input[type="color"],
|
||||||
*/
|
|
||||||
input[type="search"],
|
input[type="search"],
|
||||||
input[type="email"],
|
input[type="email"],
|
||||||
input[type="text"],
|
input[type="text"],
|
||||||
input[type="password"] {
|
input[type="password"] {
|
||||||
|
@include form-control-focus;
|
||||||
|
@include placeholder;
|
||||||
height: $input-height-base;
|
height: $input-height-base;
|
||||||
padding: $input-padding-vertical $input-padding-horizontal;
|
padding: $input-padding-vertical $input-padding-horizontal;
|
||||||
|
transition: border-color ease-in-out .1s, box-shadow ease-in-out .1s;
|
||||||
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 form-control-focus();
|
|
||||||
@include placeholder();
|
|
||||||
|
|
||||||
&[disabled],
|
&[disabled],
|
||||||
&[readonly],
|
&[readonly],
|
||||||
@@ -64,6 +62,11 @@ input[type="password"] {
|
|||||||
textarea {
|
textarea {
|
||||||
resize: vertical;
|
resize: vertical;
|
||||||
height: auto;
|
height: auto;
|
||||||
|
|
||||||
|
&.text_cf {
|
||||||
|
width: 100%;
|
||||||
|
resize: vertical;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
input[type="search"] {
|
input[type="search"] {
|
||||||
@@ -86,9 +89,10 @@ input[type="range"] {
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
input.autocomplete {
|
input {
|
||||||
padding-right: 30px;
|
&.autocomplete {
|
||||||
@extend %image-aci;
|
@extend %image-aci;
|
||||||
|
padding-right: 30px;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
background-position: right center;
|
background-position: right center;
|
||||||
|
|
||||||
@@ -97,6 +101,12 @@ input.autocomplete {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&.string_cf,
|
||||||
|
&.link_cf {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
select {
|
select {
|
||||||
&[multiple],
|
&[multiple],
|
||||||
&[size] {
|
&[size] {
|
||||||
@@ -110,15 +120,23 @@ select {
|
|||||||
option[disabled] {
|
option[disabled] {
|
||||||
color: $gray-lighter;
|
color: $gray-lighter;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&.expandable {
|
||||||
|
vertical-align: top;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.bool_cf {
|
||||||
|
width: auto !important; // scss-lint:disable ImportantRule
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/**
|
//== Browser hacks: unfortunately every browser has different capabilities when
|
||||||
* Browser hacks: unfortunately every browser has different capabilities when it
|
// it comes to styling <select> and <option> tags.
|
||||||
* comes to styling <select> and <option> tags.
|
//
|
||||||
*/
|
|
||||||
|
|
||||||
// Mozilla Firefox
|
// Mozilla Firefox
|
||||||
|
|
||||||
@-moz-document url-prefix() {
|
@-moz-document url-prefix() {
|
||||||
select {
|
select {
|
||||||
&[multiple] {
|
&[multiple] {
|
||||||
@@ -126,7 +144,7 @@ select {
|
|||||||
}
|
}
|
||||||
|
|
||||||
option,
|
option,
|
||||||
optgroup:before {
|
optgroup::before {
|
||||||
padding: $input-padding-vertical $input-padding-horizontal;
|
padding: $input-padding-vertical $input-padding-horizontal;
|
||||||
border-bottom: 1px dotted $gray-lighter;
|
border-bottom: 1px dotted $gray-lighter;
|
||||||
}
|
}
|
||||||
@@ -139,6 +157,7 @@ select {
|
|||||||
}
|
}
|
||||||
|
|
||||||
// Google Chrome and Safari
|
// Google Chrome and Safari
|
||||||
|
|
||||||
@supports (-webkit-appearance: none) {
|
@supports (-webkit-appearance: none) {
|
||||||
select[multiple] {
|
select[multiple] {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
@@ -156,16 +175,16 @@ select:-moz-focusring {
|
|||||||
text-shadow: 0 0 0 #000;
|
text-shadow: 0 0 0 #000;
|
||||||
}
|
}
|
||||||
|
|
||||||
select.expandable {
|
|
||||||
vertical-align: top;
|
|
||||||
}
|
|
||||||
|
|
||||||
fieldset {
|
fieldset {
|
||||||
min-width: 0;
|
min-width: 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: ($line-height-computed / 2) 0;
|
padding: ($line-height-computed / 2) 0;
|
||||||
border: 0 none;
|
border: 0 none;
|
||||||
border-top: 1px solid $legend-border-color;
|
border-top: 1px solid $legend-border-color;
|
||||||
|
|
||||||
|
> p > label:first-child {
|
||||||
|
margin-right: $label-space;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
legend {
|
legend {
|
||||||
@@ -174,9 +193,8 @@ legend {
|
|||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/**
|
//== Required fields' asterisk
|
||||||
* Required fields' asterisk
|
//
|
||||||
*/
|
|
||||||
|
|
||||||
span.required {
|
span.required {
|
||||||
position: relative;
|
position: relative;
|
||||||
@@ -189,9 +207,8 @@ span.required {
|
|||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/**
|
//== Field's hint
|
||||||
* Field's hint
|
//
|
||||||
*/
|
|
||||||
|
|
||||||
em.info {
|
em.info {
|
||||||
display: block;
|
display: block;
|
||||||
@@ -202,9 +219,9 @@ em.info {
|
|||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/**
|
//== Wiki editor
|
||||||
* Wiki editor
|
//
|
||||||
*/
|
|
||||||
.wiki-edit {
|
.wiki-edit {
|
||||||
color: $wiki-text;
|
color: $wiki-text;
|
||||||
font-family: $font-family-monospace;
|
font-family: $font-family-monospace;
|
||||||
@@ -212,9 +229,8 @@ em.info {
|
|||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/**
|
//== Tabular forms
|
||||||
* Tabular forms
|
//
|
||||||
*/
|
|
||||||
|
|
||||||
.tabular {
|
.tabular {
|
||||||
&.settings {
|
&.settings {
|
||||||
@@ -229,10 +245,10 @@ em.info {
|
|||||||
}
|
}
|
||||||
|
|
||||||
p {
|
p {
|
||||||
|
@extend %clearfix;
|
||||||
margin: 0 0 ($line-height-computed / 2);
|
margin: 0 0 ($line-height-computed / 2);
|
||||||
padding-left: $label-width + $label-space;
|
padding-left: $label-width + $label-space;
|
||||||
clear: left;
|
clear: left;
|
||||||
@extend %clearfix;
|
|
||||||
|
|
||||||
.jstEditor {
|
.jstEditor {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
@@ -268,7 +284,7 @@ em.info {
|
|||||||
margin-left: -($label-width + $label-space);
|
margin-left: -($label-width + $label-space);
|
||||||
float: left;
|
float: left;
|
||||||
text-align: right;
|
text-align: right;
|
||||||
@include user-select(none);
|
user-select: none;
|
||||||
|
|
||||||
&.floating {
|
&.floating {
|
||||||
width: 270px;
|
width: 270px;
|
||||||
@@ -285,17 +301,10 @@ em.info {
|
|||||||
float: none;
|
float: none;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
|
||||||
> input {
|
|
||||||
margin-top: 0;
|
|
||||||
margin-left: -16px;
|
|
||||||
float: left;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
&.inline {
|
&.inline {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
margin-right: 10px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
&.role-visibility {
|
&.role-visibility {
|
||||||
@@ -309,10 +318,32 @@ em.info {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
label.inline {
|
||||||
|
display: inline-block;
|
||||||
|
margin-right: $padding-base-horizontal;
|
||||||
|
padding-left: 16px;
|
||||||
|
float: none;
|
||||||
|
text-align: left;
|
||||||
|
cursor: pointer;
|
||||||
|
|
||||||
|
&:last-child {
|
||||||
|
margin-right: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
label.inline,
|
||||||
|
label.block {
|
||||||
|
> input {
|
||||||
|
margin-top: .2em;
|
||||||
|
margin-left: -16px;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
//== Hack: align description edit icon with label
|
||||||
|
//
|
||||||
|
|
||||||
/**
|
|
||||||
* Hack: align description edit icon with label
|
|
||||||
*/
|
|
||||||
label[for=issue_description] + a {
|
label[for=issue_description] + a {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
margin-top: $input-padding-vertical + 1px;
|
margin-top: $input-padding-vertical + 1px;
|
||||||
@@ -323,19 +354,18 @@ label[for=issue_description] + a {
|
|||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/**
|
//== Hack: better looking filter checkbox in sidebar in projects list
|
||||||
* Hack: better looking filter checkbox in sidebar in projects list
|
//
|
||||||
*/
|
|
||||||
label[for=closed] {
|
label[for=closed] {
|
||||||
|
@include checkbox;
|
||||||
display: block;
|
display: block;
|
||||||
margin-bottom: $line-height-computed / 2;
|
margin-bottom: $line-height-computed / 2;
|
||||||
@include checkbox;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/**
|
//== Input sizes
|
||||||
* Input sizes
|
//
|
||||||
*/
|
|
||||||
|
|
||||||
.wiki-edit,
|
.wiki-edit,
|
||||||
#principal_search,
|
#principal_search,
|
||||||
@@ -354,23 +384,6 @@ label[for=closed] {
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
textarea.text_cf {
|
|
||||||
width: 100%;
|
|
||||||
resize: vertical;
|
|
||||||
}
|
|
||||||
|
|
||||||
input {
|
|
||||||
&.string_cf,
|
|
||||||
&.link_cf {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
select.bool_cf {
|
|
||||||
// scss-lint:disable ImportantRule
|
|
||||||
width: auto !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
@if $issue-subject-large {
|
@if $issue-subject-large {
|
||||||
$input-padding-large-vertical: 8px;
|
$input-padding-large-vertical: 8px;
|
||||||
$input-padding-large-horizontal: 12px;
|
$input-padding-large-horizontal: 12px;
|
||||||
@@ -389,18 +402,28 @@ select.bool_cf {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
//== Add space below WYSIWYG
|
||||||
* Add space below WYSIWYG
|
//
|
||||||
*/
|
|
||||||
|
|
||||||
.jstEditor {
|
.jstEditor {
|
||||||
margin-bottom: $line-height-computed / 2;
|
margin-bottom: $line-height-computed / 2;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
//== User form
|
||||||
|
//
|
||||||
|
|
||||||
/**
|
#user_form {
|
||||||
* Attachments
|
@extend %clearfix;
|
||||||
*/
|
margin-bottom: $line-height-computed;
|
||||||
|
|
||||||
|
~ p {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
//== Attachments
|
||||||
|
//
|
||||||
|
|
||||||
#attachments_fields {
|
#attachments_fields {
|
||||||
> span {
|
> span {
|
||||||
@@ -412,14 +435,14 @@ select.bool_cf {
|
|||||||
width: 21.5em;
|
width: 21.5em;
|
||||||
margin-right: .5em;
|
margin-right: .5em;
|
||||||
margin-bottom: $line-height-computed / 4;
|
margin-bottom: $line-height-computed / 4;
|
||||||
}
|
|
||||||
|
|
||||||
input.filename {
|
&.filename {
|
||||||
padding-left: $input-padding-horizontal + 16px;
|
padding-left: $input-padding-horizontal + 16px;
|
||||||
background-image: url("../../../images/attachment.png");
|
background-image: url("../../../images/attachment.png");
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
background-position: 4px center;
|
background-position: 4px center;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.ajax-waiting input.filename {
|
.ajax-waiting input.filename {
|
||||||
background-image: url("../../../images/hourglass.png");
|
background-image: url("../../../images/hourglass.png");
|
||||||
@@ -444,9 +467,8 @@ select.bool_cf {
|
|||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/**
|
//== Issue form elements
|
||||||
* Issue form elements
|
//
|
||||||
*/
|
|
||||||
|
|
||||||
#issue-form {
|
#issue-form {
|
||||||
fieldset {
|
fieldset {
|
||||||
@@ -458,9 +480,7 @@ select.bool_cf {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|
||||||
#issue-form {
|
|
||||||
.splitcontentleft,
|
.splitcontentleft,
|
||||||
.splitcontentright {
|
.splitcontentright {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
@@ -497,15 +517,15 @@ select.bool_cf {
|
|||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/**
|
//== #all_attributes > p[style] is targeting Redmine 2.x
|
||||||
* Hack: first <p> in issue form ("private" option) is moved to the right with
|
//
|
||||||
* inline styles. Don't allow it break the layout
|
|
||||||
*/
|
#issue_is_private_wrap,
|
||||||
#all_attributes > p[style] {
|
#all_attributes > p[style] {
|
||||||
// scss-lint:disable ImportantRule
|
margin-right: 0 !important; // scss-lint:disable ImportantRule
|
||||||
margin-right: 0 !important;
|
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
padding-left: 0;
|
padding-left: 0;
|
||||||
|
float: right;
|
||||||
|
|
||||||
input {
|
input {
|
||||||
top: 2px;
|
top: 2px;
|
||||||
@@ -525,24 +545,21 @@ select.bool_cf {
|
|||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
||||||
// scss-lint:disable VendorPrefix
|
|
||||||
#watchers_inputs {
|
#watchers_inputs {
|
||||||
display: block;
|
display: block;
|
||||||
max-width: 64em;
|
max-width: 64em;
|
||||||
margin-top: $input-padding-vertical + 1px;
|
margin-top: $input-padding-vertical + 1px;
|
||||||
margin-bottom: $line-height-computed / 2;
|
margin-bottom: $line-height-computed / 2;
|
||||||
-webkit-columns: 18em 3;
|
|
||||||
-moz-columns: 18em 3;
|
|
||||||
columns: 18em 3;
|
columns: 18em 3;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
label.floating {
|
label.floating {
|
||||||
|
@include checkbox;
|
||||||
display: block;
|
display: block;
|
||||||
width: auto;
|
width: auto;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
float: none;
|
float: none;
|
||||||
@include checkbox;
|
|
||||||
|
|
||||||
input[type="checkbox"] {
|
input[type="checkbox"] {
|
||||||
top: -1px;
|
top: -1px;
|
||||||
@@ -551,9 +568,8 @@ select.bool_cf {
|
|||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/**
|
//== Custom logic (boolean) field displayed as radio buttons
|
||||||
* Custom logic (boolean) field displayed as radio buttons
|
//
|
||||||
*/
|
|
||||||
|
|
||||||
.check_box_group {
|
.check_box_group {
|
||||||
display: block;
|
display: block;
|
||||||
@@ -571,11 +587,11 @@ select.bool_cf {
|
|||||||
|
|
||||||
&.bool_cf {
|
&.bool_cf {
|
||||||
label {
|
label {
|
||||||
|
@extend %clearfix;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
margin-right: 10px;
|
margin-right: 10px;
|
||||||
padding-left: 20px;
|
padding-left: 20px;
|
||||||
@include user-select(none);
|
user-select: none;
|
||||||
@extend %clearfix;
|
|
||||||
|
|
||||||
input[type="checkbox"],
|
input[type="checkbox"],
|
||||||
input[type="radio"] {
|
input[type="radio"] {
|
||||||
@@ -588,9 +604,8 @@ select.bool_cf {
|
|||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/**
|
//== Filters
|
||||||
* Filters
|
//
|
||||||
*/
|
|
||||||
|
|
||||||
fieldset#filters {
|
fieldset#filters {
|
||||||
table {
|
table {
|
||||||
@@ -599,6 +614,10 @@ fieldset#filters {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.add-filter {
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
|
||||||
td {
|
td {
|
||||||
&.field {
|
&.field {
|
||||||
min-width: 180px;
|
min-width: 180px;
|
||||||
@@ -624,16 +643,22 @@ fieldset#filters {
|
|||||||
|
|
||||||
&.add-filter {
|
&.add-filter {
|
||||||
padding-top: $table-condensed-cell-padding * 2;
|
padding-top: $table-condensed-cell-padding * 2;
|
||||||
text-align: right;
|
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
div.add-filter {
|
||||||
|
padding-top: $table-condensed-cell-padding;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#filters-table {
|
||||||
|
float: left;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/**
|
//== Reset label style for trackers selector in custom field editor
|
||||||
* Reset label style for trackers selector in custom field editor
|
//
|
||||||
*/
|
|
||||||
|
|
||||||
label.no-css {
|
label.no-css {
|
||||||
width: auto;
|
width: auto;
|
||||||
|
|||||||
@@ -20,9 +20,9 @@
|
|||||||
font-size: $font-size-small;
|
font-size: $font-size-small;
|
||||||
|
|
||||||
div {
|
div {
|
||||||
|
@include text-overflow;
|
||||||
height: 16px;
|
height: 16px;
|
||||||
line-height: 16px;
|
line-height: 16px;
|
||||||
@include text-overflow;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -44,6 +44,32 @@
|
|||||||
font-weight: $font-weight-bold;
|
font-weight: $font-weight-bold;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&.parent {
|
||||||
|
height: 3px;
|
||||||
|
|
||||||
|
&.marker {
|
||||||
|
&.starting {
|
||||||
|
position: absolute;
|
||||||
|
top: -1px;
|
||||||
|
left: 0;
|
||||||
|
width: 8px;
|
||||||
|
height: 16px;
|
||||||
|
margin-left: -4px;
|
||||||
|
background: url("../../../images/task_parent_end.png") no-repeat 0 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.ending {
|
||||||
|
position: absolute;
|
||||||
|
top: -1px;
|
||||||
|
right: 0;
|
||||||
|
width: 8px;
|
||||||
|
height: 16px;
|
||||||
|
margin-left: -4px;
|
||||||
|
background: url("../../../images/task_parent_end.png") no-repeat 0 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.task_late {
|
.task_late {
|
||||||
@@ -66,32 +92,6 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.task.parent {
|
|
||||||
height: 3px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.task.parent.marker {
|
|
||||||
&.starting {
|
|
||||||
position: absolute;
|
|
||||||
top: -1px;
|
|
||||||
left: 0;
|
|
||||||
width: 8px;
|
|
||||||
height: 16px;
|
|
||||||
margin-left: -4px;
|
|
||||||
background: url("../../../images/task_parent_end.png") no-repeat 0 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
&.ending {
|
|
||||||
position: absolute;
|
|
||||||
top: -1px;
|
|
||||||
right: 0;
|
|
||||||
width: 8px;
|
|
||||||
height: 16px;
|
|
||||||
margin-left: -4px;
|
|
||||||
background: url("../../../images/task_parent_end.png") no-repeat 0 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.project,
|
.project,
|
||||||
.version {
|
.version {
|
||||||
&.task_late,
|
&.task_late,
|
||||||
@@ -126,9 +126,9 @@
|
|||||||
color: $brand-danger;
|
color: $brand-danger;
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
|
||||||
* Tooltips
|
//== Tooltips
|
||||||
*/
|
//
|
||||||
|
|
||||||
.tooltip {
|
.tooltip {
|
||||||
position: relative;
|
position: relative;
|
||||||
@@ -136,9 +136,14 @@
|
|||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
z-index: 25;
|
z-index: 25;
|
||||||
|
|
||||||
|
.tip {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.tip {
|
.tip {
|
||||||
|
@include nice-shadow(3);
|
||||||
display: none;
|
display: none;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 9px;
|
top: 9px;
|
||||||
@@ -150,7 +155,6 @@
|
|||||||
color: $tooltip-text;
|
color: $tooltip-text;
|
||||||
font-size: $font-size-small;
|
font-size: $font-size-small;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
@include nice-shadow(3);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@if $sidebar-position == "left" {
|
@if $sidebar-position == "left" {
|
||||||
@@ -161,10 +165,4 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&:hover {
|
|
||||||
.tip {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -18,7 +18,8 @@ img.gravatar {
|
|||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
// For Administration -> /users
|
//== Administration -> /users
|
||||||
|
//
|
||||||
|
|
||||||
.username img.gravatar {
|
.username img.gravatar {
|
||||||
position: relative;
|
position: relative;
|
||||||
@@ -27,7 +28,9 @@ img.gravatar {
|
|||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Used on 12px Gravatar img tags without the icon background */
|
//== Gravatar
|
||||||
|
// Used on 12px Gravatar img tags without the icon background
|
||||||
|
|
||||||
.icon-gravatar {
|
.icon-gravatar {
|
||||||
margin-right: 5px;
|
margin-right: 5px;
|
||||||
float: left;
|
float: left;
|
||||||
|
|||||||
File diff suppressed because it is too large
Load Diff
@@ -2,7 +2,7 @@
|
|||||||
// Base64 encoded images
|
// Base64 encoded images
|
||||||
// --------------------------------------------------
|
// --------------------------------------------------
|
||||||
|
|
||||||
/* 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==);
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -12,8 +12,7 @@
|
|||||||
color: $issue-text;
|
color: $issue-text;
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
|
|
||||||
@if $use-gravatars
|
@if $use-gravatars {
|
||||||
{
|
|
||||||
> img.gravatar {
|
> img.gravatar {
|
||||||
width: $issue-gravatar-size;
|
width: $issue-gravatar-size;
|
||||||
height: $issue-gravatar-size;
|
height: $issue-gravatar-size;
|
||||||
@@ -22,7 +21,7 @@
|
|||||||
float: left;
|
float: left;
|
||||||
}
|
}
|
||||||
|
|
||||||
table img.gravatar {
|
.assigned-to img.gravatar {
|
||||||
position: relative;
|
position: relative;
|
||||||
top: -3px;
|
top: -3px;
|
||||||
margin-right: 5px;
|
margin-right: 5px;
|
||||||
@@ -128,7 +127,8 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
@if $color-status {
|
@if $color-status {
|
||||||
.attributes td.status {
|
.attributes td.status,
|
||||||
|
.attribute.status .value {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
width: auto;
|
width: auto;
|
||||||
min-width: 1em;
|
min-width: 1em;
|
||||||
@@ -143,14 +143,57 @@
|
|||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.status-1 .attributes td.status {
|
&.status-1 {
|
||||||
|
.attributes td.status,
|
||||||
|
.attribute.status .value {
|
||||||
background-color: $brand-info;
|
background-color: $brand-info;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
&.closed .attributes td.status {
|
&.closed {
|
||||||
|
.attributes td.status,
|
||||||
|
.attribute.status .value {
|
||||||
background-color: $brand-danger;
|
background-color: $brand-danger;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.splitcontentleft {
|
||||||
|
@media screen and (min-width: $screen-lg-min) {
|
||||||
|
width: auto;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.attribute {
|
||||||
|
@extend %clearfix;
|
||||||
|
|
||||||
|
.label,
|
||||||
|
.value {
|
||||||
|
padding: $issue-attribute-padding-v $issue-attribute-padding-h $issue-attribute-padding-v 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.label {
|
||||||
|
width: 25%;
|
||||||
|
float: left;
|
||||||
|
|
||||||
|
@media screen and (min-width: $screen-lg-min) {
|
||||||
|
width: 14em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.value {
|
||||||
|
color: $gray-darkest;
|
||||||
|
|
||||||
|
@media screen and (min-width: $screen-lg-min) {
|
||||||
|
width: auto;
|
||||||
|
min-width: 14em + 16em;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
table.progress {
|
||||||
|
width: 80px;
|
||||||
|
}
|
||||||
|
|
||||||
div.attachments {
|
div.attachments {
|
||||||
margin: $issue-padding (-$issue-padding) (-$issue-padding);
|
margin: $issue-padding (-$issue-padding) (-$issue-padding);
|
||||||
@@ -280,7 +323,7 @@ div.thumbnails {
|
|||||||
&.hide-details {
|
&.hide-details {
|
||||||
.journal,
|
.journal,
|
||||||
.details,
|
.details,
|
||||||
.first-of-notes:before {
|
.first-of-notes::before {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -292,7 +335,7 @@ div.thumbnails {
|
|||||||
&.hide-notes {
|
&.hide-notes {
|
||||||
.journal,
|
.journal,
|
||||||
.wiki,
|
.wiki,
|
||||||
.first-of-details:before {
|
.first-of-details::before {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -310,7 +353,7 @@ div.thumbnails {
|
|||||||
margin-left: $bubble-gravatar-size + $bubble-gravatar-space;
|
margin-left: $bubble-gravatar-size + $bubble-gravatar-space;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:before {
|
&::before {
|
||||||
display: block;
|
display: block;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: -($line-height-computed + 2px);
|
top: -($line-height-computed + 2px);
|
||||||
@@ -322,7 +365,7 @@ div.thumbnails {
|
|||||||
z-index: -1;
|
z-index: -1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tabs + &:before {
|
.tabs + &::before {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -334,7 +377,7 @@ div.thumbnails {
|
|||||||
border-color: darken($issue-border, 25%);
|
border-color: darken($issue-border, 25%);
|
||||||
|
|
||||||
@if $use-gravatars {
|
@if $use-gravatars {
|
||||||
h4:before {
|
h4::before {
|
||||||
border-right-color: darken($issue-border, 25%);
|
border-right-color: darken($issue-border, 25%);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -366,8 +409,8 @@ div.thumbnails {
|
|||||||
h4 {
|
h4 {
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
||||||
&:before,
|
&::before,
|
||||||
&:after {
|
&::after {
|
||||||
display: block;
|
display: block;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 9px;
|
top: 9px;
|
||||||
@@ -381,14 +424,14 @@ div.thumbnails {
|
|||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:after {
|
&::after {
|
||||||
margin-top: 1px;
|
margin-top: 1px;
|
||||||
margin-left: 2px;
|
margin-left: 2px;
|
||||||
border-width: 6px;
|
border-width: 6px;
|
||||||
border-right-color: $issue-bg;
|
border-right-color: $issue-bg;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:before {
|
&::before {
|
||||||
border-width: 7px;
|
border-width: 7px;
|
||||||
border-right-color: $issue-border;
|
border-right-color: $issue-border;
|
||||||
}
|
}
|
||||||
@@ -417,7 +460,7 @@ div.thumbnails {
|
|||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:before {
|
&::before {
|
||||||
display: block;
|
display: block;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 5px;
|
top: 5px;
|
||||||
@@ -435,6 +478,15 @@ div.thumbnails {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.thumbnails {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0 $bubble-padding-horizontal $bubble-padding-vertical;
|
||||||
|
|
||||||
|
img {
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.wiki,
|
.wiki,
|
||||||
form {
|
form {
|
||||||
padding: $issue-padding;
|
padding: $issue-padding;
|
||||||
@@ -486,7 +538,7 @@ div.thumbnails {
|
|||||||
> div {
|
> div {
|
||||||
border-left-color: $brand-warning;
|
border-left-color: $brand-warning;
|
||||||
|
|
||||||
h4:before {
|
h4::before {
|
||||||
border-right-color: $brand-warning;
|
border-right-color: $brand-warning;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -538,14 +590,12 @@ span.private {
|
|||||||
}
|
}
|
||||||
|
|
||||||
> p {
|
> p {
|
||||||
|
@include clearfix;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: $padding-base-vertical $padding-base-horizontal;
|
padding: $padding-base-vertical $padding-base-horizontal;
|
||||||
color: $gray;
|
color: $gray;
|
||||||
@include clearfix;
|
|
||||||
|
|
||||||
> a {
|
> a {
|
||||||
margin-left: .5em;
|
|
||||||
float: right;
|
|
||||||
font-family: $font-family-monospace;
|
font-family: $font-family-monospace;
|
||||||
font-weight: $font-weight-bold;
|
font-weight: $font-weight-bold;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -3,9 +3,8 @@
|
|||||||
// --------------------------------------------------
|
// --------------------------------------------------
|
||||||
|
|
||||||
|
|
||||||
/**
|
//== Component containers
|
||||||
* Component containers
|
//
|
||||||
*/
|
|
||||||
|
|
||||||
.ui-widget {
|
.ui-widget {
|
||||||
&,
|
&,
|
||||||
@@ -19,9 +18,8 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/**
|
//== Widgets
|
||||||
* Widgets
|
//
|
||||||
*/
|
|
||||||
|
|
||||||
.ui-widget-content {
|
.ui-widget-content {
|
||||||
border: 1px solid $panel-border;
|
border: 1px solid $panel-border;
|
||||||
@@ -64,9 +62,8 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/**
|
//== Interaction states
|
||||||
* Interaction states
|
//
|
||||||
*/
|
|
||||||
|
|
||||||
.ui-state-default,
|
.ui-state-default,
|
||||||
.ui-widget-content .ui-state-default,
|
.ui-widget-content .ui-state-default,
|
||||||
@@ -134,14 +131,13 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/**
|
//== Menu (e.g. autocomplete)
|
||||||
* Menu (e.g. autocomplete)
|
//
|
||||||
*/
|
|
||||||
|
|
||||||
.ui-menu {
|
.ui-menu {
|
||||||
|
@include nice-shadow(2);
|
||||||
padding: 3px;
|
padding: 3px;
|
||||||
border-radius: $panel-border-radius;
|
border-radius: $panel-border-radius;
|
||||||
@include nice-shadow(2);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.ui-menu-item {
|
.ui-menu-item {
|
||||||
@@ -149,9 +145,8 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/**
|
//== Dialogs
|
||||||
* Dialogs
|
//
|
||||||
*/
|
|
||||||
|
|
||||||
.modal {
|
.modal {
|
||||||
background: $body-bg;
|
background: $body-bg;
|
||||||
@@ -169,9 +164,9 @@
|
|||||||
|
|
||||||
.ui-dialog {
|
.ui-dialog {
|
||||||
&.ui-widget-content {
|
&.ui-widget-content {
|
||||||
|
@include nice-shadow(5);
|
||||||
padding: 3px;
|
padding: 3px;
|
||||||
border: 0 none;
|
border: 0 none;
|
||||||
@include nice-shadow(5);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.ui-dialog-content {
|
.ui-dialog-content {
|
||||||
@@ -192,9 +187,8 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/**
|
//== Datepicker
|
||||||
* Datepicker
|
//
|
||||||
*/
|
|
||||||
|
|
||||||
img.ui-datepicker-trigger {
|
img.ui-datepicker-trigger {
|
||||||
margin-left: 4px;
|
margin-left: 4px;
|
||||||
@@ -203,9 +197,9 @@ img.ui-datepicker-trigger {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.ui-datepicker {
|
.ui-datepicker {
|
||||||
|
@include nice-shadow(3);
|
||||||
padding: .3em .6em .6em;
|
padding: .3em .6em .6em;
|
||||||
border: 0 none;
|
border: 0 none;
|
||||||
@include nice-shadow(3);
|
|
||||||
|
|
||||||
.ui-datepicker-header {
|
.ui-datepicker-header {
|
||||||
margin: 0 -.3em;
|
margin: 0 -.3em;
|
||||||
@@ -294,9 +288,9 @@ img.ui-datepicker-trigger {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.ui-datepicker-buttonpane {
|
.ui-datepicker-buttonpane {
|
||||||
|
@include clearfix;
|
||||||
margin: .6em 0 0;
|
margin: .6em 0 0;
|
||||||
padding: .6em 0 0;
|
padding: .6em 0 0;
|
||||||
@include clearfix;
|
|
||||||
|
|
||||||
button {
|
button {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
|||||||
@@ -7,21 +7,7 @@
|
|||||||
|
|
||||||
.box & {
|
.box & {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
|
||||||
|
|
||||||
button {
|
|
||||||
margin-bottom: 5px;
|
|
||||||
box-shadow: none;
|
|
||||||
vertical-align: top;
|
|
||||||
}
|
|
||||||
|
|
||||||
.jstb_help {
|
|
||||||
margin-right: 0;
|
|
||||||
margin-left: -6px;
|
|
||||||
float: right;
|
|
||||||
}
|
|
||||||
|
|
||||||
.box & {
|
|
||||||
button {
|
button {
|
||||||
margin-right: 2px;
|
margin-right: 2px;
|
||||||
}
|
}
|
||||||
@@ -30,6 +16,14 @@
|
|||||||
margin-right: 4px;
|
margin-right: 4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media (min-width: $screen-md) {
|
||||||
|
.jstb_help {
|
||||||
|
margin-right: 0;
|
||||||
|
margin-left: -6px;
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
@media (min-width: $screen-lg) {
|
@media (min-width: $screen-lg) {
|
||||||
button {
|
button {
|
||||||
margin-right: 4px;
|
margin-right: 4px;
|
||||||
@@ -40,19 +34,24 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
button {
|
||||||
|
margin-bottom: 5px;
|
||||||
|
box-shadow: none;
|
||||||
|
vertical-align: top;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@if $use-font-awesome
|
@if $use-font-awesome {
|
||||||
{
|
|
||||||
.jstElements {
|
.jstElements {
|
||||||
%jstb-icon {
|
%jstb-icon {
|
||||||
|
@include fa-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();
|
|
||||||
|
|
||||||
&:before {
|
&::before {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -60,105 +59,106 @@
|
|||||||
.jstb_strong {
|
.jstb_strong {
|
||||||
@extend %jstb-icon;
|
@extend %jstb-icon;
|
||||||
|
|
||||||
&:before { content: $fa-var-bold; }
|
&::before { content: $fa-var-bold; }
|
||||||
}
|
}
|
||||||
|
|
||||||
.jstb_em {
|
.jstb_em {
|
||||||
@extend %jstb-icon;
|
@extend %jstb-icon;
|
||||||
|
|
||||||
&:before { content: $fa-var-italic; }
|
&::before { content: $fa-var-italic; }
|
||||||
}
|
}
|
||||||
|
|
||||||
.jstb_ins {
|
.jstb_ins {
|
||||||
@extend %jstb-icon;
|
@extend %jstb-icon;
|
||||||
|
|
||||||
&:before { content: $fa-var-underline; }
|
&::before { content: $fa-var-underline; }
|
||||||
}
|
}
|
||||||
|
|
||||||
.jstb_del {
|
.jstb_del {
|
||||||
@extend %jstb-icon;
|
@extend %jstb-icon;
|
||||||
|
|
||||||
&:before { content: $fa-var-strikethrough; }
|
&::before { content: $fa-var-strikethrough; }
|
||||||
}
|
}
|
||||||
|
|
||||||
.jstb_code {
|
.jstb_code {
|
||||||
@extend %jstb-icon;
|
@extend %jstb-icon;
|
||||||
|
|
||||||
&:before { content: $fa-var-code; }
|
&::before { content: $fa-var-code; }
|
||||||
}
|
}
|
||||||
|
|
||||||
.jstb_h1 {
|
.jstb_h1 {
|
||||||
@extend %jstb-icon;
|
@extend %jstb-icon;
|
||||||
|
|
||||||
&:before { content: $fa-var-header; }
|
&::before { content: $fa-var-header; }
|
||||||
}
|
}
|
||||||
|
|
||||||
.jstb_h2 {
|
.jstb_h2 {
|
||||||
@extend %jstb-icon;
|
@extend %jstb-icon;
|
||||||
|
|
||||||
&:before { font-size: .7857em; content: $fa-var-header; }
|
&::before { font-size: .7857em; content: $fa-var-header; }
|
||||||
}
|
}
|
||||||
|
|
||||||
.jstb_h3 {
|
.jstb_h3 {
|
||||||
@extend %jstb-icon;
|
@extend %jstb-icon;
|
||||||
|
|
||||||
&:before { font-size: .6429em; content: $fa-var-header; }
|
&::before { font-size: .6429em; content: $fa-var-header; }
|
||||||
}
|
}
|
||||||
|
|
||||||
.jstb_ul {
|
.jstb_ul {
|
||||||
@extend %jstb-icon;
|
@extend %jstb-icon;
|
||||||
|
|
||||||
&:before { content: $fa-var-list-ul; }
|
&::before { content: $fa-var-list-ul; }
|
||||||
}
|
}
|
||||||
|
|
||||||
.jstb_ol {
|
.jstb_ol {
|
||||||
@extend %jstb-icon;
|
@extend %jstb-icon;
|
||||||
|
|
||||||
&:before { content: $fa-var-list-ol; }
|
&::before { content: $fa-var-list-ol; }
|
||||||
}
|
}
|
||||||
|
|
||||||
.jstb_bq {
|
.jstb_bq {
|
||||||
@extend %jstb-icon;
|
@extend %jstb-icon;
|
||||||
|
|
||||||
&:before { content: $fa-var-indent; }
|
&::before { content: $fa-var-indent; }
|
||||||
}
|
}
|
||||||
|
|
||||||
.jstb_unbq {
|
.jstb_unbq {
|
||||||
@extend %jstb-icon;
|
@extend %jstb-icon;
|
||||||
|
|
||||||
&:before { content: $fa-var-outdent; }
|
&::before { content: $fa-var-outdent; }
|
||||||
}
|
}
|
||||||
|
|
||||||
.jstb_pre {
|
.jstb_pre {
|
||||||
@extend %jstb-icon;
|
@extend %jstb-icon;
|
||||||
|
|
||||||
&:before { content: $fa-var-terminal; }
|
&::before { content: $fa-var-terminal; }
|
||||||
}
|
}
|
||||||
|
|
||||||
.jstb_link {
|
.jstb_link {
|
||||||
@extend %jstb-icon;
|
@extend %jstb-icon;
|
||||||
|
|
||||||
&:before { content: $fa-var-link; }
|
&::before { content: $fa-var-link; }
|
||||||
}
|
}
|
||||||
|
|
||||||
.jstb_img {
|
.jstb_img {
|
||||||
@extend %jstb-icon;
|
@extend %jstb-icon;
|
||||||
|
|
||||||
&:before { content: $fa-var-image; }
|
&::before { content: $fa-var-image; }
|
||||||
}
|
}
|
||||||
|
|
||||||
.jstb_cut {
|
.jstb_cut {
|
||||||
@extend %jstb-icon;
|
@extend %jstb-icon;
|
||||||
|
|
||||||
&:before { content: $fa-var-scissors; }
|
&::before { content: $fa-var-scissors; }
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.jstb_precode,
|
||||||
// For plugin https://github.com/mediatainment/redmine_codebutton
|
// For plugin https://github.com/mediatainment/redmine_codebutton
|
||||||
.jstb_codehighlight {
|
.jstb_codehighlight {
|
||||||
@extend %jstb-icon;
|
@extend %jstb-icon;
|
||||||
color: $brand-danger;
|
color: $brand-danger;
|
||||||
|
|
||||||
&:before { content: $fa-var-code; }
|
&::before { content: $fa-var-code; }
|
||||||
}
|
}
|
||||||
|
|
||||||
button.jstb_help {
|
button.jstb_help {
|
||||||
@@ -169,7 +169,7 @@
|
|||||||
color: $link-hover-color;
|
color: $link-hover-color;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:before { content: $fa-var-question-circle; }
|
&::before { content: $fa-var-question-circle; }
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -11,13 +11,12 @@ table.list {
|
|||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
@if $table-list-highlight-rows {
|
&.changesets {
|
||||||
> tbody > tr:hover {
|
margin-bottom: $line-height-computed;
|
||||||
background-color: $table-bg-hover;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
th {
|
th,
|
||||||
|
.table-list-header {
|
||||||
padding: $table-cell-padding;
|
padding: $table-cell-padding;
|
||||||
border: 2px solid $table-border-color;
|
border: 2px solid $table-border-color;
|
||||||
border-width: $table-list-header-border;
|
border-width: $table-list-header-border;
|
||||||
@@ -29,17 +28,26 @@ table.list {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
tr.ui-sortable-helper {
|
||||||
|
background-color: $highlight-bg;
|
||||||
|
}
|
||||||
|
|
||||||
|
@if $table-list-highlight-rows {
|
||||||
|
> tbody > tr:hover {
|
||||||
|
background-color: $table-bg-hover;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
td {
|
td {
|
||||||
padding: $table-cell-padding;
|
padding: $table-cell-padding;
|
||||||
border: 1px solid $table-border-color;
|
border: 1px solid $table-border-color;
|
||||||
border-width: $table-list-item-border;
|
border-width: $table-list-item-border;
|
||||||
text-align: left;
|
text-align: center;
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
|
|
||||||
&.checkbox {
|
&.checkbox {
|
||||||
width: 15px;
|
width: 15px;
|
||||||
padding: $table-cell-padding 0 0;
|
padding: $table-cell-padding 0 0;
|
||||||
text-align: center;
|
|
||||||
|
|
||||||
input {
|
input {
|
||||||
margin: 2px 0 0;
|
margin: 2px 0 0;
|
||||||
@@ -58,6 +66,25 @@ table.list {
|
|||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&.assigned_to,
|
||||||
|
&.author,
|
||||||
|
&.activity,
|
||||||
|
&.category,
|
||||||
|
&.comments,
|
||||||
|
&.description,
|
||||||
|
&.fixed_version,
|
||||||
|
&.name,
|
||||||
|
&.priority,
|
||||||
|
&.relations,
|
||||||
|
&.roles,
|
||||||
|
&.status,
|
||||||
|
&.string,
|
||||||
|
&.subject,
|
||||||
|
&.text,
|
||||||
|
&.user {
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
|
||||||
&.estimated_hours,
|
&.estimated_hours,
|
||||||
&.remaining_hours,
|
&.remaining_hours,
|
||||||
&.spent_hours,
|
&.spent_hours,
|
||||||
@@ -67,6 +94,13 @@ table.list {
|
|||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&.reorder {
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
td,
|
||||||
|
div {
|
||||||
&.buttons {
|
&.buttons {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
@@ -74,22 +108,10 @@ table.list {
|
|||||||
a {
|
a {
|
||||||
padding-right: 5px;
|
padding-right: 5px;
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|
||||||
&.project,
|
img {
|
||||||
&.created_on,
|
vertical-align: middle;
|
||||||
&.updated_on,
|
|
||||||
&.start_date,
|
|
||||||
&.due_date,
|
|
||||||
&.is_private,
|
|
||||||
&.reorder,
|
|
||||||
&.bool,
|
|
||||||
&.date {
|
|
||||||
text-align: center;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
&.reorder {
|
|
||||||
white-space: nowrap;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -99,6 +121,12 @@ table.list {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.table-list-cell {
|
||||||
|
display: table-cell;
|
||||||
|
padding: $table-cell-padding;
|
||||||
|
vertical-align: top;
|
||||||
|
}
|
||||||
|
|
||||||
tr.project {
|
tr.project {
|
||||||
.name a {
|
.name a {
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
@@ -112,8 +140,8 @@ tr.project {
|
|||||||
}
|
}
|
||||||
|
|
||||||
&.idnt .name span {
|
&.idnt .name span {
|
||||||
padding-left: 16px;
|
|
||||||
@extend %image-arrow-right;
|
@extend %image-arrow-right;
|
||||||
|
padding-left: 16px;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
background-position: -5px 50%;
|
background-position: -5px 50%;
|
||||||
}
|
}
|
||||||
@@ -129,14 +157,14 @@ tr.issue {
|
|||||||
text-align: center;
|
text-align: center;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
|
|
||||||
&.string,
|
.string,
|
||||||
&.text,
|
.text,
|
||||||
.subject,
|
.subject,
|
||||||
.category {
|
.category {
|
||||||
white-space: normal;
|
white-space: normal;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.relations {
|
.relations {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
white-space: normal;
|
white-space: normal;
|
||||||
|
|
||||||
@@ -145,22 +173,12 @@ tr.issue {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&.done_ratio table.progress {
|
|
||||||
margin-right: auto;
|
|
||||||
margin-left: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
&.idnt .subject a {
|
&.idnt .subject a {
|
||||||
padding-left: 16px;
|
|
||||||
@extend %image-arrow-right;
|
@extend %image-arrow-right;
|
||||||
|
padding-left: 10px;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
|
|
||||||
@if $color-trackers {
|
|
||||||
background-position: 0 0;
|
|
||||||
} @else {
|
|
||||||
background-position: -5px 0;
|
background-position: -5px 0;
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|
||||||
.controller-issues.action-index & {
|
.controller-issues.action-index & {
|
||||||
&.assigned-to-me {
|
&.assigned-to-me {
|
||||||
@@ -201,13 +219,13 @@ tr.issue {
|
|||||||
|
|
||||||
tr {
|
tr {
|
||||||
span.expander {
|
span.expander {
|
||||||
|
@extend %image-toggle-plus;
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
padding-left: 8px;
|
padding-left: 8px;
|
||||||
@extend %image-toggle-plus;
|
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
background-position: center center;
|
background-position: center center;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
@include user-select(none);
|
user-select: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.open span.expander {
|
&.open span.expander {
|
||||||
@@ -266,11 +284,11 @@ tr.entry {
|
|||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/**
|
//== Priorities
|
||||||
* Priorities
|
//
|
||||||
*/
|
|
||||||
// scss-lint:disable SpaceAfterComma
|
|
||||||
@if $color-priorities {
|
@if $color-priorities {
|
||||||
|
// scss-lint:disable SpaceAfterComma
|
||||||
@include priority(".priority-lowest", $priority-lowest-bg, $priority-lowest-text, $priority-lowest-link);
|
@include priority(".priority-lowest", $priority-lowest-bg, $priority-lowest-text, $priority-lowest-link);
|
||||||
@include priority(".priority-default", $priority-default-bg, $priority-default-text, $priority-default-link);
|
@include priority(".priority-default", $priority-default-bg, $priority-default-text, $priority-default-link);
|
||||||
@include priority(".priority-high3", $priority-high3-bg, $priority-high3-text, $priority-high3-link);
|
@include priority(".priority-high3", $priority-high3-bg, $priority-high3-text, $priority-high3-link);
|
||||||
@@ -309,20 +327,20 @@ tr.entry {
|
|||||||
color: mix($tracker-default-text, $tracker-default-bg, 75%);
|
color: mix($tracker-default-text, $tracker-default-bg, 75%);
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
|
||||||
&:after {
|
&::after {
|
||||||
display: block;
|
display: block;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
right: 5px;
|
right: 5px;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
left: 5px;
|
left: 5px;
|
||||||
height: calc(50% - 2px/2);
|
height: calc(50% - 2px/2);
|
||||||
|
transform: rotate(-4deg);
|
||||||
|
transition: border-color .1s;
|
||||||
border-top: 2px solid rgba($tracker-default-text, .95);
|
border-top: 2px solid rgba($tracker-default-text, .95);
|
||||||
content: "";
|
content: "";
|
||||||
@include rotate(-4deg);
|
|
||||||
@include transition(border-color .1s);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
&:hover:after {
|
&:hover::after {
|
||||||
border-top-color: rgba($tracker-default-text, .25);
|
border-top-color: rgba($tracker-default-text, .25);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -332,7 +350,7 @@ tr.entry {
|
|||||||
display: block;
|
display: block;
|
||||||
padding: $tracker-list-padding;
|
padding: $tracker-list-padding;
|
||||||
|
|
||||||
&:before {
|
&::before {
|
||||||
color: mix($tracker-default-text, $tracker-default-bg, 50%);
|
color: mix($tracker-default-text, $tracker-default-bg, 50%);
|
||||||
content: "#";
|
content: "#";
|
||||||
}
|
}
|
||||||
@@ -370,9 +388,8 @@ tr.entry {
|
|||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/**
|
//== List groups
|
||||||
* List groups
|
//
|
||||||
*/
|
|
||||||
|
|
||||||
tr.group {
|
tr.group {
|
||||||
> td {
|
> td {
|
||||||
@@ -413,9 +430,8 @@ tr.group {
|
|||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/**
|
//== Time entry in report
|
||||||
* Time entry in report
|
//
|
||||||
*/
|
|
||||||
|
|
||||||
tr.time-entry {
|
tr.time-entry {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
@@ -468,9 +484,8 @@ tr.time-entry {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
//== Wiki page history entry
|
||||||
* Wiki page history entry
|
//
|
||||||
*/
|
|
||||||
|
|
||||||
tr.wiki-page-version {
|
tr.wiki-page-version {
|
||||||
td.updated_on,
|
td.updated_on,
|
||||||
@@ -479,9 +494,8 @@ tr.wiki-page-version {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
//== Project versions list
|
||||||
* Project versions list
|
//
|
||||||
*/
|
|
||||||
|
|
||||||
tr.version {
|
tr.version {
|
||||||
&.closed {
|
&.closed {
|
||||||
@@ -503,9 +517,8 @@ tr.version {
|
|||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/**
|
//== Users list
|
||||||
* Users list
|
//
|
||||||
*/
|
|
||||||
|
|
||||||
tr.user {
|
tr.user {
|
||||||
td {
|
td {
|
||||||
@@ -533,9 +546,8 @@ tr.user {
|
|||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/**
|
//== Plugins list
|
||||||
* Plugins list
|
//
|
||||||
*/
|
|
||||||
|
|
||||||
table.plugins {
|
table.plugins {
|
||||||
.configure {
|
.configure {
|
||||||
@@ -555,9 +567,8 @@ table.plugins {
|
|||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/**
|
//== Files list
|
||||||
* Files list
|
//
|
||||||
*/
|
|
||||||
|
|
||||||
table.files {
|
table.files {
|
||||||
tbody th {
|
tbody th {
|
||||||
@@ -576,9 +587,9 @@ table.files {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
|
||||||
* Admin lists
|
//== Admin lists
|
||||||
*/
|
//
|
||||||
|
|
||||||
.controller-enumerations {
|
.controller-enumerations {
|
||||||
td.name {
|
td.name {
|
||||||
@@ -591,3 +602,21 @@ table.files {
|
|||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
//== Totals
|
||||||
|
//
|
||||||
|
|
||||||
|
.query-totals {
|
||||||
|
> span {
|
||||||
|
margin-right: $padding-base-horizontal;
|
||||||
|
|
||||||
|
&:last-child {
|
||||||
|
margin-right: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.value {
|
||||||
|
font-weight: $font-weight-bold;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|||||||
@@ -2,9 +2,23 @@
|
|||||||
// Pagination (multiple pages)
|
// Pagination (multiple pages)
|
||||||
// --------------------------------------------------
|
// --------------------------------------------------
|
||||||
.pagination {
|
.pagination {
|
||||||
.previous,
|
.pages {
|
||||||
.next,
|
display: inline-block;
|
||||||
.page {
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
li {
|
||||||
|
display: inline-block;
|
||||||
|
margin-right: .3em;
|
||||||
|
list-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
li > a,
|
||||||
|
li > span,
|
||||||
|
> .previous,
|
||||||
|
> .next,
|
||||||
|
> .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;
|
||||||
@@ -12,7 +26,24 @@
|
|||||||
background-color: $pagination-bg;
|
background-color: $pagination-bg;
|
||||||
color: $pagination-color;
|
color: $pagination-color;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
li > span {
|
||||||
|
border-color: $pagination-inactive-border;
|
||||||
|
background-color: $pagination-inactive-bg;
|
||||||
|
color: $pagination-inactive-color;
|
||||||
|
cursor: default;
|
||||||
|
}
|
||||||
|
|
||||||
|
.spacer > span {
|
||||||
|
padding: 0;
|
||||||
|
border: 0 none;
|
||||||
|
background: transparent;
|
||||||
|
color: $text-color;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
&:hover,
|
&:hover,
|
||||||
&:focus {
|
&:focus {
|
||||||
border-color: $pagination-hover-border;
|
border-color: $pagination-hover-border;
|
||||||
@@ -21,7 +52,8 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.page.current {
|
.page.current,
|
||||||
|
.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;
|
||||||
@@ -39,4 +71,13 @@
|
|||||||
p.pagination {
|
p.pagination {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
float: left;
|
float: left;
|
||||||
|
|
||||||
|
+ h1,
|
||||||
|
+ h2,
|
||||||
|
+ h3,
|
||||||
|
+ h4,
|
||||||
|
+ h5,
|
||||||
|
+ h6 {
|
||||||
|
clear: both;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -42,12 +42,19 @@
|
|||||||
// --------------------------------------------------
|
// --------------------------------------------------
|
||||||
|
|
||||||
@if $use-font-awesome {
|
@if $use-font-awesome {
|
||||||
.icon.icon-start,
|
.tt_list_button {
|
||||||
.icon.icon-stop {
|
@extend %fa-icon;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon,
|
||||||
|
.tt_list_button {
|
||||||
|
&.icon-start,
|
||||||
|
&.icon-stop {
|
||||||
background-image: none;
|
background-image: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.icon.icon-start {
|
&.icon-start {
|
||||||
color: $icon-success-color;
|
color: $icon-success-color;
|
||||||
|
|
||||||
&:hover,
|
&:hover,
|
||||||
@@ -55,12 +62,12 @@
|
|||||||
color: $icon-success-color;
|
color: $icon-success-color;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:before {
|
&::before {
|
||||||
content: $fa-var-clock-o;
|
content: $fa-var-clock-o;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.icon.icon-stop {
|
&.icon-stop {
|
||||||
color: $icon-danger-color;
|
color: $icon-danger-color;
|
||||||
|
|
||||||
&:hover,
|
&:hover,
|
||||||
@@ -68,14 +75,19 @@
|
|||||||
color: $icon-danger-color;
|
color: $icon-danger-color;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:before {
|
&::before {
|
||||||
content: $fa-var-history;
|
content: $fa-var-history;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.time-tracker-quick-menu:empty {
|
.time-tracker-quick-menu:empty {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#user-time-bookings-list {
|
||||||
|
clear: both;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
@@ -307,8 +319,8 @@
|
|||||||
top: $table-cell-padding - 1px;
|
top: $table-cell-padding - 1px;
|
||||||
right: $table-cell-padding;
|
right: $table-cell-padding;
|
||||||
left: auto;
|
left: auto;
|
||||||
font-size: $font-size-small;
|
|
||||||
width: 20%;
|
width: 20%;
|
||||||
|
font-size: $font-size-small;
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -20,13 +20,12 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
#content {
|
#content {
|
||||||
// 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; // scss-lint:disable ImportantRule
|
||||||
}
|
}
|
||||||
|
|
||||||
.autoscroll {
|
.autoscroll {
|
||||||
|
|||||||
@@ -3,12 +3,17 @@
|
|||||||
// --------------------------------------------------
|
// --------------------------------------------------
|
||||||
|
|
||||||
table.progress {
|
table.progress {
|
||||||
|
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 & {
|
||||||
|
width: 40em;
|
||||||
|
}
|
||||||
|
|
||||||
td.done_ratio & {
|
td.done_ratio & {
|
||||||
margin-right: auto;
|
margin-right: auto;
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
|
|||||||
@@ -20,7 +20,7 @@
|
|||||||
background-position: 0 center;
|
background-position: 0 center;
|
||||||
}
|
}
|
||||||
|
|
||||||
span.project:after {
|
span.project::after {
|
||||||
content: " -";
|
content: " -";
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -105,9 +105,9 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
label {
|
label {
|
||||||
|
@include checkbox;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
margin-right: 5px;
|
margin-right: 5px;
|
||||||
@include checkbox;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
p:last-child {
|
p:last-child {
|
||||||
|
|||||||
@@ -14,20 +14,15 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
> ul {
|
> ul {
|
||||||
// scss-lint:disable VendorPrefix
|
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding-left: 0;
|
padding-left: 0;
|
||||||
border-bottom: 1px solid $tab-border;
|
border-bottom: 1px solid $tab-border;
|
||||||
list-style: none;
|
list-style: none;
|
||||||
|
|
||||||
@if $flexbox-layout {
|
@if $flexbox-layout {
|
||||||
display: -ms-flexbox;
|
|
||||||
display: -webkit-flex;
|
|
||||||
display: flex;
|
display: flex;
|
||||||
height: $line-height-computed + $tab-padding-vertical * 2 + 1px;
|
|
||||||
-webkit-flex-wrap: nowrap;
|
|
||||||
-ms-flex-wrap: nowrap;
|
|
||||||
flex-wrap: nowrap;
|
flex-wrap: nowrap;
|
||||||
|
height: $line-height-computed + $tab-padding-vertical * 2 + 1px;
|
||||||
} @else {
|
} @else {
|
||||||
width: 2000px;
|
width: 2000px;
|
||||||
@extend %clearfix;
|
@extend %clearfix;
|
||||||
@@ -37,8 +32,6 @@
|
|||||||
margin-bottom: -1px;
|
margin-bottom: -1px;
|
||||||
|
|
||||||
@if $flexbox-layout {
|
@if $flexbox-layout {
|
||||||
-webkit-flex: 0 1 auto;
|
|
||||||
-ms-flex: 0 1 auto;
|
|
||||||
flex: 0 1 auto;
|
flex: 0 1 auto;
|
||||||
} @else {
|
} @else {
|
||||||
float: left;
|
float: left;
|
||||||
@@ -85,13 +78,14 @@
|
|||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
float: left;
|
float: left;
|
||||||
|
transition: opacity .1s;
|
||||||
border: 0 none;
|
border: 0 none;
|
||||||
|
border-radius: 0;
|
||||||
background-color: $body-bg;
|
background-color: $body-bg;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
background-position: center center;
|
background-position: center center;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
opacity: .8;
|
opacity: .8;
|
||||||
@include transition(opacity .1s);
|
|
||||||
|
|
||||||
&:hover,
|
&:hover,
|
||||||
&:active {
|
&:active {
|
||||||
@@ -113,9 +107,8 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
//== 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;
|
||||||
@@ -140,9 +133,9 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
label {
|
label {
|
||||||
|
@include checkbox;
|
||||||
display: block;
|
display: block;
|
||||||
margin-bottom: 3px;
|
margin-bottom: 3px;
|
||||||
@include checkbox;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
label[for=principal_search] {
|
label[for=principal_search] {
|
||||||
@@ -166,3 +159,9 @@
|
|||||||
#tab-content-memberships .splitcontentright select {
|
#tab-content-memberships .splitcontentright select {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#principals_for_new_member {
|
||||||
|
.pagination {
|
||||||
|
float: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|||||||
@@ -3,12 +3,12 @@
|
|||||||
// --------------------------------------------------
|
// --------------------------------------------------
|
||||||
|
|
||||||
#top-menu {
|
#top-menu {
|
||||||
|
@extend %clearfix;
|
||||||
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;
|
|
||||||
|
|
||||||
@if $top-menu-collapse {
|
@if $top-menu-collapse {
|
||||||
$toggler-position-v: $padding-small-vertical + 1px;
|
$toggler-position-v: $padding-small-vertical + 1px;
|
||||||
@@ -37,12 +37,12 @@
|
|||||||
} @else {
|
} @else {
|
||||||
right: $toggler-position-h;
|
right: $toggler-position-h;
|
||||||
}
|
}
|
||||||
@include user-select(none);
|
user-select: none;
|
||||||
|
|
||||||
@if $use-font-awesome {
|
@if $use-font-awesome {
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
|
|
||||||
&:before {
|
&::before {
|
||||||
content: $fa-var-caret-square-o-down;
|
content: $fa-var-caret-square-o-down;
|
||||||
}
|
}
|
||||||
} @else {
|
} @else {
|
||||||
@@ -54,7 +54,7 @@
|
|||||||
color: mix($top-menu-link, $top-menu-bg, 33%);
|
color: mix($top-menu-link, $top-menu-bg, 33%);
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
|
|
||||||
&:before {
|
&::before {
|
||||||
margin-right: 0;
|
margin-right: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -79,7 +79,7 @@
|
|||||||
|
|
||||||
&.expanded {
|
&.expanded {
|
||||||
@if $use-font-awesome {
|
@if $use-font-awesome {
|
||||||
&:before {
|
&::before {
|
||||||
content: $fa-var-caret-square-o-up;
|
content: $fa-var-caret-square-o-up;
|
||||||
}
|
}
|
||||||
} @else {
|
} @else {
|
||||||
@@ -136,10 +136,10 @@
|
|||||||
// --------------------------------------------------
|
// --------------------------------------------------
|
||||||
|
|
||||||
#header {
|
#header {
|
||||||
|
@extend %clearfix;
|
||||||
position: relative;
|
position: relative;
|
||||||
background-color: $header-bg;
|
background-color: $header-bg;
|
||||||
color: $header-text;
|
color: $header-text;
|
||||||
@extend %clearfix;
|
|
||||||
|
|
||||||
> h1 {
|
> h1 {
|
||||||
padding: $header-padding-vertical $header-padding-horizontal;
|
padding: $header-padding-vertical $header-padding-horizontal;
|
||||||
@@ -155,14 +155,23 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
> .root {
|
.root {
|
||||||
color: $header-root;
|
color: $header-root;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
}
|
}
|
||||||
|
|
||||||
> .ancestor {
|
.ancestor {
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.root,
|
||||||
|
.ancestor {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.current-project {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
@@ -187,10 +196,12 @@
|
|||||||
input,
|
input,
|
||||||
select {
|
select {
|
||||||
margin-left: 5px;
|
margin-left: 5px;
|
||||||
|
transition: color ease-in-out .1s,
|
||||||
|
background-color ease-in-out .1s,
|
||||||
|
border-color ease-in-out .1s;
|
||||||
border-color: darken($header-bg, 15%);
|
border-color: darken($header-bg, 15%);
|
||||||
background: darken($header-bg, 10%);
|
background: darken($header-bg, 10%);
|
||||||
color: $header-root;
|
color: $header-root;
|
||||||
@include transition(color ease-in-out .1s, background-color ease-in-out .1s, border-color ease-in-out .1s);
|
|
||||||
|
|
||||||
&:focus {
|
&:focus {
|
||||||
border-color: darken($header-bg, 35%);
|
border-color: darken($header-bg, 35%);
|
||||||
@@ -217,115 +228,56 @@
|
|||||||
#main-menu {
|
#main-menu {
|
||||||
clear: both;
|
clear: both;
|
||||||
background-color: $main-menu-bg;
|
background-color: $main-menu-bg;
|
||||||
|
color: $text-color;
|
||||||
box-shadow: inset 0 -1px $main-menu-border;
|
box-shadow: inset 0 -1px $main-menu-border;
|
||||||
|
|
||||||
@if $main-menu-collapse {
|
&.tabs {
|
||||||
$toggler-position-v: $main-menu-padding-vertical + 3px;
|
margin-bottom: 0;
|
||||||
$toggler-position-h: 1px;
|
overflow: inherit;
|
||||||
|
|
||||||
position: relative;
|
> ul {
|
||||||
max-height: $line-height-computed + $main-menu-padding-vertical * 2;
|
height: auto;
|
||||||
overflow: hidden;
|
|
||||||
|
|
||||||
&.expanded {
|
> li {
|
||||||
max-height: none;
|
> a {
|
||||||
|
border: 0 none;
|
||||||
|
border-radius: 0;
|
||||||
|
background: transparent;
|
||||||
}
|
}
|
||||||
|
|
||||||
.main-menu-toggler {
|
|
||||||
display: block;
|
|
||||||
position: absolute;
|
|
||||||
top: $toggler-position-v;
|
|
||||||
@if $sidebar-position == "left" {
|
|
||||||
left: $toggler-position-h;
|
|
||||||
} @else {
|
|
||||||
right: $toggler-position-h;
|
|
||||||
}
|
}
|
||||||
@include user-select(none);
|
|
||||||
|
|
||||||
@if $use-font-awesome {
|
|
||||||
font-size: 14px;
|
|
||||||
|
|
||||||
&:before {
|
|
||||||
content: $fa-var-caret-square-o-down;
|
|
||||||
}
|
|
||||||
} @else {
|
|
||||||
@extend %image-arrow-down;
|
|
||||||
}
|
|
||||||
|
|
||||||
@if $use-font-awesome {
|
|
||||||
@extend %fa-icon;
|
|
||||||
color: mix($main-menu-link, $main-menu-bg, 33%);
|
|
||||||
line-height: 1;
|
|
||||||
|
|
||||||
&:before {
|
|
||||||
margin-right: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
&:hover,
|
|
||||||
&:focus,
|
|
||||||
&:active {
|
|
||||||
color: mix($main-menu-link, $main-menu-bg, 50%);
|
|
||||||
}
|
|
||||||
} @else {
|
|
||||||
width: 15px;
|
|
||||||
height: 15px;
|
|
||||||
border-radius: $border-radius-base;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
background-position: center center;
|
|
||||||
|
|
||||||
&:hover,
|
|
||||||
&:focus,
|
|
||||||
&:active {
|
|
||||||
background-color: darken($main-menu-bg, 15%);
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&.expanded {
|
> ul {
|
||||||
@if $use-font-awesome {
|
@extend %clearfix;
|
||||||
&:before {
|
|
||||||
content: $fa-var-caret-square-o-up;
|
|
||||||
}
|
|
||||||
} @else {
|
|
||||||
@extend %image-arrow-up;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media screen and (min-width: $main-menu-collapse-breakpoint) {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
} @else {
|
|
||||||
@media screen and (max-width: $screen-sm-max) {
|
|
||||||
font-size: $font-size-small-px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
ul {
|
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0 ($padding-side - $main-menu-padding-horizontal);
|
padding: 0 ($padding-side - $main-menu-padding-horizontal);
|
||||||
color: $main-menu-link;
|
color: $main-menu-link;
|
||||||
list-style: none;
|
list-style: none;
|
||||||
@extend %clearfix;
|
|
||||||
|
|
||||||
> li {
|
> li {
|
||||||
|
position: relative;
|
||||||
margin-right: .5em;
|
margin-right: .5em;
|
||||||
float: left;
|
float: left;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
> .new-object {
|
||||||
|
border-bottom: 1px solid $main-menu-dropdown-bg;
|
||||||
|
z-index: 100;
|
||||||
|
}
|
||||||
|
|
||||||
|
> .menu-children {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
> a {
|
> a {
|
||||||
display: block;
|
display: block;
|
||||||
white-space: nowrap;
|
|
||||||
@include transition(box-shadow .2s);
|
|
||||||
|
|
||||||
@if $main-menu-collapse {
|
|
||||||
padding: $main-menu-padding-vertical $main-menu-padding-horizontal;
|
padding: $main-menu-padding-vertical $main-menu-padding-horizontal;
|
||||||
} @else {
|
transition: box-shadow .15s;
|
||||||
padding: $main-menu-padding-vertical 0;
|
color: $main-menu-link;
|
||||||
|
line-height: $line-height-computed;
|
||||||
@media screen and (min-width: $screen-md-min) {
|
white-space: nowrap;
|
||||||
padding-right: $main-menu-padding-horizontal;
|
|
||||||
padding-left: $main-menu-padding-horizontal;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media screen and (min-width: $screen-lg-min) {
|
@media screen and (min-width: $screen-lg-min) {
|
||||||
padding-right: $main-menu-padding-horizontal * 2;
|
padding-right: $main-menu-padding-horizontal * 2;
|
||||||
@@ -346,6 +298,24 @@
|
|||||||
font-weight: $font-weight-bold;
|
font-weight: $font-weight-bold;
|
||||||
box-shadow: none;
|
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;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -353,4 +323,56 @@
|
|||||||
a {
|
a {
|
||||||
color: $main-menu-link;
|
color: $main-menu-link;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.menu-children {
|
||||||
|
@include nice-shadow(2);
|
||||||
|
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;
|
||||||
|
|
||||||
|
&.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 {
|
||||||
|
display: none !important; // scss-lint:disable ImportantRule
|
||||||
|
padding-left: 0;
|
||||||
|
background-color: $main-menu-bg;
|
||||||
|
|
||||||
|
> button {
|
||||||
|
height: $main-menu-padding-vertical * 2 + $line-height-computed - 1px;
|
||||||
|
background-color: $main-menu-bg;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
ul + .tabs-buttons {
|
||||||
|
display: block !important; // scss-lint:disable ImportantRule
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -3,18 +3,14 @@
|
|||||||
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
|
||||||
* Add some space between list items
|
|
||||||
*/
|
|
||||||
ul,
|
ul,
|
||||||
ol {
|
ol {
|
||||||
li {
|
li {
|
||||||
@@ -55,21 +51,36 @@ div.wiki {
|
|||||||
line-height: $headings-line-height;
|
line-height: $headings-line-height;
|
||||||
}
|
}
|
||||||
|
|
||||||
h1, .h1 { font-size: $font-size-h1; line-height: 1.2; }
|
h1, .h1 {
|
||||||
h2, .h2 { font-size: $font-size-h2; line-height: 1.225; }
|
padding-bottom: .3em;
|
||||||
h3, .h3 { font-size: $font-size-h3; line-height: 1.43; }
|
border-bottom: 1px solid $gray-lighter;
|
||||||
h4, .h4 { font-size: $font-size-h4; }
|
font-size: $font-size-h1;
|
||||||
h5, .h5 { font-size: $font-size-h5; }
|
line-height: 1.2;
|
||||||
h6, .h6 { font-size: $font-size-h6; }
|
}
|
||||||
|
|
||||||
h1, .h1,
|
|
||||||
h2, .h2 {
|
h2, .h2 {
|
||||||
padding-bottom: .3em;
|
padding-bottom: .3em;
|
||||||
border-bottom: 1px solid $gray-lighter;
|
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 {
|
h6, .h6 {
|
||||||
color: $gray;
|
color: $gray;
|
||||||
|
font-size: $font-size-h6;
|
||||||
}
|
}
|
||||||
|
|
||||||
.text-normal {
|
.text-normal {
|
||||||
@@ -93,7 +104,7 @@ div.wiki {
|
|||||||
+ h4,
|
+ h4,
|
||||||
+ h5,
|
+ h5,
|
||||||
+ h6 {
|
+ h6 {
|
||||||
&:before {
|
&::before {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
width: .7em;
|
width: .7em;
|
||||||
margin-left: -.7em;
|
margin-left: -.7em;
|
||||||
@@ -104,7 +115,7 @@ div.wiki {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
> *:last-child {
|
>:last-child {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -129,7 +140,6 @@ div.wiki {
|
|||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
// scss-lint:disable DuplicateProperty
|
|
||||||
word-break: break-all;
|
word-break: break-all;
|
||||||
word-break: break-word;
|
word-break: break-word;
|
||||||
}
|
}
|
||||||
@@ -155,7 +165,6 @@ div.wiki {
|
|||||||
}
|
}
|
||||||
|
|
||||||
table {
|
table {
|
||||||
// scss-lint:disable DuplicateProperty
|
|
||||||
display: block;
|
display: block;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
margin-bottom: $line-height-computed;
|
margin-bottom: $line-height-computed;
|
||||||
@@ -310,14 +319,13 @@ h4,
|
|||||||
h5,
|
h5,
|
||||||
h6 {
|
h6 {
|
||||||
.wiki-anchor {
|
.wiki-anchor {
|
||||||
// scss-lint:disable ImportantRule
|
|
||||||
display: none;
|
display: none;
|
||||||
position: relative;
|
position: relative;
|
||||||
top: -(1em - $font-size-small);
|
top: -(1em - $font-size-small);
|
||||||
margin-left: 5px;
|
margin-left: 5px;
|
||||||
color: $headings-anchor-color !important;
|
color: $headings-anchor-color !important; // scss-lint:disable ImportantRule
|
||||||
font-size: $font-size-small;
|
font-size: $font-size-small;
|
||||||
text-decoration: none !important;
|
text-decoration: none !important; // scss-lint:disable ImportantRule
|
||||||
}
|
}
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
@@ -336,7 +344,7 @@ h6 {
|
|||||||
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;
|
||||||
@@ -345,7 +353,7 @@ p.footnote {
|
|||||||
content: "";
|
content: "";
|
||||||
}
|
}
|
||||||
|
|
||||||
+ p.footnote:before {
|
+ p.footnote::before {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -382,10 +390,10 @@ p.footnote {
|
|||||||
// Custom classes for Bootstrap-like features
|
// Custom classes for Bootstrap-like features
|
||||||
// --------------------------------------------------
|
// --------------------------------------------------
|
||||||
|
|
||||||
/**
|
|
||||||
* Pager
|
// Pager
|
||||||
* 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;
|
||||||
@@ -417,12 +425,13 @@ p.footnote {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
|
||||||
* Typographic helper classes
|
//== Typographic helper classes
|
||||||
*/
|
//
|
||||||
|
|
||||||
// Lead body copy
|
// Lead body copy
|
||||||
// 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));
|
||||||
@@ -434,24 +443,27 @@ p.footnote {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
// Alignment
|
// Alignment
|
||||||
// see: http://getbootstrap.com/css/#type-alignment
|
// see: http://getbootstrap.com/css/#type-alignment
|
||||||
|
|
||||||
.text-left { text-align: left; }
|
.text-left { text-align: left; }
|
||||||
.text-right { text-align: right; }
|
.text-right { text-align: right; }
|
||||||
.text-center { text-align: center; }
|
.text-center { text-align: center; }
|
||||||
.text-justify { text-align: justify; }
|
.text-justify { text-align: justify; }
|
||||||
.text-nowrap { white-space: nowrap; }
|
.text-nowrap { white-space: nowrap; }
|
||||||
|
|
||||||
|
|
||||||
// Transformation
|
// Transformation
|
||||||
// see: http://getbootstrap.com/css/#type-transformation
|
// see: http://getbootstrap.com/css/#type-transformation
|
||||||
|
|
||||||
.text-lowercase { text-transform: lowercase; }
|
.text-lowercase { text-transform: lowercase; }
|
||||||
.text-uppercase { text-transform: uppercase; }
|
.text-uppercase { text-transform: uppercase; }
|
||||||
.text-capitalize { text-transform: capitalize; }
|
.text-capitalize { text-transform: capitalize; }
|
||||||
|
|
||||||
/**
|
|
||||||
* Other helper classes
|
// Other helper classes
|
||||||
* see: http://getbootstrap.com/css/#helper-classes
|
// see: http://getbootstrap.com/css/#helper-classes
|
||||||
*/
|
|
||||||
|
|
||||||
.text-muted { color: $gray-light; }
|
.text-muted { color: $gray-light; }
|
||||||
.text-primary { color: $brand-primary; }
|
.text-primary { color: $brand-primary; }
|
||||||
|
|||||||
@@ -8,12 +8,12 @@
|
|||||||
|
|
||||||
#sidebar {
|
#sidebar {
|
||||||
@if $fixed-layout {
|
@if $fixed-layout {
|
||||||
opacity: 1;
|
|
||||||
will-change: margin, opacity;
|
will-change: margin, opacity;
|
||||||
@include transition(margin .5s, opacity .5s);
|
transition: margin .5s, opacity .5s;
|
||||||
|
opacity: 1;
|
||||||
} @else {
|
} @else {
|
||||||
will-change: margin;
|
will-change: margin;
|
||||||
@include transition(margin .5s);
|
transition: margin .5s;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.sidebar-hiding {
|
&.sidebar-hiding {
|
||||||
@@ -33,18 +33,17 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.sidebar-toggler {
|
.sidebar-toggler {
|
||||||
@include user-select(none);
|
|
||||||
|
|
||||||
display: block;
|
display: block;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: $toggler-position-v;
|
top: $toggler-position-v;
|
||||||
|
user-select: none;
|
||||||
|
|
||||||
@if $use-font-awesome {
|
@if $use-font-awesome {
|
||||||
@extend %fa-icon;
|
@extend %fa-icon;
|
||||||
color: $gray-light;
|
color: $gray-light;
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
|
|
||||||
&:before {
|
&::before {
|
||||||
margin-right: 0;
|
margin-right: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -71,7 +70,7 @@
|
|||||||
left: $toggler-position-h;
|
left: $toggler-position-h;
|
||||||
|
|
||||||
@if $use-font-awesome {
|
@if $use-font-awesome {
|
||||||
&:before {
|
&::before {
|
||||||
content: $fa-var-caret-square-o-left;
|
content: $fa-var-caret-square-o-left;
|
||||||
}
|
}
|
||||||
} @else {
|
} @else {
|
||||||
@@ -81,7 +80,7 @@
|
|||||||
right: $toggler-position-h;
|
right: $toggler-position-h;
|
||||||
|
|
||||||
@if $use-font-awesome {
|
@if $use-font-awesome {
|
||||||
&:before {
|
&::before {
|
||||||
content: $fa-var-caret-square-o-right;
|
content: $fa-var-caret-square-o-right;
|
||||||
}
|
}
|
||||||
} @else {
|
} @else {
|
||||||
@@ -92,7 +91,7 @@
|
|||||||
&.sidebar-hidden {
|
&.sidebar-hidden {
|
||||||
@if $sidebar-position == "left" {
|
@if $sidebar-position == "left" {
|
||||||
@if $use-font-awesome {
|
@if $use-font-awesome {
|
||||||
&:before {
|
&::before {
|
||||||
content: $fa-var-caret-square-o-right;
|
content: $fa-var-caret-square-o-right;
|
||||||
}
|
}
|
||||||
} @else {
|
} @else {
|
||||||
@@ -100,7 +99,7 @@
|
|||||||
}
|
}
|
||||||
} @else {
|
} @else {
|
||||||
@if $use-font-awesome {
|
@if $use-font-awesome {
|
||||||
&:before {
|
&::before {
|
||||||
content: $fa-var-caret-square-o-left;
|
content: $fa-var-caret-square-o-left;
|
||||||
}
|
}
|
||||||
} @else {
|
} @else {
|
||||||
|
|||||||
@@ -1,4 +1,4 @@
|
|||||||
/*!
|
/**
|
||||||
* Font Awesome 4.2.0 by @davegandy - http://fontawesome.io - @fontawesome
|
* Font Awesome 4.2.0 by @davegandy - http://fontawesome.io - @fontawesome
|
||||||
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
|
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
|
||||||
*/
|
*/
|
||||||
|
|||||||
16
src/sass/lib/font-awesome/_mixins.scss
vendored
16
src/sass/lib/font-awesome/_mixins.scss
vendored
@@ -1,26 +1,10 @@
|
|||||||
// Mixins
|
// Mixins
|
||||||
// scss-lint:disable VendorPrefix
|
|
||||||
// --------------------------
|
// --------------------------
|
||||||
|
|
||||||
@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
|
||||||
font-size: inherit; // can't have font-size inherit on line above, so need to override
|
|
||||||
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) {
|
|
||||||
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation});
|
|
||||||
-webkit-transform: rotate($degrees);
|
|
||||||
-ms-transform: rotate($degrees);
|
|
||||||
transform: rotate($degrees);
|
|
||||||
}
|
|
||||||
|
|
||||||
@mixin fa-icon-flip($horiz, $vert, $rotation) {
|
|
||||||
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation});
|
|
||||||
-webkit-transform: scale($horiz, $vert);
|
|
||||||
-ms-transform: scale($horiz, $vert);
|
|
||||||
transform: scale($horiz, $vert);
|
|
||||||
}
|
|
||||||
|
|||||||
@@ -50,9 +50,9 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
&:active {
|
&:active {
|
||||||
|
transform: translate(0, 1px);
|
||||||
border-color: $active-border;
|
border-color: $active-border;
|
||||||
background-color: $active-bg;
|
background-color: $active-bg;
|
||||||
box-shadow: $active-shadow;
|
box-shadow: $active-shadow;
|
||||||
@include translate(0, 1px);
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,34 +1,15 @@
|
|||||||
// Clearfix
|
// Clearfix
|
||||||
//
|
//
|
||||||
// For modern browsers
|
// Source: http://cssmojo.com/the-very-latest-clearfix-reloaded/
|
||||||
// 1. The use of `table` rather than `block` is only necessary if using
|
|
||||||
// `:before` to contain the top-margins of child elements.
|
|
||||||
// 2. The space content is one way to avoid an Opera bug when the
|
|
||||||
// contenteditable attribute is included anywhere else in the document.
|
|
||||||
// Otherwise it causes space to appear at the top and bottom of elements
|
|
||||||
// that are clearfixed.
|
|
||||||
//
|
|
||||||
// Source: http://nicolasgallagher.com/micro-clearfix-hack/
|
|
||||||
|
|
||||||
@mixin clearfix() {
|
@mixin clearfix() {
|
||||||
&:before,
|
&::after {
|
||||||
&:after {
|
display: block;
|
||||||
display: table; // 1
|
|
||||||
content: " "; // 2
|
|
||||||
}
|
|
||||||
|
|
||||||
&:after {
|
|
||||||
clear: both;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Lighter (for output CSS) cleafix with placeholder
|
|
||||||
|
|
||||||
%clearfix {
|
|
||||||
&:after {
|
|
||||||
display: table;
|
|
||||||
clear: both;
|
clear: both;
|
||||||
content: "";
|
content: "";
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
%clearfix {
|
||||||
|
@include clearfix;
|
||||||
|
}
|
||||||
|
|||||||
@@ -8,6 +8,15 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// Placeholder text
|
||||||
|
//
|
||||||
|
@mixin placeholder($color: $input-color-placeholder) {
|
||||||
|
&::placeholder {
|
||||||
|
color: $color;
|
||||||
|
opacity: 1; // See https://github.com/twbs/bootstrap/pull/11526
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
// Form control sizing
|
// Form control sizing
|
||||||
//
|
//
|
||||||
@@ -32,9 +41,9 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
@mixin checkbox() {
|
@mixin checkbox() {
|
||||||
padding-left: 20px;
|
|
||||||
@include user-select(none);
|
|
||||||
@extend %clearfix;
|
@extend %clearfix;
|
||||||
|
padding-left: 20px;
|
||||||
|
user-select: none;
|
||||||
|
|
||||||
input[type="checkbox"] {
|
input[type="checkbox"] {
|
||||||
margin-left: -20px;
|
margin-left: -20px;
|
||||||
|
|||||||
@@ -1,62 +0,0 @@
|
|||||||
// Gradients
|
|
||||||
// scss-lint:disable VendorPrefix
|
|
||||||
|
|
||||||
|
|
||||||
// Horizontal gradient, from left to right
|
|
||||||
//
|
|
||||||
// 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.
|
|
||||||
@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: -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-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
|
|
||||||
}
|
|
||||||
|
|
||||||
// Vertical gradient, from top to bottom
|
|
||||||
//
|
|
||||||
// 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.
|
|
||||||
@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: -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-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
|
|
||||||
}
|
|
||||||
|
|
||||||
@mixin gradient-directional($start-color: #555, $end-color: #333, $deg: 45deg) {
|
|
||||||
background-repeat: repeat-x;
|
|
||||||
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: 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) {
|
|
||||||
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: linear-gradient(to right, $start-color, $mid-color $color-stop, $end-color);
|
|
||||||
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
|
|
||||||
}
|
|
||||||
|
|
||||||
@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: -o-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;
|
|
||||||
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) {
|
|
||||||
background-image: -webkit-radial-gradient(circle, $inner-color, $outer-color);
|
|
||||||
background-image: radial-gradient(circle, $inner-color, $outer-color);
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
}
|
|
||||||
|
|
||||||
@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: -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);
|
|
||||||
}
|
|
||||||
@@ -154,18 +154,18 @@
|
|||||||
&.closed {
|
&.closed {
|
||||||
color: mix($color, $background, 75%);
|
color: mix($color, $background, 75%);
|
||||||
|
|
||||||
&:after {
|
&::after {
|
||||||
border-top-color: rgba($color, .95);
|
border-top-color: rgba($color, .95);
|
||||||
}
|
}
|
||||||
|
|
||||||
&:hover:after {
|
&:hover::after {
|
||||||
border-top-color: rgba($color, .25);
|
border-top-color: rgba($color, .25);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
tr#{$parent} .id > a {
|
tr#{$parent} .id > a {
|
||||||
&:before {
|
&::before {
|
||||||
color: mix($color, $background, 50%);
|
color: mix($color, $background, 50%);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,8 +0,0 @@
|
|||||||
// Opacity
|
|
||||||
|
|
||||||
@mixin opacity($opacity) {
|
|
||||||
opacity: $opacity;
|
|
||||||
// IE8 filter
|
|
||||||
$opacity-ie: ($opacity * 100);
|
|
||||||
filter: #{alpha(opacity=$opacity-ie)};
|
|
||||||
}
|
|
||||||
@@ -2,21 +2,17 @@
|
|||||||
|
|
||||||
@mixin nice-shadow($depth: 1) {
|
@mixin nice-shadow($depth: 1) {
|
||||||
$shadow: none;
|
$shadow: none;
|
||||||
|
|
||||||
@if ($depth == 1) {
|
@if ($depth == 1) {
|
||||||
// $shadow: 0 3px 1px -2px rgba(#000, .14), 0 2px 2px 0 rgba(#000, .098), 0 1px 5px 0 rgba(#000, .082);
|
|
||||||
$shadow: 0 1px 3px rgba(#000, .12), 0 1px 2px rgba(#000, .24);
|
$shadow: 0 1px 3px rgba(#000, .12), 0 1px 2px rgba(#000, .24);
|
||||||
} @elseif ($depth == 2) {
|
} @elseif ($depth == 2) {
|
||||||
// $shadow: 0 2px 4px -1px rgba(#000, .14), 0 4px 5px 0 rgba(#000, .098), 0 1px 10px 0 rgba(#000, .082)
|
|
||||||
$shadow: 0 3px 6px rgba(#000, .16), 0 3px 6px rgba(#000, .23);
|
$shadow: 0 3px 6px rgba(#000, .16), 0 3px 6px rgba(#000, .23);
|
||||||
} @elseif ($depth == 3) {
|
} @elseif ($depth == 3) {
|
||||||
// $shadow: 0 3px 5px -1px rgba(#000, .14), 0 6px 10px 0 rgba(#000, .098), 0 1px 18px 0 rgba(#000, .082)
|
|
||||||
$shadow: 0 10px 18px rgba(#000, .19), 0 6px 8px rgba(#000, .23);
|
$shadow: 0 10px 18px rgba(#000, .19), 0 6px 8px rgba(#000, .23);
|
||||||
} @elseif ($depth == 4) {
|
} @elseif ($depth == 4) {
|
||||||
// $shadow: 0 5px 5px -3px rgba(#000, .14), 0 8px 10px 1px rgba(#000, .098), 0 3px 14px 2px rgba(#000, .082)
|
|
||||||
$shadow: 0 14px 28px rgba(#000, .25), 0 10px 10px rgba(#000, .22);
|
$shadow: 0 14px 28px rgba(#000, .25), 0 10px 10px rgba(#000, .22);
|
||||||
} @elseif ($depth == 5) {
|
} @elseif ($depth == 5) {
|
||||||
// $shadow: 0 8px 10px -5px rgba(#000, .14), 0 16px 24px 2px rgba(#000, .098), 0 6px 30px 5px rgba(#000, .082)
|
$shadow: 0 19px 38px rgba(#000, .3), 0 15px 12px rgba(#000, .22);
|
||||||
$shadow: 0 19px 38px rgba(#000, .30), 0 15px 12px rgba(#000, .22);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
box-shadow: $shadow;
|
box-shadow: $shadow;
|
||||||
|
|||||||
@@ -1,236 +0,0 @@
|
|||||||
// Vendor Prefixes
|
|
||||||
// scss-lint:disable VendorPrefix NameFormat
|
|
||||||
//
|
|
||||||
// All vendor mixins are deprecated as of v3.2.0 due to the introduction of
|
|
||||||
// Autoprefixer in our Gruntfile. They will be removed in v4.
|
|
||||||
|
|
||||||
// - Animations
|
|
||||||
// - Backface visibility
|
|
||||||
// - Box shadow
|
|
||||||
// - Box sizing
|
|
||||||
// - Content columns
|
|
||||||
// - Hyphens
|
|
||||||
// - Placeholder text
|
|
||||||
// - Transformations
|
|
||||||
// - Transitions
|
|
||||||
// - User Select
|
|
||||||
|
|
||||||
|
|
||||||
// Animations
|
|
||||||
@mixin animation($animation) {
|
|
||||||
-webkit-animation: $animation;
|
|
||||||
-o-animation: $animation;
|
|
||||||
animation: $animation;
|
|
||||||
}
|
|
||||||
|
|
||||||
@mixin animation-name($name) {
|
|
||||||
-webkit-animation-name: $name;
|
|
||||||
animation-name: $name;
|
|
||||||
}
|
|
||||||
|
|
||||||
@mixin animation-duration($duration) {
|
|
||||||
-webkit-animation-duration: $duration;
|
|
||||||
animation-duration: $duration;
|
|
||||||
}
|
|
||||||
|
|
||||||
@mixin animation-timing-function($timing-function) {
|
|
||||||
-webkit-animation-timing-function: $timing-function;
|
|
||||||
animation-timing-function: $timing-function;
|
|
||||||
}
|
|
||||||
|
|
||||||
@mixin animation-delay($delay) {
|
|
||||||
-webkit-animation-delay: $delay;
|
|
||||||
animation-delay: $delay;
|
|
||||||
}
|
|
||||||
|
|
||||||
@mixin animation-iteration-count($iteration-count) {
|
|
||||||
-webkit-animation-iteration-count: $iteration-count;
|
|
||||||
animation-iteration-count: $iteration-count;
|
|
||||||
}
|
|
||||||
|
|
||||||
@mixin animation-direction($direction) {
|
|
||||||
-webkit-animation-direction: $direction;
|
|
||||||
animation-direction: $direction;
|
|
||||||
}
|
|
||||||
|
|
||||||
@mixin animation-fill-mode($fill-mode) {
|
|
||||||
-webkit-animation-fill-mode: $fill-mode;
|
|
||||||
animation-fill-mode: $fill-mode;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Backface visibility
|
|
||||||
// Prevent browsers from flickering when using CSS 3D transforms.
|
|
||||||
// Default value is `visible`, but can be changed to `hidden`
|
|
||||||
|
|
||||||
@mixin backface-visibility($visibility) {
|
|
||||||
-webkit-backface-visibility: $visibility;
|
|
||||||
-moz-backface-visibility: $visibility;
|
|
||||||
backface-visibility: $visibility;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Box sizing
|
|
||||||
@mixin box-sizing($boxmodel) {
|
|
||||||
-webkit-box-sizing: $boxmodel;
|
|
||||||
-moz-box-sizing: $boxmodel;
|
|
||||||
box-sizing: $boxmodel;
|
|
||||||
}
|
|
||||||
|
|
||||||
// CSS3 Content Columns
|
|
||||||
@mixin content-columns($column-count, $column-gap: $grid-gutter-width) {
|
|
||||||
-webkit-column-count: $column-count;
|
|
||||||
-moz-column-count: $column-count;
|
|
||||||
column-count: $column-count;
|
|
||||||
-webkit-column-gap: $column-gap;
|
|
||||||
-moz-column-gap: $column-gap;
|
|
||||||
column-gap: $column-gap;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Optional hyphenation
|
|
||||||
@mixin hyphens($mode: auto) {
|
|
||||||
word-wrap: break-word;
|
|
||||||
-webkit-hyphens: $mode;
|
|
||||||
-moz-hyphens: $mode;
|
|
||||||
-ms-hyphens: $mode; // IE10+
|
|
||||||
-o-hyphens: $mode;
|
|
||||||
hyphens: $mode;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Placeholder text
|
|
||||||
@mixin placeholder($color: $input-color-placeholder) {
|
|
||||||
// Firefox
|
|
||||||
&::-moz-placeholder {
|
|
||||||
color: $color;
|
|
||||||
opacity: 1; // See https://github.com/twbs/bootstrap/pull/11526
|
|
||||||
}
|
|
||||||
|
|
||||||
&:-ms-input-placeholder { color: $color; } // Internet Explorer 10+
|
|
||||||
&::-webkit-input-placeholder { color: $color; } // Safari and Chrome
|
|
||||||
}
|
|
||||||
|
|
||||||
// Transformations
|
|
||||||
@mixin scale($ratio...) {
|
|
||||||
-webkit-transform: scale($ratio);
|
|
||||||
-ms-transform: scale($ratio); // IE9 only
|
|
||||||
-o-transform: scale($ratio);
|
|
||||||
transform: scale($ratio);
|
|
||||||
}
|
|
||||||
|
|
||||||
@mixin scaleX($ratio) {
|
|
||||||
-webkit-transform: scaleX($ratio);
|
|
||||||
-ms-transform: scaleX($ratio); // IE9 only
|
|
||||||
-o-transform: scaleX($ratio);
|
|
||||||
transform: scaleX($ratio);
|
|
||||||
}
|
|
||||||
|
|
||||||
@mixin scaleY($ratio) {
|
|
||||||
-webkit-transform: scaleY($ratio);
|
|
||||||
-ms-transform: scaleY($ratio); // IE9 only
|
|
||||||
-o-transform: scaleY($ratio);
|
|
||||||
transform: scaleY($ratio);
|
|
||||||
}
|
|
||||||
|
|
||||||
@mixin skew($x, $y) {
|
|
||||||
-webkit-transform: skewX($x) skewY($y);
|
|
||||||
-ms-transform: skewX($x) skewY($y); // See https://github.com/twbs/bootstrap/issues/4885; IE9+
|
|
||||||
-o-transform: skewX($x) skewY($y);
|
|
||||||
transform: skewX($x) skewY($y);
|
|
||||||
}
|
|
||||||
|
|
||||||
@mixin translate($x, $y) {
|
|
||||||
-webkit-transform: translate($x, $y);
|
|
||||||
-ms-transform: translate($x, $y); // IE9 only
|
|
||||||
-o-transform: translate($x, $y);
|
|
||||||
transform: translate($x, $y);
|
|
||||||
}
|
|
||||||
|
|
||||||
@mixin translate3d($x, $y, $z) {
|
|
||||||
-webkit-transform: translate3d($x, $y, $z);
|
|
||||||
transform: translate3d($x, $y, $z);
|
|
||||||
}
|
|
||||||
|
|
||||||
@mixin rotate($degrees) {
|
|
||||||
-webkit-transform: rotate($degrees);
|
|
||||||
-ms-transform: rotate($degrees); // IE9 only
|
|
||||||
-o-transform: rotate($degrees);
|
|
||||||
transform: rotate($degrees);
|
|
||||||
}
|
|
||||||
|
|
||||||
@mixin rotateX($degrees) {
|
|
||||||
-webkit-transform: rotateX($degrees);
|
|
||||||
-ms-transform: rotateX($degrees); // IE9 only
|
|
||||||
-o-transform: rotateX($degrees);
|
|
||||||
transform: rotateX($degrees);
|
|
||||||
}
|
|
||||||
|
|
||||||
@mixin rotateY($degrees) {
|
|
||||||
-webkit-transform: rotateY($degrees);
|
|
||||||
-ms-transform: rotateY($degrees); // IE9 only
|
|
||||||
-o-transform: rotateY($degrees);
|
|
||||||
transform: rotateY($degrees);
|
|
||||||
}
|
|
||||||
|
|
||||||
@mixin perspective($perspective) {
|
|
||||||
-webkit-perspective: $perspective;
|
|
||||||
-moz-perspective: $perspective;
|
|
||||||
perspective: $perspective;
|
|
||||||
}
|
|
||||||
|
|
||||||
@mixin perspective-origin($perspective) {
|
|
||||||
-webkit-perspective-origin: $perspective;
|
|
||||||
-moz-perspective-origin: $perspective;
|
|
||||||
perspective-origin: $perspective;
|
|
||||||
}
|
|
||||||
|
|
||||||
@mixin transform-origin($origin) {
|
|
||||||
-webkit-transform-origin: $origin;
|
|
||||||
-moz-transform-origin: $origin;
|
|
||||||
-ms-transform-origin: $origin; // IE9 only
|
|
||||||
transform-origin: $origin;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Transitions
|
|
||||||
|
|
||||||
@mixin transition($transition...) {
|
|
||||||
-webkit-transition: $transition;
|
|
||||||
-o-transition: $transition;
|
|
||||||
transition: $transition;
|
|
||||||
}
|
|
||||||
|
|
||||||
@mixin transition-property($transition-property...) {
|
|
||||||
-webkit-transition-property: $transition-property;
|
|
||||||
transition-property: $transition-property;
|
|
||||||
}
|
|
||||||
|
|
||||||
@mixin transition-delay($transition-delay) {
|
|
||||||
-webkit-transition-delay: $transition-delay;
|
|
||||||
transition-delay: $transition-delay;
|
|
||||||
}
|
|
||||||
|
|
||||||
@mixin transition-duration($transition-duration...) {
|
|
||||||
-webkit-transition-duration: $transition-duration;
|
|
||||||
transition-duration: $transition-duration;
|
|
||||||
}
|
|
||||||
|
|
||||||
@mixin transition-timing-function($timing-function) {
|
|
||||||
-webkit-transition-timing-function: $timing-function;
|
|
||||||
transition-timing-function: $timing-function;
|
|
||||||
}
|
|
||||||
|
|
||||||
@mixin transition-transform($transition...) {
|
|
||||||
-webkit-transition: -webkit-transform $transition;
|
|
||||||
-moz-transition: -moz-transform $transition;
|
|
||||||
-o-transition: -o-transform $transition;
|
|
||||||
transition: transform $transition;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// User select
|
|
||||||
// For selecting text on the page
|
|
||||||
|
|
||||||
@mixin user-select($select) {
|
|
||||||
-webkit-user-select: $select;
|
|
||||||
-moz-user-select: $select;
|
|
||||||
-ms-user-select: $select; // IE10+
|
|
||||||
user-select: $select;
|
|
||||||
}
|
|
||||||
@@ -43,9 +43,8 @@ a {
|
|||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/**
|
//== Form elements
|
||||||
* Form elements
|
//
|
||||||
*/
|
|
||||||
|
|
||||||
button,
|
button,
|
||||||
input,
|
input,
|
||||||
@@ -54,7 +53,7 @@ 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);
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
|
|
||||||
select,
|
select,
|
||||||
@@ -64,16 +63,16 @@ input[type="text"],
|
|||||||
input.name,
|
input.name,
|
||||||
input.editor,
|
input.editor,
|
||||||
#col_width input {
|
#col_width input {
|
||||||
|
@include form-control-focus;
|
||||||
|
@include placeholder;
|
||||||
height: $input-height-base;
|
height: $input-height-base;
|
||||||
padding: $input-padding-vertical $input-padding-horizontal;
|
padding: $input-padding-vertical $input-padding-horizontal;
|
||||||
|
transition: border-color ease-in-out .1s, box-shadow ease-in-out .1s;
|
||||||
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 form-control-focus();
|
|
||||||
@include placeholder();
|
|
||||||
}
|
}
|
||||||
|
|
||||||
textarea {
|
textarea {
|
||||||
@@ -89,6 +88,7 @@ select:-moz-focusring {
|
|||||||
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;
|
||||||
|
transition: border-color ease-in-out .1s, box-shadow ease-in-out .1s;
|
||||||
border: 1px solid $input-border;
|
border: 1px solid $input-border;
|
||||||
background: $input-bg;
|
background: $input-bg;
|
||||||
color: $input-color;
|
color: $input-color;
|
||||||
@@ -96,8 +96,7 @@ button.ui-multiselect {
|
|||||||
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075);
|
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075);
|
||||||
cursor: default;
|
cursor: default;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
@include transition(border-color ease-in-out .1s, box-shadow ease-in-out .1s);
|
box-sizing: border-box;
|
||||||
@include box-sizing(border-box);
|
|
||||||
|
|
||||||
&:hover,
|
&:hover,
|
||||||
&:focus {
|
&:focus {
|
||||||
@@ -105,7 +104,7 @@ button.ui-multiselect {
|
|||||||
}
|
}
|
||||||
|
|
||||||
&:active {
|
&:active {
|
||||||
@include translate(0, 0);
|
transform: translate(0, 0);
|
||||||
}
|
}
|
||||||
|
|
||||||
&.ui-state-active {
|
&.ui-state-active {
|
||||||
@@ -119,11 +118,11 @@ button.ui-multiselect {
|
|||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/**
|
//== Top toolbar
|
||||||
* Top toolbar
|
//
|
||||||
*/
|
|
||||||
|
|
||||||
#toolbar {
|
#toolbar {
|
||||||
|
@include clearfix;
|
||||||
display: block;
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
padding: 10px $padding-side;
|
padding: 10px $padding-side;
|
||||||
@@ -131,7 +130,6 @@ button.ui-multiselect {
|
|||||||
box-shadow: $panel-shadow;
|
box-shadow: $panel-shadow;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
z-index: 1000;
|
z-index: 1000;
|
||||||
@include clearfix;
|
|
||||||
|
|
||||||
.breadcrumbs {
|
.breadcrumbs {
|
||||||
margin-right: 10px;
|
margin-right: 10px;
|
||||||
@@ -173,7 +171,7 @@ button.ui-multiselect {
|
|||||||
a {
|
a {
|
||||||
padding-left: 5px;
|
padding-left: 5px;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
@include user-select(none);
|
user-select: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -214,9 +212,8 @@ button.ui-multiselect {
|
|||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/**
|
//== Other elements
|
||||||
* Other elements
|
//
|
||||||
*/
|
|
||||||
|
|
||||||
.clearfix {
|
.clearfix {
|
||||||
@include clearfix;
|
@include clearfix;
|
||||||
@@ -234,12 +231,9 @@ button.ui-multiselect {
|
|||||||
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;
|
||||||
}
|
}
|
||||||
@@ -248,9 +242,9 @@ 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 {
|
||||||
@@ -294,9 +288,8 @@ ul.ui-sortable {
|
|||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
//== drag-drop effect: disabled dropzones are greyed out
|
||||||
* drag-drop effect: disabled dropzones are greyed out
|
//
|
||||||
*/
|
|
||||||
|
|
||||||
.rb-sortable-disabled,
|
.rb-sortable-disabled,
|
||||||
.ui-sortable-disabled {
|
.ui-sortable-disabled {
|
||||||
@@ -310,9 +303,8 @@ ul.ui-sortable {
|
|||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/**
|
//== Fix jQuery-UI datepicker
|
||||||
* Fix jQuery-UI datepicker
|
//
|
||||||
*/
|
|
||||||
|
|
||||||
body {
|
body {
|
||||||
.ui-widget {
|
.ui-widget {
|
||||||
|
|||||||
@@ -1,4 +1,4 @@
|
|||||||
// scss-lint:disable ImportantRule
|
// scss-lint:disable Comment
|
||||||
@import "../common";
|
@import "../common";
|
||||||
|
|
||||||
/*
|
/*
|
||||||
@@ -32,7 +32,7 @@
|
|||||||
.ui-helper-clearfix {
|
.ui-helper-clearfix {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
|
||||||
&:after {
|
&::after {
|
||||||
display: block;
|
display: block;
|
||||||
height: 0;
|
height: 0;
|
||||||
clear: both;
|
clear: both;
|
||||||
@@ -66,7 +66,7 @@
|
|||||||
----------------------------------*/
|
----------------------------------*/
|
||||||
|
|
||||||
.ui-state-disabled {
|
.ui-state-disabled {
|
||||||
cursor: default !important;
|
cursor: default !important; // scss-lint:disable ImportantRule
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Icons
|
/* Icons
|
||||||
@@ -521,7 +521,7 @@
|
|||||||
|
|
||||||
.ui-widget-overlay {
|
.ui-widget-overlay {
|
||||||
background: #000;
|
background: #000;
|
||||||
opacity: .30;
|
opacity: .3;
|
||||||
}
|
}
|
||||||
|
|
||||||
.ui-widget-shadow {
|
.ui-widget-shadow {
|
||||||
@@ -529,7 +529,7 @@
|
|||||||
padding: 8px;
|
padding: 8px;
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
background: #aaa;
|
background: #aaa;
|
||||||
opacity: .30;
|
opacity: .3;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Resizable
|
/* Resizable
|
||||||
@@ -631,7 +631,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.ui-accordion-header-active {
|
.ui-accordion-header-active {
|
||||||
border-bottom: 0 !important;
|
border-bottom: 0 !important; // scss-lint:disable ImportantRule
|
||||||
}
|
}
|
||||||
|
|
||||||
.ui-accordion-header a {
|
.ui-accordion-header a {
|
||||||
@@ -694,11 +694,11 @@
|
|||||||
----------------------------------*/
|
----------------------------------*/
|
||||||
|
|
||||||
.ui-menu {
|
.ui-menu {
|
||||||
|
@include nice-shadow(2);
|
||||||
display: block;
|
display: block;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 2px;
|
padding: 2px;
|
||||||
list-style: none;
|
list-style: none;
|
||||||
@include nice-shadow(2);
|
|
||||||
|
|
||||||
.ui-menu {
|
.ui-menu {
|
||||||
margin-top: -3px;
|
margin-top: -3px;
|
||||||
@@ -732,7 +732,7 @@
|
|||||||
margin-right: .1em;
|
margin-right: .1em;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
text-decoration: none !important;
|
text-decoration: none !important; // scss-lint:disable ImportantRule
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
overflow: visible;
|
overflow: visible;
|
||||||
zoom: 1;
|
zoom: 1;
|
||||||
@@ -1006,7 +1006,7 @@ button.ui-button::-moz-focus-inner {
|
|||||||
margin: 0 .2em 1px 0;
|
margin: 0 .2em 1px 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
float: left;
|
float: left;
|
||||||
border-bottom: 0 !important;
|
border-bottom: 0 !important; // scss-lint:disable ImportantRule
|
||||||
list-style: none;
|
list-style: none;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
|
|
||||||
@@ -1048,7 +1048,7 @@ button.ui-button::-moz-focus-inner {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.ui-tabs-hide {
|
.ui-tabs-hide {
|
||||||
display: none !important;
|
display: none !important; // scss-lint:disable ImportantRule
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -1060,13 +1060,13 @@ button.ui-button::-moz-focus-inner {
|
|||||||
----------------------------------*/
|
----------------------------------*/
|
||||||
|
|
||||||
.ui-datepicker {
|
.ui-datepicker {
|
||||||
|
@include nice-shadow(3);
|
||||||
width: 16em;
|
width: 16em;
|
||||||
padding: .3em .6em .6em;
|
padding: .3em .6em .6em;
|
||||||
border: 0 none;
|
border: 0 none;
|
||||||
background: $body-bg;
|
background: $body-bg;
|
||||||
color: $text-color;
|
color: $text-color;
|
||||||
font-size: $font-size-base;
|
font-size: $font-size-base;
|
||||||
@include nice-shadow(3);
|
|
||||||
|
|
||||||
.ui-datepicker-header {
|
.ui-datepicker-header {
|
||||||
position: relative;
|
position: relative;
|
||||||
@@ -1251,9 +1251,9 @@ button.ui-button::-moz-focus-inner {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.ui-datepicker-buttonpane {
|
.ui-datepicker-buttonpane {
|
||||||
|
@include clearfix;
|
||||||
margin: .6em 0 0;
|
margin: .6em 0 0;
|
||||||
padding: .6em 0 0;
|
padding: .6em 0 0;
|
||||||
@include clearfix;
|
|
||||||
|
|
||||||
button {
|
button {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
|||||||
@@ -1,4 +1,3 @@
|
|||||||
// scss-lint:disable ImportantRule
|
|
||||||
@import "../common";
|
@import "../common";
|
||||||
|
|
||||||
.ui-multiselect {
|
.ui-multiselect {
|
||||||
@@ -12,13 +11,13 @@
|
|||||||
|
|
||||||
.ui-multiselect-single .ui-multiselect-checkboxes {
|
.ui-multiselect-single .ui-multiselect-checkboxes {
|
||||||
input {
|
input {
|
||||||
position: absolute !important;
|
position: absolute !important; // scss-lint:disable ImportantRule
|
||||||
top: auto !important;
|
top: auto !important; // scss-lint:disable ImportantRule
|
||||||
left: -9999px;
|
left: -9999px;
|
||||||
}
|
}
|
||||||
|
|
||||||
label {
|
label {
|
||||||
padding: 5px !important;
|
padding: 5px !important; // scss-lint:disable ImportantRule
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -55,12 +54,12 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.ui-multiselect-menu {
|
.ui-multiselect-menu {
|
||||||
|
@include nice-shadow(2);
|
||||||
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);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.ui-multiselect-checkboxes {
|
.ui-multiselect-checkboxes {
|
||||||
@@ -84,7 +83,7 @@
|
|||||||
padding-left: 20px + 6px;
|
padding-left: 20px + 6px;
|
||||||
border: 1px solid transparent;
|
border: 1px solid transparent;
|
||||||
cursor: default;
|
cursor: default;
|
||||||
@include user-select(none);
|
user-select: none;
|
||||||
|
|
||||||
input {
|
input {
|
||||||
position: relative;
|
position: relative;
|
||||||
@@ -112,8 +111,7 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 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;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -10,6 +10,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.ui-tooltip-content {
|
.ui-tooltip-content {
|
||||||
|
@include nice-shadow(2);
|
||||||
position: relative;
|
position: relative;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
border: 1px solid $tooltip-border;
|
border: 1px solid $tooltip-border;
|
||||||
@@ -18,7 +19,6 @@
|
|||||||
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);
|
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -1,4 +1,3 @@
|
|||||||
// scss-lint:disable ImportantRule
|
|
||||||
@import "common";
|
@import "common";
|
||||||
|
|
||||||
$header-line-height: floor($line-height-computed * 1.5);
|
$header-line-height: floor($line-height-computed * 1.5);
|
||||||
@@ -23,7 +22,7 @@ $story-sp-input-width: 50px;
|
|||||||
background-color: $background;
|
background-color: $background;
|
||||||
color: $color;
|
color: $color;
|
||||||
|
|
||||||
&:before {
|
&::before {
|
||||||
color: mix($color, $background, 50%);
|
color: mix($color, $background, 50%);
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -38,21 +37,18 @@ $story-sp-input-width: 50px;
|
|||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/**
|
// Reserved classes are
|
||||||
* reserved classes are
|
// .backlog (used in master_backlog.js to initialize all backlogs)
|
||||||
* .backlog (used in master_backlog.js to initialize all backlogs)
|
// .model (used in backlog.js editable_inplace.js model.js)
|
||||||
* .model (used in backlog.js editable_inplace.js model.js)
|
// .sprint (used in backlog.js
|
||||||
* .sprint (used in backlog.js
|
// .stories (used in backlog.js for sortable)
|
||||||
* .stories (used in backlog.js for sortable)
|
// .editor
|
||||||
* .editor
|
// .editable (bind click on)
|
||||||
* .editable (bind click on)
|
// .close_sprint (bind click on)
|
||||||
* .close_sprint (bind click on)
|
|
||||||
*/
|
|
||||||
|
|
||||||
|
|
||||||
/**
|
//== Fluid, 2-colum layout
|
||||||
* fluid, 2-colum layout
|
//
|
||||||
*/
|
|
||||||
|
|
||||||
#backlogs_container {
|
#backlogs_container {
|
||||||
padding: ($padding-side / 2) ($padding-side / 4);
|
padding: ($padding-side / 2) ($padding-side / 4);
|
||||||
@@ -92,9 +88,8 @@ $story-sp-input-width: 50px;
|
|||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/**
|
//== Fixed-Fluid-Fixed layout
|
||||||
* Fixed-Fluid-Fixed layout
|
//
|
||||||
*/
|
|
||||||
|
|
||||||
.fff-wrapmiddle {
|
.fff-wrapmiddle {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
@@ -146,28 +141,26 @@ $story-sp-input-width: 50px;
|
|||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/**
|
//== Just some space at the bottom of the page
|
||||||
* Just some space at the bottom of the page
|
//
|
||||||
*/
|
|
||||||
|
|
||||||
#dummy_backlog_container {
|
#dummy_backlog_container {
|
||||||
height: 150px;
|
height: 150px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/**
|
//== Base backlog container
|
||||||
* Base backlog container
|
//
|
||||||
*/
|
|
||||||
|
|
||||||
#backlogs_container {
|
#backlogs_container {
|
||||||
.closedbacklog,
|
.closedbacklog,
|
||||||
.backlog {
|
.backlog {
|
||||||
|
@include nice-shadow(1);
|
||||||
display: block;
|
display: block;
|
||||||
position: relative;
|
position: relative;
|
||||||
margin: 0 0 ($padding-side / 2);
|
margin: 0 0 ($padding-side / 2);
|
||||||
border-radius: $border-radius-large $border-radius-large 0 0;
|
border-radius: $border-radius-large $border-radius-large 0 0;
|
||||||
background-color: $gray-lightest;
|
background-color: $gray-lightest;
|
||||||
@include nice-shadow(1);
|
|
||||||
|
|
||||||
@media screen and (min-width: $screen-md-min) {
|
@media screen and (min-width: $screen-md-min) {
|
||||||
margin: 0 0 $padding-side;
|
margin: 0 0 $padding-side;
|
||||||
@@ -176,9 +169,8 @@ $story-sp-input-width: 50px;
|
|||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/**
|
//== Backlog header
|
||||||
* Backlog header
|
//
|
||||||
*/
|
|
||||||
|
|
||||||
#backlogs_container {
|
#backlogs_container {
|
||||||
.header {
|
.header {
|
||||||
@@ -287,7 +279,7 @@ $story-sp-input-width: 50px;
|
|||||||
$name-width-minus: $header-right-width-wider + 35px;
|
$name-width-minus: $header-right-width-wider + 35px;
|
||||||
|
|
||||||
position: relative;
|
position: relative;
|
||||||
width: calc(100% - #{$name-width-minus}) !important;
|
width: calc(100% - #{$name-width-minus}) !important; // scss-lint:disable ImportantRule
|
||||||
min-width: 128px;
|
min-width: 128px;
|
||||||
margin-left: $header-line-height - 2px;
|
margin-left: $header-line-height - 2px;
|
||||||
float: left;
|
float: left;
|
||||||
@@ -307,6 +299,7 @@ $story-sp-input-width: 50px;
|
|||||||
.menu {
|
.menu {
|
||||||
position: relative;
|
position: relative;
|
||||||
height: $header-line-height;
|
height: $header-line-height;
|
||||||
|
transition: background-color 0s .1s, border-color 0s .1s;
|
||||||
border-right: 1px solid #888;
|
border-right: 1px solid #888;
|
||||||
border-bottom: 1px solid $header-bg;
|
border-bottom: 1px solid $header-bg;
|
||||||
border-radius: ($border-radius-large - 1px) 0 0;
|
border-radius: ($border-radius-large - 1px) 0 0;
|
||||||
@@ -314,13 +307,12 @@ $story-sp-input-width: 50px;
|
|||||||
line-height: $line-height-base;
|
line-height: $line-height-base;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
overflow: visible;
|
overflow: visible;
|
||||||
@include transition(background-color 0s .1s, border-color 0s .1s);
|
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
|
transition: background-color 0s 0s, border-color 0s 0s;
|
||||||
border-color: $body-bg;
|
border-color: $body-bg;
|
||||||
background-color: $body-bg;
|
background-color: $body-bg;
|
||||||
z-index: 1000;
|
z-index: 1000;
|
||||||
@include transition(background-color 0s 0s, border-color 0s 0s);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.icon {
|
.icon {
|
||||||
@@ -338,6 +330,7 @@ $story-sp-input-width: 50px;
|
|||||||
left: -1px;
|
left: -1px;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: $padding-small-vertical 0;
|
padding: $padding-small-vertical 0;
|
||||||
|
transition: visibility 0s .1s;
|
||||||
border: 1px solid $header-bg;
|
border: 1px solid $header-bg;
|
||||||
border-top-width: 0;
|
border-top-width: 0;
|
||||||
border-radius: 0 0 $border-radius-base $border-radius-base;
|
border-radius: 0 0 $border-radius-base $border-radius-base;
|
||||||
@@ -346,7 +339,6 @@ $story-sp-input-width: 50px;
|
|||||||
box-shadow: 0 2px 1px rgba(#000, .1);
|
box-shadow: 0 2px 1px rgba(#000, .1);
|
||||||
visibility: hidden;
|
visibility: hidden;
|
||||||
z-index: 999;
|
z-index: 999;
|
||||||
@include transition(visibility 0s .1s);
|
|
||||||
|
|
||||||
a {
|
a {
|
||||||
color: $gray-darker;
|
color: $gray-darker;
|
||||||
@@ -354,8 +346,8 @@ $story-sp-input-width: 50px;
|
|||||||
}
|
}
|
||||||
|
|
||||||
&:hover .items {
|
&:hover .items {
|
||||||
|
transition: visibility 0s 0s;
|
||||||
visibility: visible;
|
visibility: visible;
|
||||||
@include transition(visibility 0s 0s);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.item {
|
.item {
|
||||||
@@ -393,8 +385,8 @@ $story-sp-input-width: 50px;
|
|||||||
background-color: darken($body-bg, 8%);
|
background-color: darken($body-bg, 8%);
|
||||||
|
|
||||||
ul {
|
ul {
|
||||||
|
transition: visibility 0s 0s;
|
||||||
visibility: visible;
|
visibility: visible;
|
||||||
@include transition(visibility 0s 0s);
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -419,15 +411,13 @@ $story-sp-input-width: 50px;
|
|||||||
|
|
||||||
.headertext {
|
.headertext {
|
||||||
cursor: default;
|
cursor: default;
|
||||||
/*we have model class here, but are not editable*/
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/**
|
//== Backlog items
|
||||||
* Backlog items
|
//
|
||||||
*/
|
|
||||||
|
|
||||||
#backlogs_container {
|
#backlogs_container {
|
||||||
.stories {
|
.stories {
|
||||||
@@ -501,7 +491,7 @@ $story-sp-input-width: 50px;
|
|||||||
font-weight: $font-weight-bold;
|
font-weight: $font-weight-bold;
|
||||||
text-align: right;
|
text-align: right;
|
||||||
|
|
||||||
&:before {
|
&::before {
|
||||||
margin-left: -1em;
|
margin-left: -1em;
|
||||||
@if $color-trackers {
|
@if $color-trackers {
|
||||||
color: mix($tracker-default-text, $tracker-default-bg, 50%);
|
color: mix($tracker-default-text, $tracker-default-bg, 50%);
|
||||||
@@ -525,7 +515,7 @@ $story-sp-input-width: 50px;
|
|||||||
}
|
}
|
||||||
|
|
||||||
.fff-left > .project,
|
.fff-left > .project,
|
||||||
.fff-wrapmiddle > .subject,
|
.fff-wrapmiddle > .fff-middle,
|
||||||
.fff-right > .status_id,
|
.fff-right > .status_id,
|
||||||
.fff-right > .story_points {
|
.fff-right > .story_points {
|
||||||
min-height: floor(.92 * $font-size-base * $line-height-base);
|
min-height: floor(.92 * $font-size-base * $line-height-base);
|
||||||
@@ -546,9 +536,12 @@ $story-sp-input-width: 50px;
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.fff-middle {
|
||||||
|
padding: $table-condensed-cell-padding 0;
|
||||||
|
}
|
||||||
|
|
||||||
.subject {
|
.subject {
|
||||||
@include text-overflow;
|
@include text-overflow;
|
||||||
padding: $table-condensed-cell-padding 0;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
&.closed .subject {
|
&.closed .subject {
|
||||||
@@ -606,11 +599,11 @@ $story-sp-input-width: 50px;
|
|||||||
}
|
}
|
||||||
|
|
||||||
.editors {
|
.editors {
|
||||||
|
@include clearfix;
|
||||||
display: block;
|
display: block;
|
||||||
margin-left: $story-tracker-input-width + 5px;
|
margin-left: $story-tracker-input-width + 5px;
|
||||||
padding: $table-condensed-cell-padding 0;
|
padding: $table-condensed-cell-padding 0;
|
||||||
text-align: right;
|
text-align: right;
|
||||||
@include clearfix;
|
|
||||||
|
|
||||||
label {
|
label {
|
||||||
display: none;
|
display: none;
|
||||||
@@ -650,7 +643,7 @@ $story-sp-input-width: 50px;
|
|||||||
&.subject {
|
&.subject {
|
||||||
$subject-width-minus: $story-status-input-width + $story-sp-input-width + 5px * 2;
|
$subject-width-minus: $story-status-input-width + $story-sp-input-width + 5px * 2;
|
||||||
|
|
||||||
width: calc(100% - #{$subject-width-minus}) !important;
|
width: calc(100% - #{$subject-width-minus}) !important; // scss-lint:disable ImportantRule
|
||||||
height: 60px;
|
height: 60px;
|
||||||
float: left;
|
float: left;
|
||||||
white-space: normal;
|
white-space: normal;
|
||||||
@@ -686,10 +679,7 @@ $story-sp-input-width: 50px;
|
|||||||
cursor: default;
|
cursor: default;
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
// Override: display story subject in multiple lines
|
||||||
* override: display story subject in multiple lines
|
|
||||||
*/
|
|
||||||
|
|
||||||
.rb-multilinesubject & .subject {
|
.rb-multilinesubject & .subject {
|
||||||
height: auto;
|
height: auto;
|
||||||
white-space: normal;
|
white-space: normal;
|
||||||
@@ -708,9 +698,8 @@ $story-sp-input-width: 50px;
|
|||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/**
|
//== Dialog
|
||||||
* dialog
|
//
|
||||||
*/
|
|
||||||
|
|
||||||
.ui-dialog {
|
.ui-dialog {
|
||||||
.ui-dialog-titlebar-close {
|
.ui-dialog-titlebar-close {
|
||||||
@@ -723,8 +712,8 @@ $story-sp-input-width: 50px;
|
|||||||
}
|
}
|
||||||
|
|
||||||
&.ui-widget-content {
|
&.ui-widget-content {
|
||||||
border: 0 none;
|
|
||||||
@include nice-shadow(5);
|
@include nice-shadow(5);
|
||||||
|
border: 0 none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.ui-dialog-buttonpane.ui-widget-content {
|
.ui-dialog-buttonpane.ui-widget-content {
|
||||||
@@ -750,9 +739,8 @@ $story-sp-input-width: 50px;
|
|||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/**
|
//== In-place Sprint Editor
|
||||||
* In-place Sprint Editor
|
//
|
||||||
*/
|
|
||||||
|
|
||||||
#backlogs_container {
|
#backlogs_container {
|
||||||
|
|
||||||
@@ -764,16 +752,18 @@ $story-sp-input-width: 50px;
|
|||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
|
|
||||||
a {
|
a {
|
||||||
|
@include button-size($input-padding-vertical, $input-padding-horizontal, $font-size-base, $line-height-base, $border-radius-base);
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
|
transition: background-color ease-in-out .07s,
|
||||||
|
border-color ease-in-out .07s,
|
||||||
|
box-shadow ease-in-out .07s;
|
||||||
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($input-padding-vertical, $input-padding-horizontal, $font-size-base, $line-height-base, $border-radius-base);
|
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);
|
|
||||||
|
|
||||||
&.save {
|
&.save {
|
||||||
@include button-variant($btn-success-color, $btn-success-bg, $btn-success-border);
|
@include button-variant($btn-success-color, $btn-success-bg, $btn-success-border);
|
||||||
@@ -795,7 +785,9 @@ $story-sp-input-width: 50px;
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* In-place Story Editor */
|
|
||||||
|
//== In-place Story Editor
|
||||||
|
//
|
||||||
|
|
||||||
.debug {
|
.debug {
|
||||||
.story {
|
.story {
|
||||||
@@ -823,18 +815,20 @@ $story-sp-input-width: 50px;
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Naive but light handling of colors by user stories tracker */
|
|
||||||
|
|
||||||
/* datepicker bugfix: hide until it opens itself */
|
//== Completed sprints
|
||||||
|
//
|
||||||
.ui-datepicker {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* show completed sprints */
|
|
||||||
|
|
||||||
#show_completed_sprints {
|
#show_completed_sprints {
|
||||||
margin-left: $padding-side / 2;
|
margin-left: $padding-side / 2;
|
||||||
color: $gray-darkest;
|
color: $gray-darkest;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
//== Datepicker bugfix: hide until it opens itself
|
||||||
|
//
|
||||||
|
|
||||||
|
.ui-datepicker {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|||||||
@@ -43,14 +43,14 @@ $swimlane-width: $issue-width + 2 * ($issue-margin + $issue-paddi
|
|||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/**
|
//== Swimlane
|
||||||
* swimlane class is used by:
|
//
|
||||||
* - #board_header
|
// Swimlane class is used by:
|
||||||
* - .board
|
// - #board_header
|
||||||
*
|
// - .board
|
||||||
* Also use by the Column Width preference to determine the unit width of the
|
// Also use by the Column Width preference to determine the unit width of the
|
||||||
* swimlanes. See RB.Taskboard.initialize()
|
// swimlanes. See RB.Taskboard.initialize()
|
||||||
*/
|
//
|
||||||
|
|
||||||
.swimlane {
|
.swimlane {
|
||||||
width: $swimlane-width;
|
width: $swimlane-width;
|
||||||
@@ -58,7 +58,9 @@ $swimlane-width: $issue-width + 2 * ($issue-margin + $issue-paddi
|
|||||||
padding: 5px;
|
padding: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* status labels */
|
|
||||||
|
//== Status labels
|
||||||
|
//
|
||||||
|
|
||||||
#board_header {
|
#board_header {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
@@ -208,7 +210,9 @@ $swimlane-width: $issue-width + 2 * ($issue-margin + $issue-paddi
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* item styles used by .task and .impediment */
|
|
||||||
|
//== Item styles used by .task and .impediment
|
||||||
|
//
|
||||||
|
|
||||||
#taskboard {
|
#taskboard {
|
||||||
.issue,
|
.issue,
|
||||||
@@ -361,7 +365,9 @@ $swimlane-width: $issue-width + 2 * ($issue-margin + $issue-paddi
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* dialog */
|
|
||||||
|
//== Dialog
|
||||||
|
//
|
||||||
|
|
||||||
.rb_editor_dialog.ui-dialog {
|
.rb_editor_dialog.ui-dialog {
|
||||||
.ui-dialog-titlebar-close {
|
.ui-dialog-titlebar-close {
|
||||||
@@ -380,9 +386,9 @@ $swimlane-width: $issue-width + 2 * ($issue-margin + $issue-paddi
|
|||||||
}
|
}
|
||||||
|
|
||||||
&.ui-widget-content {
|
&.ui-widget-content {
|
||||||
|
@include nice-shadow(5);
|
||||||
border: 0 none;
|
border: 0 none;
|
||||||
background: none;
|
background: none;
|
||||||
@include nice-shadow(5);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.ui-dialog-buttonpane.ui-widget-content {
|
.ui-dialog-buttonpane.ui-widget-content {
|
||||||
@@ -392,7 +398,9 @@ $swimlane-width: $issue-width + 2 * ($issue-margin + $issue-paddi
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* item editor */
|
|
||||||
|
//== Item editor
|
||||||
|
//
|
||||||
|
|
||||||
.rb_editor {
|
.rb_editor {
|
||||||
label {
|
label {
|
||||||
@@ -432,7 +440,9 @@ $swimlane-width: $issue-width + 2 * ($issue-margin + $issue-paddi
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* others */
|
|
||||||
|
//== Others
|
||||||
|
//
|
||||||
|
|
||||||
#impediment_template,
|
#impediment_template,
|
||||||
#task_template {
|
#task_template {
|
||||||
|
|||||||
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user