commit
f1db6dd400
124 changed files with 36680 additions and 0 deletions
Binary file not shown.
@ -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 |
||||
@ -0,0 +1,10 @@
|
||||
module.exports = { |
||||
"extends": "standard", |
||||
"globals": { |
||||
"$": "readonly", |
||||
"localStorage": "readonly", |
||||
}, |
||||
"ignorePatterns": [ |
||||
"/javascripts/", |
||||
], |
||||
}; |
||||
@ -0,0 +1,52 @@
|
||||
name: Run linters |
||||
|
||||
on: |
||||
push: |
||||
branches: |
||||
- 'master' |
||||
- 'v*.*' |
||||
pull_request: |
||||
|
||||
jobs: |
||||
lint: |
||||
runs-on: ubuntu-latest |
||||
|
||||
steps: |
||||
- name: Checkout |
||||
uses: actions/checkout@v3 |
||||
|
||||
- name: Use Node.js 16.x |
||||
uses: actions/setup-node@v3 |
||||
with: |
||||
node-version: 16.x |
||||
|
||||
- name: Install npm dependencies |
||||
run: npm ci |
||||
|
||||
- name: Eslint |
||||
run: npm run lint:js |
||||
|
||||
- name: Stylelint |
||||
run: npm run lint:sass |
||||
|
||||
build: |
||||
runs-on: ubuntu-latest |
||||
|
||||
strategy: |
||||
matrix: |
||||
node-version: [16.x, 18.x, 20.x] |
||||
|
||||
steps: |
||||
- name: Checkout |
||||
uses: actions/checkout@v3 |
||||
|
||||
- name: Use Node.js ${{ matrix.node-version }} |
||||
uses: actions/setup-node@v3 |
||||
with: |
||||
node-version: ${{ matrix.node-version }} |
||||
|
||||
- name: Install npm dependencies |
||||
run: npm ci --production |
||||
|
||||
- name: Check build |
||||
run: npm run build |
||||
@ -0,0 +1,6 @@
|
||||
/.sass-cache |
||||
/node_modules |
||||
#/src/sass/_custom-variables.scss |
||||
/.sublime-grunt.cache |
||||
#/images/logo |
||||
/.stylelintcache |
||||
@ -0,0 +1,12 @@
|
||||
module.exports = { |
||||
"src/**/*.js": files => [ |
||||
`eslint "${files.join('" "')}"`, |
||||
'grunt js', |
||||
'git add javascripts/' |
||||
], |
||||
"src/**/*.scss": files => [ |
||||
`stylelint "${files.join('" "')}"`, |
||||
'grunt css', |
||||
'git add stylesheets/ plugins/' |
||||
], |
||||
} |
||||
@ -0,0 +1,498 @@
|
||||
module.exports = { |
||||
'ignoreFiles': [ |
||||
'src/sass/lib/**' |
||||
], |
||||
'plugins': [ |
||||
'stylelint-order', |
||||
'stylelint-scss' |
||||
], |
||||
'rules': { |
||||
'at-rule-name-case': 'lower', |
||||
'at-rule-name-space-after': 'always-single-line', |
||||
'at-rule-no-vendor-prefix': true, |
||||
'at-rule-semicolon-newline-after': 'always', |
||||
'at-rule-semicolon-space-before': 'never', |
||||
'block-closing-brace-empty-line-before': 'never', |
||||
'block-closing-brace-newline-after': [ |
||||
'always', |
||||
{ |
||||
'ignoreAtRules': [ |
||||
'if', |
||||
'else' |
||||
] |
||||
} |
||||
], |
||||
'block-closing-brace-newline-before': 'always-multi-line', |
||||
'block-closing-brace-space-before': 'always-single-line', |
||||
'block-no-empty': true, |
||||
'block-opening-brace-newline-after': 'always-multi-line', |
||||
'block-opening-brace-space-after': 'always-single-line', |
||||
'block-opening-brace-space-before': 'always-multi-line', |
||||
'color-hex-case': 'lower', |
||||
'color-hex-length': 'short', |
||||
'color-no-invalid-hex': true, |
||||
'comment-no-empty': true, |
||||
'comment-whitespace-inside': 'always', |
||||
'custom-property-pattern': /^[a-z][a-z0-9]*(-[a-z0-9]+)*$/, |
||||
'declaration-bang-space-after': 'never', |
||||
'declaration-bang-space-before': 'always', |
||||
'declaration-block-no-duplicate-properties': [ |
||||
true, |
||||
{ |
||||
'ignoreProperties': [ |
||||
'word-break', |
||||
] |
||||
} |
||||
], |
||||
'declaration-block-no-redundant-longhand-properties': true, |
||||
'declaration-block-no-shorthand-property-overrides': true, |
||||
'declaration-block-semicolon-newline-after': 'always-multi-line', |
||||
'declaration-block-semicolon-space-after': 'always-single-line', |
||||
'declaration-block-semicolon-space-before': 'never', |
||||
'declaration-block-trailing-semicolon': 'always', |
||||
'declaration-colon-space-after': 'always-single-line', |
||||
'declaration-colon-space-before': 'never', |
||||
'declaration-no-important': true, |
||||
'font-family-no-duplicate-names': true, |
||||
'function-calc-no-unspaced-operator': true, |
||||
'function-comma-newline-after': 'always-multi-line', |
||||
'function-comma-newline-before': 'never-multi-line', |
||||
'function-comma-space-after': 'always-single-line', |
||||
'function-comma-space-before': 'never', |
||||
'function-linear-gradient-no-nonstandard-direction': true, |
||||
'function-max-empty-lines': 1, |
||||
'function-name-case': 'lower', |
||||
'function-parentheses-newline-inside': 'always-multi-line', |
||||
'function-parentheses-space-inside': 'never-single-line', |
||||
'function-url-no-scheme-relative': true, |
||||
'function-url-quotes': 'always', |
||||
'function-whitespace-after': 'always', |
||||
'indentation': 2, |
||||
'keyframe-declaration-no-important': true, |
||||
'length-zero-no-unit': true, |
||||
'max-nesting-depth': 7, |
||||
'media-feature-colon-space-after': 'always', |
||||
'media-feature-colon-space-before': 'never', |
||||
'media-feature-name-case': 'lower', |
||||
'media-feature-parentheses-space-inside': 'never', |
||||
'media-feature-range-operator-space-after': 'always', |
||||
'media-feature-range-operator-space-before': 'always', |
||||
'media-query-list-comma-newline-after': 'always-multi-line', |
||||
'media-query-list-comma-newline-before': 'never-multi-line', |
||||
'media-query-list-comma-space-after': 'always-single-line', |
||||
'media-query-list-comma-space-before': 'never', |
||||
'no-duplicate-at-import-rules': true, |
||||
'no-eol-whitespace': true, |
||||
'no-extra-semicolons': true, |
||||
'no-missing-end-of-source-newline': true, |
||||
'number-leading-zero': 'never', |
||||
'number-no-trailing-zeros': true, |
||||
'property-case': 'lower', |
||||
'property-no-unknown': true, |
||||
'property-no-vendor-prefix': true, |
||||
'selector-attribute-brackets-space-inside': 'never', |
||||
'selector-attribute-operator-space-after': 'never', |
||||
'selector-attribute-operator-space-before': 'never', |
||||
'selector-attribute-quotes': 'always', |
||||
'selector-combinator-space-after': 'always', |
||||
'selector-combinator-space-before': 'always', |
||||
'selector-descendant-combinator-no-non-space': true, |
||||
'selector-list-comma-newline-after': 'always', |
||||
'selector-list-comma-newline-before': 'never-multi-line', |
||||
'selector-list-comma-space-before': 'never', |
||||
'selector-max-compound-selectors': 5, |
||||
'selector-max-empty-lines': 0, |
||||
'selector-max-universal': 1, |
||||
'selector-no-qualifying-type': [ |
||||
true, |
||||
{ |
||||
'ignore': [ |
||||
'attribute', |
||||
'class', |
||||
'id' |
||||
] |
||||
} |
||||
], |
||||
'selector-pseudo-class-case': 'lower', |
||||
'selector-pseudo-class-parentheses-space-inside': 'never', |
||||
'selector-pseudo-element-case': 'lower', |
||||
'selector-pseudo-element-colon-notation': 'double', |
||||
'selector-type-case': 'lower', |
||||
'shorthand-property-no-redundant-values': true, |
||||
'string-no-newline': true, |
||||
'string-quotes': 'double', |
||||
'unit-case': 'lower', |
||||
'unit-no-unknown': true, |
||||
'value-list-comma-newline-before': 'never-multi-line', |
||||
'value-list-comma-space-after': 'always-single-line', |
||||
'value-list-comma-space-before': 'never', |
||||
'value-list-max-empty-lines': 1, |
||||
'value-no-vendor-prefix': true, |
||||
|
||||
'order/order': [ |
||||
[ |
||||
'custom-properties', |
||||
'dollar-variables', |
||||
'declarations', |
||||
'rules' |
||||
] |
||||
], |
||||
'order/properties-order': [ |
||||
{ |
||||
'properties': [ |
||||
'content', |
||||
'quotes' |
||||
] |
||||
}, |
||||
{ |
||||
'properties': [ |
||||
'display', |
||||
'visibility' |
||||
] |
||||
}, |
||||
{ |
||||
'properties': [ |
||||
'position', |
||||
'z-index', |
||||
'top', |
||||
'right', |
||||
'bottom', |
||||
'left' |
||||
] |
||||
}, |
||||
{ |
||||
'properties': [ |
||||
'box-sizing' |
||||
] |
||||
}, |
||||
{ |
||||
'properties': [ |
||||
'grid', |
||||
'grid-area', |
||||
'grid-auto-columns', |
||||
'grid-auto-flow', |
||||
'grid-auto-rows', |
||||
'grid-column', |
||||
'grid-column-end', |
||||
'grid-column-gap', |
||||
'grid-column-start', |
||||
'grid-gap', |
||||
'grid-row', |
||||
'grid-row-end', |
||||
'grid-row-gap', |
||||
'grid-row-start', |
||||
'grid-template', |
||||
'grid-template-areas', |
||||
'grid-template-columns', |
||||
'grid-template-rows' |
||||
] |
||||
}, |
||||
{ |
||||
'properties': [ |
||||
'flex', |
||||
'flex-basis', |
||||
'flex-direction', |
||||
'flex-flow', |
||||
'flex-grow', |
||||
'flex-shrink', |
||||
'flex-wrap', |
||||
'box-decoration-break', |
||||
'align-content', |
||||
'align-items', |
||||
'align-self', |
||||
'justify-content', |
||||
'order' |
||||
] |
||||
}, |
||||
{ |
||||
'properties': [ |
||||
'width', |
||||
'min-width', |
||||
'max-width', |
||||
'height', |
||||
'min-height', |
||||
'max-height' |
||||
] |
||||
}, |
||||
{ |
||||
'properties': [ |
||||
'margin', |
||||
'margin-top', |
||||
'margin-right', |
||||
'margin-bottom', |
||||
'margin-left' |
||||
] |
||||
}, |
||||
{ |
||||
'properties': [ |
||||
'padding', |
||||
'padding-top', |
||||
'padding-right', |
||||
'padding-bottom', |
||||
'padding-left' |
||||
] |
||||
}, |
||||
{ |
||||
'properties': [ |
||||
'float', |
||||
'clear' |
||||
] |
||||
}, |
||||
{ |
||||
'properties': [ |
||||
'overflow', |
||||
'overflow-x', |
||||
'overflow-y' |
||||
] |
||||
}, |
||||
{ |
||||
'properties': [ |
||||
'clip', |
||||
'zoom' |
||||
] |
||||
}, |
||||
{ |
||||
'properties': [ |
||||
'columns', |
||||
'column-gap', |
||||
'column-fill', |
||||
'column-rule', |
||||
'column-span', |
||||
'column-count', |
||||
'column-width' |
||||
] |
||||
}, |
||||
{ |
||||
'properties': [ |
||||
'table-layout', |
||||
'empty-cells', |
||||
'caption-side', |
||||
'border-spacing', |
||||
'border-collapse' |
||||
] |
||||
}, |
||||
{ |
||||
'properties': [ |
||||
'list-style', |
||||
'list-style-position', |
||||
'list-style-type', |
||||
'list-style-image' |
||||
] |
||||
}, |
||||
{ |
||||
'properties': [ |
||||
'transform', |
||||
'transform-origin', |
||||
'transform-style', |
||||
'backface-visibility', |
||||
'perspective', |
||||
'perspective-origin' |
||||
] |
||||
}, |
||||
{ |
||||
'properties': [ |
||||
'transition', |
||||
'transition-property', |
||||
'transition-duration', |
||||
'transition-timing-function', |
||||
'transition-delay' |
||||
] |
||||
}, |
||||
{ |
||||
'properties': [ |
||||
'animation', |
||||
'animation-name', |
||||
'animation-duration', |
||||
'animation-play-state', |
||||
'animation-timing-function', |
||||
'animation-delay', |
||||
'animation-iteration-count', |
||||
'animation-direction' |
||||
] |
||||
}, |
||||
{ |
||||
'properties': [ |
||||
'border', |
||||
'border-top', |
||||
'border-right', |
||||
'border-bottom', |
||||
'border-left', |
||||
'border-width', |
||||
'border-top-width', |
||||
'border-right-width', |
||||
'border-bottom-width', |
||||
'border-left-width' |
||||
] |
||||
}, |
||||
{ |
||||
'properties': [ |
||||
'border-style', |
||||
'border-top-style', |
||||
'border-right-style', |
||||
'border-bottom-style', |
||||
'border-left-style' |
||||
] |
||||
}, |
||||
{ |
||||
'properties': [ |
||||
'border-radius', |
||||
'border-top-left-radius', |
||||
'border-top-right-radius', |
||||
'border-bottom-left-radius', |
||||
'border-bottom-right-radius' |
||||
] |
||||
}, |
||||
{ |
||||
'properties': [ |
||||
'border-color', |
||||
'border-top-color', |
||||
'border-right-color', |
||||
'border-bottom-color', |
||||
'border-left-color' |
||||
] |
||||
}, |
||||
{ |
||||
'properties': [ |
||||
'outline', |
||||
'outline-color', |
||||
'outline-offset', |
||||
'outline-style', |
||||
'outline-width' |
||||
] |
||||
}, |
||||
{ |
||||
'properties': [ |
||||
'stroke-width', |
||||
'stroke-linecap', |
||||
'stroke-dasharray', |
||||
'stroke-dashoffset', |
||||
'stroke' |
||||
] |
||||
}, |
||||
{ |
||||
'properties': [ |
||||
'opacity' |
||||
] |
||||
}, |
||||
{ |
||||
'properties': [ |
||||
'background', |
||||
'background-color', |
||||
'background-image', |
||||
'background-repeat', |
||||
'background-position', |
||||
'background-size', |
||||
'box-shadow', |
||||
'fill' |
||||
] |
||||
}, |
||||
{ |
||||
'properties': [ |
||||
'color' |
||||
] |
||||
}, |
||||
{ |
||||
'properties': [ |
||||
'font', |
||||
'font-family', |
||||
'font-size', |
||||
'font-size-adjust', |
||||
'font-stretch', |
||||
'font-effect', |
||||
'font-style', |
||||
'font-variant', |
||||
'font-weight' |
||||
] |
||||
}, |
||||
{ |
||||
'properties': [ |
||||
'font-emphasize', |
||||
'font-emphasize-position', |
||||
'font-emphasize-style' |
||||
] |
||||
}, |
||||
{ |
||||
'properties': [ |
||||
'letter-spacing', |
||||
'line-height', |
||||
'word-spacing' |
||||
] |
||||
}, |
||||
{ |
||||
'properties': [ |
||||
'text-align', |
||||
'text-align-last', |
||||
'text-decoration', |
||||
'text-indent', |
||||
'text-justify', |
||||
'text-overflow', |
||||
'text-overflow-ellipsis', |
||||
'text-overflow-mode', |
||||
'text-rendering', |
||||
'text-outline', |
||||
'text-shadow', |
||||
'text-transform', |
||||
'text-wrap', |
||||
'word-wrap', |
||||
'word-break' |
||||
] |
||||
}, |
||||
{ |
||||
'properties': [ |
||||
'text-emphasis', |
||||
'text-emphasis-color', |
||||
'text-emphasis-style', |
||||
'text-emphasis-position' |
||||
] |
||||
}, |
||||
{ |
||||
'properties': [ |
||||
'vertical-align', |
||||
'white-space', |
||||
'hyphens' |
||||
] |
||||
}, |
||||
{ |
||||
'properties': [ |
||||
'src' |
||||
] |
||||
}, |
||||
{ |
||||
'properties': [ |
||||
'tab-size', |
||||
'counter-reset', |
||||
'counter-increment', |
||||
'resize', |
||||
'cursor', |
||||
'pointer-events', |
||||
'speak', |
||||
'user-select', |
||||
'nav-index', |
||||
'nav-up', |
||||
'nav-right', |
||||
'nav-down', |
||||
'nav-left' |
||||
] |
||||
} |
||||
], |
||||
|
||||
'scss/at-else-closing-brace-newline-after': 'always-last-in-chain', |
||||
'scss/at-else-closing-brace-space-after': 'always-intermediate', |
||||
'scss/at-else-empty-line-before': 'never', |
||||
'scss/at-else-if-parentheses-space-before': 'always', |
||||
'scss/at-function-parentheses-space-before': 'never', |
||||
'scss/at-function-pattern': /^[a-z][a-z0-9]*(-[a-z0-9]+)*$/, |
||||
'scss/at-if-closing-brace-newline-after': 'always-last-in-chain', |
||||
'scss/at-if-closing-brace-space-after': 'always-intermediate', |
||||
'scss/at-import-no-partial-leading-underscore': true, |
||||
'scss/at-mixin-argumentless-call-parentheses': 'never', |
||||
'scss/at-mixin-parentheses-space-before': 'never', |
||||
'scss/at-mixin-pattern': /^[a-z][a-z0-9]*(-[a-z0-9]+)*$/, |
||||
'scss/declaration-nested-properties-no-divided-groups': true, |
||||
'scss/dollar-variable-colon-space-before': 'never', |
||||
'scss/dollar-variable-pattern': /^[a-z][a-z0-9]*(-[a-z0-9]+)*$/, |
||||
'scss/operator-no-unspaced': true, |
||||
'scss/percent-placeholder-pattern': /^[a-z][a-z0-9]*(-[a-z0-9]+)*$/, |
||||
'scss/selector-no-redundant-nesting-selector': true, |
||||
} |
||||
}; |
||||
@ -0,0 +1,337 @@
|
||||
v2.16.2 (2023-11-20): |
||||
|
||||
* Fixed #268 calendar display with Redmine 5.1 |
||||
|
||||
v2.16.1 (2023-10-11): |
||||
|
||||
* Fixed #266 typo of expanded icon class |
||||
|
||||
v2.16.0 (2023-05-14): |
||||
|
||||
* Update theme to make it work with 5.0. |
||||
* Fixed issues #222, #233, #242, #245, #246, #253, and few others. |
||||
|
||||
v2.15.0 (2021-05-23): |
||||
|
||||
* Updated styles for Redmine 4.2. |
||||
* Merged #225 (via #228): improved documents styles. |
||||
|
||||
v2.14.0 (2021-01-27): |
||||
|
||||
* Merged #220: fixed drag & drop behavior. |
||||
|
||||
v2.13.0 (2020-09-26): |
||||
|
||||
* Replaced node-sass with sass. |
||||
* Resolved issues with `inline-svg` function in Node 14.x. |
||||
|
||||
v2.12.1 (2020-08-11): |
||||
|
||||
* Fixed #204 - missing context menu icons in Easy WBS plugin. |
||||
|
||||
v2.12.0 (2020-08-01): |
||||
|
||||
* Fixed #196 and #199: text wrapping in certain column types. |
||||
* Merged #203: fixed pagination overlapping wiki content. |
||||
|
||||
v2.11.0 (2020-05-08): |
||||
|
||||
* Fixed #179: full screen mode issues when using redmine_wysiwyg_editor plugin. |
||||
* Fixed #177: changed styling for icon-only buttons to resolve weird behavior on hover. |
||||
* Added `$icon-width` variable. |
||||
* Added margin in some places like after buttons, avatars. |
||||
* Changed tooltip background to black. |
||||
* Changed top menu styles. |
||||
* Restored `$color-priorities` variable, `false` by default. |
||||
* Added `parse-length($value, $side)` function for extracting length/width from margin/padding/border. |
||||
* Fixed checkbox cell padding when issue table borders are enabled. |
||||
* Added table icon to jstoolbar styles. |
||||
* Refactored icons code. |
||||
* Improved styles for [RedmineUP](https://www.redmineup.com/pages/plugins) plugins (Agile, Checklists, CRM, Tags). |
||||
* Improved vertical alignment of certain form elements. |
||||
* Improved styles for sortable elements. |
||||
* Added new `.inline-flex` class. |
||||
* Improved styles for [Redmine Banner](https://github.com/akiko-pusu/redmine_banner) plugin. |
||||
|
||||
v2.10.2 (2020-04-09): |
||||
|
||||
* Fixed #175: couldn't edit note when it's URL target. |
||||
* Improved styling of some inline edit forms. |
||||
|
||||
v2.10.1 (2020-04-06): |
||||
|
||||
* Fixed #160: highlight color in jQuery UI menu, most notably in checklist plugin. |
||||
|
||||
v2.10.0 (2020-04-05): |
||||
|
||||
* Fixed #172 Collapsed/expended icons for completed versions. |
||||
* Fixed #171 "Display" label in Gantt option. |
||||
* Fixed #170 radio buttons in projects options. |
||||
* Fixed #169 styles in the spent time tab. |
||||
* Fixed #164: apply responsive overrides more generally |
||||
* Fixed #159: wrapping long text in issue attributes. |
||||
* Fixed #150: styling for query totals and expander in Agile plugin. |
||||
* Fixed #148: full screen view for Dashboard plugin. |
||||
* Fixed a "timeline" positioning in issue notes/changes. |
||||
* Changed lightness of shades 50 and 950. |
||||
* Changed loader styles. |
||||
* Changed rouge syntax highlighter color scheme. |
||||
|
||||
v2.9.1 (2020-02-22): |
||||
|
||||
* Merged fix #155: $.load function removed from jQuery. |
||||
* Fixed badge positioning in roadmap screen. |
||||
|
||||
v2.9.0 (2020-01-30): |
||||
|
||||
* Fixed #141: improved styling for issue edit form. |
||||
* Fixed #142: TOC assumes `left` by default, also added new variables to control how it looks. |
||||
* Fixed #143: `$main-menu-bg-hover` is now being used. |
||||
* Resolved #144: added `$main-menu-bg-active` variable. |
||||
* Resolved #145: added `$table-list-header-bg` variable. |
||||
* Fixed #147: corrected forum edit attached files icon. |
||||
* Fixed #153: improved styling for `label.block`. |
||||
* Added styling for clear query button. |
||||
* Improved responsive sidebar menu layout. |
||||
|
||||
v2.8.0 (2019-08-13): |
||||
|
||||
* Resolved #132: fixed spacing for headers on roadmap pages. |
||||
* Merged fix #136: broken layout with large image attachment. |
||||
|
||||
v2.7.0 (2019-06-13): |
||||
|
||||
* Resolved #124: added support for [issue-id](http://projects.andriylesyuk.com/projects/issue-id/) plugin. |
||||
|
||||
v2.6.0 (2019-06-13): |
||||
|
||||
* Resolved #121: added support for [redmine_wiki_page_tree](https://github.com/ledsun/redmine_wiki_page_tree) plugin. |
||||
|
||||
v2.5.0 (2019-06-05): |
||||
|
||||
* Fixed #117, #118 and added many improvements to the responsive layout. |
||||
|
||||
v2.4.0 (2019-06-02): |
||||
|
||||
* Synchronized most application styles with Redmine's default theme. |
||||
* Fixed #115: color overdue date in issue lists. |
||||
|
||||
v2.3.1 (2019-05-09): |
||||
|
||||
* Fixed #112: improved highlight contrast in text diffs. |
||||
|
||||
v2.3.0 (2019-05-09): |
||||
|
||||
* Fixed #107: nested lists in the sidebar via [Additionals](https://www.redmine.org/plugins/additionals) plugin. |
||||
|
||||
v2.2.0 (2019-04-09): |
||||
|
||||
* Fixed #101, #102: tooltip positioning |
||||
|
||||
v2.1.1 (2019-03-23): |
||||
|
||||
* Fixed sidebar toggler style when fixed layout is enabled |
||||
* Fixed contextual dropdown padding in mobile view |
||||
|
||||
v1.11.0 (2019-03-22): |
||||
|
||||
* Backported fixes from v2: |
||||
* Fixed #89: [RM+ custom menu](http://rmplus.pro/en/redmine/plugins/custom_menu) breaking the layout |
||||
* Fixed #90: regression in some sidebar layouts |
||||
* Fixed #93: Agile chart expanding indefinitely when Additional "Go to top" link is enabled |
||||
* Fixed #94: subtasks indentation |
||||
* Fixed styling of some flash messages |
||||
* Fixed horizontal scrollbar appearing when sidebar is on the right |
||||
* Fixed footer being mispositioned in Agile charts |
||||
* Fixed positioning of admin menu icons for some plugins |
||||
* Improved support for [Redmine Tags](https://www.redmineup.com/pages/plugins/tags) plugin |
||||
* Added separator line between news on the news list |
||||
* Improved Redmine 4.0 compatibility |
||||
* Updated Font Awesome icons to 4.7.0 |
||||
|
||||
v2.1.0 (2019-03-22): |
||||
|
||||
* Added CSS grid layout support (off by default because of IE support) |
||||
* Fixed styling of some flash messages |
||||
* Fixed horizontal scrollbar appearing when sidebar is on the right |
||||
* Fixed footer being mispositioned in Agile charts |
||||
* Improved support for [Redmine Tags](https://www.redmineup.com/pages/plugins/tags) plugin |
||||
* Fixed positioning of admin menu icons for some plugins |
||||
* Added separator line between news on the news list |
||||
* Fixed #93: Agile chart expanding indefinitely when Additional "Go to top" link is enabled |
||||
* Fixed #94: subtasks indentation |
||||
* Improved progress bar styling, avatar positioning, WYSIWYG button styling, wiki preview font sizes |
||||
|
||||
v2.0.2 (2019-03-20): |
||||
|
||||
* Fixed #89: [RM+ custom menu](http://rmplus.pro/en/redmine/plugins/custom_menu) breaking the layout |
||||
|
||||
v2.0.1 (2019-03-17): |
||||
|
||||
* Fixed #90: regression in some sidebar layouts |
||||
* Removed reduntant `abbr[title]` styles |
||||
|
||||
v2.0 (2019-03-13): |
||||
|
||||
* Refreshed, modernized look & feel |
||||
* Added priority icons |
||||
* Removed `$color-priorities` setting and styles |
||||
* Improved Redmine 4.0 compatibility |
||||
* Updated Font Awesome icons to 4.7.0 |
||||
|
||||
v1.10.0 (2019-03-12): |
||||
|
||||
* Fixed #86: added support for redmine_hearts plugin |
||||
|
||||
v1.9.0 (2019-03-01): |
||||
|
||||
* Fixed #42: override some styles from [RM+](http://rmplus.pro) plugins |
||||
* Merged #43: fixes for Redmine 3.3.2.devel |
||||
* Support for responsive menu and further changes for Redmine 3.3.2.devel (fixes #26) |
||||
* Improved styles for custom flash messages in wiki content (e.g. for [WikiNG](http://www.redmine.org/plugins/wiking) plugin) |
||||
* Introduce project tiles on projects list page (enabled by default, can be switched off by setting `$use-project-tiles` to `false`) |
||||
* Fixed #44: adjust width of the label column on the login form |
||||
* Merged #49: German translations |
||||
* Fixed #50: printed content on second page onwards was missing in Firefox |
||||
* Fixed #51: a plugin dropdown in top menu could be too narrow |
||||
* Fixed #52: delete watcher icon in the sidebar was missing |
||||
* Fixed #54: long checkbox lists will be scrollable |
||||
* Fixed #62: anchors won't scroll the page |
||||
* Fixed #69: fixed "remember me" checkbox layout on login page |
||||
* Fixed #78: files not visible on list in wiki when there is a lot of them |
||||
* Updated dependencies |
||||
* Fixed #81: top watchers checkboxes were not visible on Firefox |
||||
* Removed `checkbox` and `radio` mixins in favour of `check` |
||||
* Fixed #83: editor tabs layout in Redmine 4.0 |
||||
|
||||
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): |
||||
|
||||
+ Improved styling for [Stuff To Do][stuff_to_do] plugin |
||||
|
||||
v1.7.0 (2015-09-25): |
||||
|
||||
* Added styles for optgroup (Firefox only) |
||||
* Fixed #13: #header was missing clearfix and was breaking the layout is some cases |
||||
* Coloring issue's title instead of link in Gantt diagram for overdue issues |
||||
* Updated npm packages: grunt-sass from 0.18.0 to 1.0.0 and grunt-contrib-uglify 0.7.0 to 0.9.1 |
||||
* Use flexbox layout by default (can be changed by setting `$flexbox-layout` to `false`) |
||||
* Fixed animation issue when showing sidebar |
||||
* Slightly modified buttons' style |
||||
* Few visual tweaks: nicer shadows, improved datepickers layout |
||||
+ Configurable list borders and highlighting of hovered and even/odd rows |
||||
+ Introduce `$pagination-padding-` variables and make pagination buttons' height equal to buttons by default |
||||
* Fixed #16: remove `white-space: nowrap` from external links to prevent breaking the page with flexbox layout |
||||
* Fixed colored trackers in tooltips in Backlogs plugin |
||||
* Fixed broken codebutton modal after making buttons wider |
||||
* Changed the license to MIT |
||||
|
||||
v1.6.0 (2015-06-10): |
||||
|
||||
* Fixed #8: Setting `$top-menu-collapse` to `true` will enable script allowing to toggle if top menu should be collapsed (no wrapping) or expanded (wrapped, with auto height) |
||||
+ Header matching current URL fragment will have `#` prepended |
||||
+ Introduced `$font-weight-normal` and `$font-weight-bold` variables to give better control on the appearance of text with custom fonts |
||||
* Fixed #9: Added `$main-menu-collapse` and applied the same logic as in #8 |
||||
* Fixed #12: Removed `display: block` from issue's subject link to allow context menu to popup upon right click next to subject |
||||
* Resolved #11: Company logo can be added to the header |
||||
|
||||
v1.5.0 (2015-04-15): |
||||
|
||||
* Fixed #5: Added default style for colored issue links. |
||||
* Introduced `$tracker-colors-map` and removed `$tracker-X-bg` variables. |
||||
See d220db1 comments for more details. |
||||
* Fixed #6: Added default padding for table cells. |
||||
|
||||
v1.4.1 (2015-04-14): |
||||
|
||||
* Fixed #3: Closed tasks will be more appreciable. |
||||
|
||||
v1.4.0 (2015-04-10): |
||||
|
||||
+ Introduced option `$wiki-page-more-vertical-space` (by default `true`) to improve wiki pages' readability even more |
||||
* Fixed bottom margin of `pre` tag |
||||
+ Added a few helper classes from Bootstrap |
||||
* WYSIWYG's icons will squeeze a little bit on smaller screens |
||||
* Images in headers will be aligned to the middle vertically |
||||
+ Introduced `text-normal` class for resetting font's weight |
||||
+ Added class `toc-active-prev` that will "highlight" TOC as "active". |
||||
* Fixed #2: Make sure that `.sort` with Font Awesome icons won't have background image |
||||
* Fixed attachments div's layout for wiki pages |
||||
|
||||
For more details, see [release v1.4.0](https://github.com/mrliptontea/PurpleMine2/releases/tag/v1.4.0) |
||||
|
||||
v1.3.0 (2015-04-01): |
||||
|
||||
* Backlogs: make it possible to click on empty field |
||||
* Corrected issue form columns widths so they will be equal in all fieldsets |
||||
* Changesets will look similar to issue's journal |
||||
+ Improved revision page layout and added Font Awesome icons |
||||
+ Improved file content view |
||||
* Fixed #1: Font Awesome icons will no longer break plugins' icons |
||||
+ Introduced styles for [People][redmine_crm_people] plugin |
||||
* Enhanced styles for activities list |
||||
* Regular buttons (e.g. `Cancel`) will look like links in dialog windows |
||||
* Fixed look of collapsible arrow in Firefox |
||||
+ Overrode Redmine's revision graph function to make it look better |
||||
+ Animated collapsible fieldsets |
||||
+ Custom image based icons changed to base64 embedded data |
||||
|
||||
v1.2.0 (2015-03-03): |
||||
|
||||
* Fixed .warning style |
||||
+ Coloring status on issue page (it'll look like label) |
||||
* Fixed master backlog sub-menu accessibility |
||||
+ Changed font weight to normal for sub-projects in project list |
||||
* Fixed watch task path for .js |
||||
- Removed unnecessary classes from .sidebar-toggler |
||||
* Fixed external link icon, when URI contains the word 'edit' |
||||
* Fixed wiki page headers links font-size |
||||
+ Changed some trackers default colors |
||||
+ Bolded user name on issue page if it's current user |
||||
* Issue's journal appearance changed once again |
||||
+ Some improvements in wiki formatting |
||||
+ Introduced HistoryTabs for filtering issue journals |
||||
* Improved issue page styles and adjusted default priority colors |
||||
* Backlogs: added delay before hiding backlog menu |
||||
* Changed ancestor project name in top to equal font size, but different weight |
||||
* Fixed context menu position regression introduced by sidebar toggle |
||||
|
||||
v1.1.0 (2015-02-15): |
||||
|
||||
+ Changed issue's journal appearance |
||||
+ jQuery UI menus look improved |
||||
+ Removed box-shadow from boxes |
||||
+ Bumped grunt-sass version |
||||
+ Toggling sidebar visibility |
||||
+ Recompressed images |
||||
+ Changelog added |
||||
|
||||
v1.0.0 (2015-02-06): |
||||
|
||||
Initial version |
||||
@ -0,0 +1,85 @@
|
||||
module.exports = function (grunt) { |
||||
grunt.initConfig({ |
||||
src: 'src/', |
||||
|
||||
sass: { |
||||
options: { |
||||
implementation: require('sass'), |
||||
sourceMap: false, |
||||
outputStyle: 'compressed', |
||||
functions: { |
||||
'inline-svg($path, $selectors: null)': require('@liquid-js/sass-inline-svg')('./svg', { |
||||
optimize: true, |
||||
encodingFormat: 'uri' |
||||
}) |
||||
} |
||||
}, |
||||
|
||||
theme: { |
||||
files: { |
||||
'stylesheets/application.css': '<%= src %>sass/application.scss' |
||||
} |
||||
}, |
||||
|
||||
plugins: { |
||||
files: [ |
||||
{ |
||||
expand: true, |
||||
cwd: '<%= src %>sass/plugins/', |
||||
src: '**/*.scss', |
||||
dest: 'plugins/', |
||||
ext: '.css', |
||||
extDot: 'last' |
||||
} |
||||
] |
||||
} |
||||
}, |
||||
|
||||
postcss: { |
||||
options: { |
||||
processors: [ |
||||
require('autoprefixer')() |
||||
] |
||||
}, |
||||
|
||||
all: { |
||||
src: [ |
||||
'stylesheets/*.css', |
||||
'plugins/**/*.css' |
||||
] |
||||
} |
||||
}, |
||||
|
||||
uglify: { |
||||
theme: { |
||||
src: [ |
||||
'<%= src %>javascripts/modules/*.js', |
||||
'<%= src %>javascripts/theme.js' |
||||
], |
||||
dest: 'javascripts/theme.js' |
||||
} |
||||
}, |
||||
|
||||
watch: { |
||||
css: { |
||||
files: ['<%= src %>sass/**/*.scss'], |
||||
tasks: ['css'] |
||||
}, |
||||
|
||||
js: { |
||||
files: ['<%= src %>javascripts/**/*.js'], |
||||
tasks: ['js'] |
||||
} |
||||
} |
||||
}) |
||||
|
||||
grunt.loadNpmTasks('grunt-sass') |
||||
grunt.loadNpmTasks('grunt-postcss') |
||||
grunt.loadNpmTasks('grunt-contrib-watch') |
||||
grunt.loadNpmTasks('grunt-contrib-uglify') |
||||
|
||||
grunt.registerTask('css', ['sass', 'postcss']) |
||||
grunt.registerTask('js', ['uglify']) |
||||
|
||||
grunt.registerTask('default', ['css', 'js']) |
||||
} |
||||
@ -0,0 +1,21 @@
|
||||
The MIT License (MIT) |
||||
|
||||
Copyright (c) 2015 Grzegorz Rajchman <mrliptontea@griego.pl> |
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy |
||||
of this software and associated documentation files (the "Software"), to deal |
||||
in the Software without restriction, including without limitation the rights |
||||
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell |
||||
copies of the Software, and to permit persons to whom the Software is |
||||
furnished to do so, subject to the following conditions: |
||||
|
||||
The above copyright notice and this permission notice shall be included in all |
||||
copies or substantial portions of the Software. |
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR |
||||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, |
||||
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE |
||||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER |
||||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, |
||||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE |
||||
SOFTWARE. |
||||
@ -0,0 +1,65 @@
|
||||
# PurpleMine 2 |
||||
|
||||
A free Redmine 3.0+ theme written in SCSS. |
||||
|
||||
 [](http://standardjs.com/)  [](https://github.com/mrliptontea/PurpleMine2/issues) |
||||
|
||||
--- |
||||
|
||||
 |
||||
|
||||
It's written in [SCSS]. It uses [normalize.css] and benefits from some parts of [Bootstrap][bootstrap-sass] like mixins, structure, and stuff. |
||||
|
||||
## Main features |
||||
|
||||
* Bigger, easier to read fonts, |
||||
* Github-like wiki content look, |
||||
* Sidebar moved to the left for better ergonomy, |
||||
* Coloring trackers links (on lists, issue pages and even in the wiki content), |
||||
* Jira-inspired priority icons, |
||||
* Toggling sidebar visibility, |
||||
* Easy to customize via variables. |
||||
|
||||
## How install it |
||||
|
||||
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. |
||||
|
||||
## Plugins |
||||
|
||||
This theme also features a new look for [Redmine Backlogs][redmine_backlogs] plugin. To install it, simply copy stylesheets from `PurpleMine2/plugins/redmine_backlogs` and overwrite files in `{redmine}/plugins/redmine_backlogs/assets/stylesheets` and restart Redmine. |
||||
|
||||
Also, [Redmine Time Tracker][redmine_time_tracker] and [Redmine People][redmine_crm_people] plugins should look nice with PurpleMine. |
||||
|
||||
## How to customize it |
||||
|
||||
If you want to customize PurpleMine to your needs, first, make sure that you have installed [node.js](http://nodejs.org/) and `npm` is available in your terminal. |
||||
|
||||
Then, from the directory that contains PurpleMine run: |
||||
|
||||
npm install |
||||
|
||||
Now all the dependencies should be ready to use. Run one more command: |
||||
|
||||
npm run watch |
||||
|
||||
And now the grunt is watching for changes in files placed in `src/` folder. Just change what you need, and it'll run Sass preprocessor automatically. |
||||
|
||||
Regrettably, optional file include is not possible in Sass, so I would recommend creating a new file, e.g. `src/sass/_custom-variables.scss` and importing it a the beginning of the `application.scss` file. That way all the variables with the `!default` flag could be overridden. |
||||
|
||||
The path `src/sass/_custom-variables.scss` is added to `.gitignore` so it should make upgrading PurpleMine with keeping your changes rather painless, given that the only thing you changed in PurpleMine's source was adding this one line with `@import "custom-variables";`. |
||||
|
||||
If you need to customize styles for [Redmine Backlogs][redmine_backlogs] remember to include your `_custom-variables.scss` in `src/sass/plugins/redmine_backlogs/_common.scss`. |
||||
|
||||
## Changelog |
||||
|
||||
[Changelog](./CHANGELOG.md). |
||||
|
||||
[SCSS]: http://sass-lang.com/ |
||||
[normalize.css]: https://github.com/necolas/normalize.css |
||||
[bootstrap-sass]: https://github.com/twbs/bootstrap-sass |
||||
[redmine_backlogs]: https://github.com/backlogs/redmine_backlogs |
||||
[redmine_time_tracker]: https://github.com/hicknhack-software/redmine_time_tracker |
||||
[redmine_crm_people]: http://www.redminecrm.com/projects/people/ |
||||
[stuff_to_do]: https://github.com/raafael911/stuff_to_do_plugin |
||||
@ -0,0 +1,15 @@
|
||||
var browserSync = require('browser-sync'); |
||||
|
||||
browserSync({ |
||||
proxy: 'http://137.149.200.29', |
||||
files: 'stylesheets/**/*.css', |
||||
plugins: ['bs-rewrite-rules'], |
||||
//serveStatic: ['.'],
|
||||
serveStatic: ['stylesheets'], |
||||
rewriteRules: [ |
||||
{ |
||||
match: /\/themes\/PurpleMine2-master\/stylesheets/g, |
||||
replace: '' |
||||
} |
||||
] |
||||
}); |
||||
|
After Width: | Height: | Size: 5.3 KiB |
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 434 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 2.2 KiB |
File diff suppressed because one or more lines are too long
@ -0,0 +1,62 @@
|
||||
{ |
||||
"name": "purplemine", |
||||
"description": "A free Redmine 3.0+ theme written in SCSS", |
||||
"keywords": [ |
||||
"redmine", |
||||
"theme", |
||||
"sass", |
||||
"scss" |
||||
], |
||||
"author": "mrliptontea", |
||||
"repository": { |
||||
"type": "git", |
||||
"url": "git@github.com:mrliptontea/PurpleMine2.git" |
||||
}, |
||||
"license": "MIT", |
||||
"bugs": { |
||||
"url": "https://github.com/mrliptontea/PurpleMine2/issues" |
||||
}, |
||||
"homepage": "https://github.com/mrliptontea/PurpleMine2", |
||||
"scripts": { |
||||
"build": "grunt", |
||||
"watch": "grunt watch", |
||||
"lint:js": "eslint src/javascripts/", |
||||
"lint:sass": "stylelint src/sass/**/*.scss", |
||||
"lint": "npm run -S lint:js && npm run -S lint:sass" |
||||
}, |
||||
"dependencies": { |
||||
"@liquid-js/sass-inline-svg": "^2.0.0", |
||||
"autoprefixer": "^9.8.8", |
||||
"grunt": "^1.6.1", |
||||
"grunt-contrib-uglify": "^5.2.2", |
||||
"grunt-contrib-watch": "^1.1.0", |
||||
"grunt-postcss": "^0.9.0", |
||||
"grunt-sass": "^3.1.0", |
||||
"sass": "^1.69.5" |
||||
}, |
||||
"devDependencies": { |
||||
"browser-sync": "^3.0.2", |
||||
"bs-rewrite-rules": "^2.1.2", |
||||
"eslint": "^7.32.0", |
||||
"eslint-config-standard": "^14.1.1", |
||||
"eslint-plugin-import": "^2.29.0", |
||||
"eslint-plugin-node": "^11.1.0", |
||||
"eslint-plugin-promise": "^4.3.1", |
||||
"eslint-plugin-standard": "^4.1.0", |
||||
"husky": "^4.3.8", |
||||
"lint-staged": "^10.5.4", |
||||
"stylelint": "^13.13.1", |
||||
"stylelint-order": "^4.1.0", |
||||
"stylelint-scss": "^3.21.0" |
||||
}, |
||||
"browserslist": [ |
||||
"last 2 versions", |
||||
"> 1%", |
||||
"not dead" |
||||
], |
||||
"husky": { |
||||
"hooks": { |
||||
"pre-commit": "lint-staged --relative" |
||||
} |
||||
} |
||||
} |
||||
@ -0,0 +1 @@
|
||||
html{height:100%;overflow-y:scroll}body{width:100%;height:100%;margin:0;padding:0;background-color:#b6b1d3;color:#3e4359;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:14px;font-weight:normal;line-height:1.428571429}a{color:#0051cc;text-decoration:none}a:hover,a:focus{color:#0065ff;text-decoration:underline}.issue.closed{color:#707893;text-decoration:line-through}.project.closed{color:#707893}.user.locked{color:#707893}button,input,select,textarea{box-sizing:border-box;font-family:inherit;font-size:14px;line-height:1.428571429}select,textarea,input[type=search],input[type=text],input.name,input.editor,#col_width input{height:28px;padding:3px 8px;transition:border-color 50ms ease-in-out,box-shadow 50ms ease-in-out;border:1px solid #d1d3e0;border-radius:2px;background-color:#fff;box-shadow:inset 0 1px 2px rgba(0,0,0,.075);color:#3e4359}select:focus,textarea:focus,input[type=search]:focus,input[type=text]:focus,input.name:focus,input.editor:focus,#col_width input:focus{border-color:rgba(81,45,196,.6);outline:0;box-shadow:inset 0 1px 2px rgba(0,0,0,.075),0 0 0 2px rgba(81,45,196,.2)}select::-moz-placeholder, textarea::-moz-placeholder, input[type=search]::-moz-placeholder, input[type=text]::-moz-placeholder, input.name::-moz-placeholder, input.editor::-moz-placeholder, #col_width input::-moz-placeholder{opacity:1;color:#a3a6b7}select:-ms-input-placeholder, textarea:-ms-input-placeholder, input[type=search]:-ms-input-placeholder, input[type=text]:-ms-input-placeholder, input.name:-ms-input-placeholder, input.editor:-ms-input-placeholder, #col_width input:-ms-input-placeholder{opacity:1;color:#a3a6b7}select::placeholder,textarea::placeholder,input[type=search]::placeholder,input[type=text]::placeholder,input.name::placeholder,input.editor::placeholder,#col_width input::placeholder{opacity:1;color:#a3a6b7}textarea{height:auto;resize:vertical}select:-moz-focusring{color:rgba(0,0,0,0);text-shadow:0 0 0 #000}button.ui-multiselect{box-sizing:border-box;height:28px;padding:3px 8px;overflow:hidden;transition:border-color 50ms ease-in-out,box-shadow 50ms ease-in-out;border:1px solid #d1d3e0;background:#fff;box-shadow:inset 0 1px 2px rgba(0,0,0,.075);color:#3e4359;white-space:nowrap;cursor:default}button.ui-multiselect:hover,button.ui-multiselect:focus{color:#3e4359}button.ui-multiselect:active{transform:translate(0, 0)}button.ui-multiselect.ui-state-active{border-color:#512dc4;box-shadow:inset 0 1px 2px rgba(0,0,0,.075),0 0 5px rgba(81,45,196,.5)}button.ui-multiselect .ui-icon{margin-top:1px}#toolbar{display:block;position:relative;z-index:1000;padding:10px 20px;overflow:hidden;background-color:#f6f6f9;box-shadow:0 1px 2px rgba(0,0,0,.07),0 3px 8px rgba(0,0,0,.04)}#toolbar::after{content:"";display:block;clear:both}#toolbar .breadcrumbs{margin-right:10px;float:left}#toolbar .breadcrumbs select{margin-right:5px;vertical-align:middle}#toolbar .breadcrumbs .home{font-weight:600}#toolbar .breadcrumbs .separator{position:relative;top:-1px;padding:0 .2em;font-weight:600}#toolbar .userselect{position:relative;float:left}#toolbar .userselect ul{padding-left:0}#toolbar .userselect br{display:none}#toolbar .links{float:right}#toolbar .links input{vertical-align:initial}#toolbar .links a{padding-left:5px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#toolbar input[type=search],#toolbar input[type=text],#toolbar select,#toolbar .ui-widget{font-family:inherit;font-size:inherit}@media screen and (max-width: 1199px){#toolbar{font-size:.86em}#toolbar input[type=search],#toolbar input[type=text],#toolbar select,#toolbar .ui-widget{height:28px;padding:3px 5px}#toolbar #project_quick_jump_box{width:128px}}.loading #refresh{background-image:url("images/bouncer.gif");background-repeat:no-repeat;background-position:-6px 1px}.clearfix::after{content:"";display:block;clear:both}#content{margin:0;padding:0;overflow:visible}#helpers,.meta,.editors{display:none}.ui-dialog .editor{display:block}ul.ui-sortable{min-height:20px}.ui-tooltip .ui-tooltip-content hr{margin-top:10px;margin-bottom:10px;border:0;border-top:1px solid #a3a6b7}.ui-tooltip .ui-tooltip-content .wiki-anchor{display:none}.ui-tooltip .issue-description{max-height:10em;margin-top:12px;overflow:hidden;text-overflow:ellipsis}.ui-tooltip .issue-field{margin:2px 0 0;padding-left:160px;overflow:hidden}.ui-tooltip .issue-field:first-child{margin-top:0}.ui-tooltip .issue-field>label{margin-left:-160px;padding-right:5px;float:left;font-weight:600}.tooltip_text{display:none}.rb-sortable-disabled,.ui-sortable-disabled{opacity:.5;background-color:#dadce6}.w-rb-header-collapsed{height:27px;overflow:hidden}body .ui-widget,body .ui-widget input,body .ui-widget select,body .ui-widget textarea,body .ui-widget button{font-family:inherit;font-size:inherit} |
||||
File diff suppressed because one or more lines are too long
@ -0,0 +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:.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 5px 8px -2px rgba(0,0,0,.25),0 1px 2px rgba(0,0,0,.3);display:none;position:absolute;z-index:10000;padding:3px;text-align:left}.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 label{display:block;padding:3px 1px;padding-left:26px;border:1px solid rgba(0,0,0,0);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 #dadce6;font-weight:600;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} |
||||
@ -0,0 +1 @@
|
||||
.qtip{position:absolute;top:-31000px;left:-31000px;width:auto;max-width:500px;outline:none}.ui-tooltip-content{box-shadow:0 5px 8px -2px rgba(0,0,0,.25),0 1px 2px rgba(0,0,0,.3);position:relative;padding:10px;overflow:hidden;border:1px solid #d1d3e0;background-color:#fff;color:#3e4359;font-size:.92em;text-align:left;word-wrap:break-word}.ui-tooltip-tip{position:absolute;z-index:10;margin:0 auto;overflow:hidden;border:0 none;border-color:#d1d3e0;background:rgba(0,0,0,0);background-color:#fff} |
||||
File diff suppressed because one or more lines are too long
@ -0,0 +1 @@
|
||||
table th,table td{padding:5px 8px}.ui-widget{margin-bottom:20px}.score{display:inline-block;width:1.5em;font-size:large;text-align:center}.score_0{background-color:red}.score_1{background-color:#ff5300}.score_2{background-color:#ff8100}.score_3{background-color:#ffa100}.score_4{background-color:#fb0}.score_5{background-color:#ffd300}.score_6{background-color:#ffec00}.score_7{background-color:#e9fb00}.score_8{background-color:#b1f100}.score_9{background-color:#74e600}.score_10{background-color:#0c0} |
||||
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 98 KiB |
|
After Width: | Height: | Size: 99 KiB |
|
After Width: | Height: | Size: 94 KiB |
|
After Width: | Height: | Size: 92 KiB |
|
After Width: | Height: | Size: 64 KiB |
Binary file not shown.
@ -0,0 +1,107 @@
|
||||
var PurpleMine = PurpleMine || {} // eslint-disable-line no-use-before-define
|
||||
|
||||
PurpleMine.HistoryTabs = (function () { |
||||
'use strict' |
||||
|
||||
var instance |
||||
var translations = { |
||||
en: { |
||||
all: 'All', |
||||
notes: 'Notes', |
||||
details: 'Changes' |
||||
}, |
||||
ro: { |
||||
all: 'Toate', |
||||
notes: 'Note', |
||||
details: 'Schimbări' |
||||
}, |
||||
fr: { |
||||
all: 'Tout', |
||||
notes: 'Remarques', |
||||
details: 'Changements' |
||||
}, |
||||
pl: { |
||||
all: 'Wszystko', |
||||
notes: 'Notatki', |
||||
details: 'Zmiany' |
||||
}, |
||||
de: { |
||||
all: 'Alles', |
||||
notes: 'Kommentare', |
||||
details: 'Änderungen' |
||||
}, |
||||
ja: { |
||||
all: 'すべて', |
||||
notes: '注記', |
||||
details: '変更' |
||||
} |
||||
} |
||||
|
||||
function HistoryTabs () { |
||||
if (instance) { |
||||
return instance |
||||
} |
||||
|
||||
instance = 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 && $('#history > h3').length > 0) { |
||||
buildTabs() |
||||
markFirstOfTypes() |
||||
} |
||||
} |
||||
|
||||
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 |
||||
}()) |
||||
@ -0,0 +1,129 @@
|
||||
var PurpleMine = PurpleMine || {} // eslint-disable-line no-use-before-define
|
||||
|
||||
PurpleMine.MenuCollapse = (function () { |
||||
'use strict' |
||||
|
||||
var instance |
||||
var translations = { |
||||
en: { |
||||
topMenuToggler: 'Expand/collapse top menu' |
||||
}, |
||||
ro: { |
||||
topMenuToggler: 'Deschide/închide meniul de sus' |
||||
}, |
||||
fr: { |
||||
topMenuToggler: 'Développer/réduire le menu principal' |
||||
}, |
||||
pl: { |
||||
topMenuToggler: 'Zwiń/rozwiń górne menu' |
||||
}, |
||||
de: { |
||||
topMenuToggler: 'Ein-/Ausklappen Hauptmenu' |
||||
}, |
||||
ja: { |
||||
topMenuToggler: 'トップメニューの展開/折りたたみ' |
||||
} |
||||
} |
||||
|
||||
function MenuCollapse () { |
||||
if (instance) { |
||||
return instance |
||||
} |
||||
|
||||
instance = this |
||||
|
||||
this.lang = document.documentElement.lang |
||||
|
||||
if (typeof translations[this.lang] === 'undefined') { |
||||
this.lang = 'en' |
||||
} |
||||
|
||||
this._ = translations[this.lang] |
||||
|
||||
this.menus = { |
||||
top: { |
||||
$el: $('#top-menu') |
||||
} |
||||
} |
||||
|
||||
for (var menu in this.menus) { |
||||
// eslint-disable-next-line no-prototype-builtins
|
||||
if (this.menus.hasOwnProperty(menu) && this.menus[menu].$el.length > 0) { |
||||
handleMenu(menu) |
||||
} |
||||
} |
||||
} |
||||
|
||||
function handleMenu (menu) { |
||||
if (instance.menus[menu].$el.css('maxHeight') === 'none') { |
||||
return false |
||||
} |
||||
|
||||
instance.menus[menu].collapsed = true |
||||
|
||||
if (window.localStorage) { |
||||
instance.menus[menu].collapsed = |
||||
localStorage.getItem(getMenuStorageKey(menu)) === null |
||||
} |
||||
|
||||
buildToggleButton(menu) |
||||
|
||||
if (instance.isCollapsed(menu) === false) { |
||||
instance.expandMenu(menu) |
||||
} |
||||
} |
||||
|
||||
function getMenuStorageKey (menu) { |
||||
return 'PurpleMine:' + menu + 'MenuExpanded' |
||||
} |
||||
|
||||
function buildToggleButton (menu) { |
||||
var togglerClass = menu + '-menu-toggler' |
||||
var togglerLabel = instance._[menu + 'MenuToggler'] |
||||
var togglerHtml = '<a href="javascript:;" class="' + |
||||
togglerClass + |
||||
'" title="' + |
||||
togglerLabel + |
||||
'"></a>' |
||||
instance.menus[menu].$toggler = $(togglerHtml) |
||||
|
||||
instance.menus[menu].$el.prepend(instance.menus[menu].$toggler) |
||||
instance.menus[menu].$toggler.on('click', { menu: menu }, instance.toggleMenu) |
||||
} |
||||
|
||||
MenuCollapse.prototype.toggleMenu = function (event) { |
||||
var menu = event.data.menu || '' |
||||
|
||||
if (instance.isCollapsed(menu)) { |
||||
instance.expandMenu(menu) |
||||
} else { |
||||
instance.collapseMenu(menu) |
||||
} |
||||
} |
||||
|
||||
MenuCollapse.prototype.isCollapsed = function (menu) { |
||||
return this.menus[menu].collapsed |
||||
} |
||||
|
||||
MenuCollapse.prototype.expandMenu = function (menu) { |
||||
this.menus[menu].$el.addClass('expanded') |
||||
this.menus[menu].$toggler.addClass('expanded') |
||||
this.menus[menu].collapsed = false |
||||
|
||||
if (window.localStorage) { |
||||
localStorage.setItem(getMenuStorageKey(menu), 'x') |
||||
} |
||||
} |
||||
|
||||
MenuCollapse.prototype.collapseMenu = function (menu) { |
||||
this.menus[menu].$el.removeClass('expanded') |
||||
this.menus[menu].$toggler.removeClass('expanded') |
||||
this.menus[menu].collapsed = true |
||||
|
||||
if (window.localStorage) { |
||||
localStorage.removeItem(getMenuStorageKey(menu)) |
||||
} |
||||
} |
||||
|
||||
return MenuCollapse |
||||
}()) |
||||
@ -0,0 +1,143 @@
|
||||
var PurpleMine = PurpleMine || {} // eslint-disable-line no-use-before-define
|
||||
/* global Raphael: false, revisionGraph: true */ |
||||
|
||||
PurpleMine.RevisionGraph = function (holder, commitsHash, graphSpace) { |
||||
'use strict' |
||||
|
||||
var XSTEP = 20 |
||||
var CIRCLE_INROW_OFFSET = 17 |
||||
var commitsByScmid = commitsHash |
||||
var commits = $.map(commitsByScmid, function (val) { return val }) |
||||
var maxRdmid = commits.length - 1 |
||||
var commitTableRows = $('table.changesets tr.changeset') |
||||
|
||||
// create graph
|
||||
if (revisionGraph !== null) { |
||||
revisionGraph.clear() |
||||
} else { |
||||
revisionGraph = new Raphael(holder) |
||||
} |
||||
|
||||
var top = revisionGraph.set() |
||||
|
||||
// init dimensions
|
||||
var graphXOffset = commitTableRows.first().find('td').first().position().left - $(holder).position().left |
||||
var graphYOffset = $(holder).position().top |
||||
var graphRightSide = graphXOffset + (graphSpace + 1) * XSTEP |
||||
var graphBottom = commitTableRows.last().position().top + commitTableRows.last().height() - graphYOffset |
||||
|
||||
revisionGraph.setSize(graphRightSide, graphBottom) |
||||
|
||||
// init colors
|
||||
var colors = [ |
||||
'#e74c3c', |
||||
'#584492', |
||||
'#019851', |
||||
'#ed820c', |
||||
'#4183c4' |
||||
] |
||||
|
||||
// get more colors if needed
|
||||
if (graphSpace >= colors.length) { |
||||
Raphael.getColor.reset() |
||||
|
||||
for (var k = 0; k <= graphSpace; k++) { |
||||
colors.push(Raphael.getColor(0.9)) |
||||
} |
||||
} |
||||
|
||||
var parentCommit |
||||
var x, y, parentX, parentY |
||||
var path, title |
||||
var revisionDotOverlay |
||||
|
||||
$.each(commits, function (index, commit) { |
||||
// eslint-disable-next-line no-prototype-builtins
|
||||
if (!commit.hasOwnProperty('space')) { |
||||
commit.space = 0 |
||||
} |
||||
|
||||
y = commitTableRows.eq(maxRdmid - commit.rdmid).position().top - graphYOffset + CIRCLE_INROW_OFFSET |
||||
x = graphXOffset + XSTEP / 2 + XSTEP * commit.space |
||||
|
||||
revisionGraph |
||||
.circle(x, y, 3.5) |
||||
.attr({ |
||||
fill: colors[commit.space], |
||||
stroke: 'none' |
||||
}) |
||||
.toFront() |
||||
|
||||
// paths to parents
|
||||
$.each(commit.parent_scmids, function (index, parentScmid) { |
||||
parentCommit = commitsByScmid[parentScmid] |
||||
|
||||
if (parentCommit) { |
||||
// eslint-disable-next-line no-prototype-builtins
|
||||
if (!parentCommit.hasOwnProperty('space')) { |
||||
parentCommit.space = 0 |
||||
} |
||||
|
||||
parentY = commitTableRows.eq(maxRdmid - parentCommit.rdmid).position().top - graphYOffset + CIRCLE_INROW_OFFSET |
||||
parentX = graphXOffset + XSTEP / 2 + XSTEP * parentCommit.space |
||||
|
||||
if (parentCommit.space === commit.space) { |
||||
// vertical path
|
||||
path = revisionGraph.path([ |
||||
'M', x, y, |
||||
'V', parentY]) |
||||
} else { |
||||
// path to a commit in a different branch (Bezier curve)
|
||||
path = revisionGraph.path([ |
||||
'M', x, y, |
||||
'C', x, y, x, y + (parentY - y) / 2, x + (parentX - x) / 2, y + (parentY - y) / 2, |
||||
'C', x + (parentX - x) / 2, y + (parentY - y) / 2, parentX, parentY - (parentY - y) / 2, parentX, parentY |
||||
]) |
||||
} |
||||
} else { |
||||
// vertical path ending at the bottom of the revisionGraph
|
||||
path = revisionGraph.path([ |
||||
'M', x, y, |
||||
'V', graphBottom |
||||
]) |
||||
} |
||||
|
||||
path |
||||
.attr({ |
||||
stroke: colors[commit.space], |
||||
'stroke-width': 1.5 |
||||
}) |
||||
.toBack() |
||||
}) |
||||
|
||||
revisionDotOverlay = revisionGraph.circle(x, y, 10) |
||||
revisionDotOverlay |
||||
.attr({ |
||||
fill: '#000', |
||||
opacity: 0, |
||||
cursor: 'pointer', |
||||
href: commit.href |
||||
}) |
||||
|
||||
if (commit.refs !== null && commit.refs.length > 0) { |
||||
title = document.createElementNS(revisionGraph.canvas.namespaceURI, 'title') |
||||
title.appendChild(document.createTextNode(commit.refs)) |
||||
revisionDotOverlay.node.appendChild(title) |
||||
} |
||||
|
||||
top.push(revisionDotOverlay) |
||||
}) |
||||
|
||||
top.toFront() |
||||
} |
||||
|
||||
$(function () { |
||||
'use strict' |
||||
|
||||
if (window.drawRevisionGraph) { |
||||
// override Redmine's function
|
||||
window.drawRevisionGraph = PurpleMine.RevisionGraph |
||||
// make graph redraw itself
|
||||
$(window).resize() |
||||
} |
||||
}) |
||||
@ -0,0 +1,140 @@
|
||||
var PurpleMine = PurpleMine || {} // eslint-disable-line no-use-before-define
|
||||
|
||||
PurpleMine.SidebarToggler = (function () { |
||||
'use strict' |
||||
|
||||
var instance |
||||
var translations = { |
||||
en: { |
||||
toggler: 'Toggle sidebar' |
||||
}, |
||||
ro: { |
||||
toggler: 'Deschide/închide bara laterală' |
||||
}, |
||||
fr: { |
||||
toggler: 'Basculer la barre latérale' |
||||
}, |
||||
pl: { |
||||
toggler: 'Pokaż/ukryj panel boczny' |
||||
}, |
||||
ja: { |
||||
toggler: 'サイドバーの切り替え' |
||||
} |
||||
} |
||||
|
||||
function SidebarToggler () { |
||||
if (instance) { |
||||
return instance |
||||
} |
||||
|
||||
instance = this |
||||
|
||||
this.sidebarVisible = true |
||||
this.sidebarHiding = null |
||||
this.$toggler = null |
||||
this.$header = $('#header') |
||||
this.$main = $('#main') |
||||
this.$sidebar = $('#sidebar') |
||||
this.lang = document.documentElement.lang |
||||
|
||||
if (typeof translations[this.lang] === 'undefined') { |
||||
this.lang = 'en' |
||||
} |
||||
|
||||
this._ = translations[this.lang] |
||||
|
||||
handleSidebar() |
||||
} |
||||
|
||||
function handleSidebar () { |
||||
if (window.localStorage) { |
||||
instance.sidebarVisible = |
||||
localStorage.getItem('PurpleMine:sidebarHidden') === null |
||||
} |
||||
|
||||
if ( |
||||
instance.$sidebar.length > 0 && |
||||
instance.$main.hasClass('nosidebar') === false |
||||
) { |
||||
buildButton() |
||||
bindKeyHandler() |
||||
|
||||
if (instance.sidebarVisible === false) { |
||||
instance.hideSidebar(true) |
||||
} |
||||
} |
||||
} |
||||
|
||||
function bindKeyHandler () { |
||||
var body = document.getElementsByTagName('body')[0] |
||||
|
||||
window.onkeydown = function (event) { |
||||
if ( |
||||
body === event.target && |
||||
event.keyCode === 83 && // "s"
|
||||
event.ctrlKey === false && |
||||
event.altKey === false && |
||||
event.shiftKey === false |
||||
) { |
||||
instance.toggleSidebar() |
||||
} |
||||
} |
||||
} |
||||
|
||||
function buildButton () { |
||||
var togglerClass = 'sidebar-toggler' |
||||
var togglerHtml = '<a href="javascript:;" class="' + |
||||
togglerClass + |
||||
'" title="' + |
||||
instance._.toggler + |
||||
'"></a>' |
||||
instance.$toggler = $(togglerHtml) |
||||
|
||||
instance.$header.append(instance.$toggler) |
||||
instance.$toggler.on('click', instance.toggleSidebar) |
||||
} |
||||
|
||||
SidebarToggler.prototype.toggleSidebar = function () { |
||||
if (instance.sidebarVisible) { |
||||
instance.hideSidebar() |
||||
} else { |
||||
instance.showSidebar() |
||||
} |
||||
} |
||||
|
||||
SidebarToggler.prototype.hideSidebar = function (immediate) { |
||||
if (immediate === true) { |
||||
this.$sidebar.addClass('sidebar-hiding sidebar-hidden') |
||||
} else { |
||||
this.$sidebar.addClass('sidebar-hiding') |
||||
this.sidebarHiding = setTimeout(function sidebarTimeout () { |
||||
instance.$sidebar.addClass('sidebar-hidden') |
||||
}, 500) |
||||
} |
||||
|
||||
this.$toggler.addClass('sidebar-hidden') |
||||
this.sidebarVisible = false |
||||
|
||||
if (window.localStorage) { |
||||
localStorage.setItem('PurpleMine:sidebarHidden', 'x') |
||||
} |
||||
} |
||||
|
||||
SidebarToggler.prototype.showSidebar = function () { |
||||
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 |
||||
}()) |
||||
@ -0,0 +1,9 @@
|
||||
$(function () { |
||||
/* global PurpleMine */ |
||||
'use strict' |
||||
|
||||
/* eslint-disable no-new */ |
||||
new PurpleMine.SidebarToggler() |
||||
new PurpleMine.HistoryTabs() |
||||
new PurpleMine.MenuCollapse() |
||||
}) |
||||
@ -0,0 +1,4 @@
|
||||
// Functions |
||||
// -------------------------------------------------- |
||||
|
||||
@import "functions/parse-length"; |
||||
@ -0,0 +1,13 @@
|
||||
// Mixins |
||||
// -------------------------------------------------- |
||||
|
||||
@import "mixins/buttons"; |
||||
@import "mixins/center-block"; |
||||
@import "mixins/clearfix"; |
||||
@import "mixins/forms"; |
||||
@import "mixins/image"; |
||||
@import "mixins/text-overflow"; |
||||
|
||||
@import "mixins/issues"; |
||||
@import "mixins/link-variant"; |
||||
@import "mixins/shadows"; |
||||
@ -0,0 +1,854 @@
|
||||
@use "sass:math"; |
||||
|
||||
// |
||||
// Variables |
||||
// -------------------------------------------------- |
||||
|
||||
// stylelint-disable indentation |
||||
|
||||
//== Some key attributes |
||||
// |
||||
|
||||
$fixed-layout: false !default; |
||||
$css-grid-layout: false !default; |
||||
$flexbox-layout: true !default; |
||||
$sidebar-position: left !default; |
||||
$clean-issues: true !default; |
||||
$color-trackers: true !default; |
||||
$color-status: true !default; |
||||
$color-priorities: false !default; |
||||
$priority-icon: true !default; |
||||
$use-gravatars: true !default; |
||||
$use-logo: false !default; |
||||
$use-retina-logo: false !default; |
||||
$use-project-tiles: true !default; |
||||
$issue-subject-large: true !default; |
||||
$enable-sidebar-toggler: true !default; |
||||
$wiki-page-more-vertical-space: true !default; |
||||
$top-menu-collapse: false !default; |
||||
$agile-board-customize: true !default; |
||||
|
||||
|
||||
//== Colors |
||||
// |
||||
|
||||
$blue: #0065ff !default; |
||||
$indigo: #4e65e5 !default; |
||||
$purple: #614ba6 !default; |
||||
$pink: #eb5286 !default; |
||||
$red: #e5123d !default; |
||||
$orange: #fc8c12 !default; |
||||
$yellow: #ffc107 !default; |
||||
$green: #029934 !default; |
||||
$teal: #00b3ad !default; |
||||
|
||||
$white: #fff !default; |
||||
$black: #000 !default; |
||||
$gray: hsl(hue($indigo), 20%, 85%) !default; |
||||
|
||||
$shade-map: ( |
||||
50: 87.5%, |
||||
100: 80%, |
||||
200: 65%, |
||||
300: 40%, |
||||
400: 20%, |
||||
500: 0%, |
||||
600: 20%, |
||||
700: 40%, |
||||
800: 65%, |
||||
900: 80%, |
||||
950: 87.5% |
||||
) !default; |
||||
|
||||
@function shade($color, $shade: 500) { |
||||
$mixer: if($shade < 500, $white, $black); |
||||
$saturation: if($shade < 500, 0, math.div($shade - 500, 20)); |
||||
@return saturate(mix($mixer, $color, map-get($shade-map, $shade)), $saturation); |
||||
} |
||||
|
||||
$gray-50: shade($gray, 50) !default; |
||||
$gray-100: shade($gray, 100) !default; |
||||
$gray-200: shade($gray, 200) !default; |
||||
$gray-300: shade($gray, 300) !default; |
||||
$gray-400: shade($gray, 400) !default; |
||||
$gray-500: $gray !default; |
||||
$gray-600: shade($gray, 600) !default; |
||||
$gray-700: shade($gray, 700) !default; |
||||
$gray-800: shade($gray, 800) !default; |
||||
$gray-900: shade($gray, 900) !default; |
||||
$gray-950: shade($gray, 950) !default; |
||||
|
||||
$brand-primary: $purple !default; |
||||
$brand-text: $white !default; |
||||
$brand-accent: shade($brand-primary, 100) !default; |
||||
|
||||
$brand-success: $green !default; |
||||
$brand-info: $blue !default; |
||||
$brand-warning: $orange !default; |
||||
$brand-danger: $red !default; |
||||
|
||||
$state-success: shade($green, 100) !default; |
||||
$state-info: shade($blue, 100) !default; |
||||
$state-warning: shade($orange, 100) !default; |
||||
$state-danger: shade($red, 100) !default; |
||||
|
||||
|
||||
//== Scaffolding |
||||
// |
||||
|
||||
$body-bg: $white !default; |
||||
$text-color: $gray-800 !default; |
||||
|
||||
$link-color: shade($blue, 600) !default; |
||||
$link-hover-color: $blue !default; |
||||
$link-hover-decoration: underline !default; |
||||
$link-closed-decoration: line-through !default; |
||||
$link-color-issue-closed: $gray-700 !default; |
||||
$link-color-project-closed: $gray-700 !default; |
||||
$link-color-user-locked: $gray-700 !default; |
||||
|
||||
|
||||
//== Typography |
||||
// |
||||
|
||||
$font-family-sans-serif: system-ui, |
||||
/* macOS 10.11-10.12 */ -apple-system, |
||||
/* Windows 6+ */ Segoe UI, |
||||
/* Android 4+ */ Roboto, |
||||
/* Ubuntu 10.10+ */ Ubuntu, |
||||
/* Gnome 3+ */ Cantarell, |
||||
/* KDE Plasma 5+ */ Noto Sans, |
||||
/* fallback */ sans-serif, |
||||
/* macOS emoji */ "Apple Color Emoji", |
||||
/* Windows emoji */ "Segoe UI Emoji", |
||||
/* Windows emoji */ "Segoe UI Symbol", |
||||
/* Linux emoji */ "Noto Color Emoji" !default; |
||||
|
||||
$font-family-monospace: /* macOS 10.10+ */ Menlo, |
||||
/* Windows 6+ */ Consolas, |
||||
/* Android 4+ */ Roboto Mono, |
||||
/* Ubuntu 10.10+ */ Ubuntu Monospace, |
||||
/* KDE Plasma 5+ */ Noto Mono, |
||||
/* KDE Plasma 4+ */ Oxygen Mono, |
||||
/* Linux/OpenOffice fallback */ Liberation Mono, |
||||
/* fallback */ monospace !default; |
||||
|
||||
$font-family-base: $font-family-sans-serif !default; |
||||
$font-weight-normal: normal !default; |
||||
$font-weight-semi-bold: 500 !default; |
||||
$font-weight-bold: 600 !default; |
||||
|
||||
$font-size-base: 14px !default; |
||||
$font-size-large: 1.285em !default; |
||||
$font-size-large-px: 18px !default; |
||||
$font-size-small-unitless: .86 !default; |
||||
$font-size-small: $font-size-small-unitless * 1em !default; |
||||
$font-size-small-px: floor($font-size-small-unitless * $font-size-base) !default; |
||||
|
||||
$font-size-h1: 2.25em !default; |
||||
$font-size-h2: 1.75em !default; |
||||
$font-size-h3: 1.5em !default; |
||||
$font-size-h4: 1.286em !default; |
||||
$font-size-h5: 1em !default; |
||||
$font-size-h6: 1em !default; |
||||
|
||||
$line-height-base: 1.428571429 !default; // 20/14 |
||||
$line-height-large: 1.33 !default; |
||||
$line-height-computed: floor(($font-size-base * $line-height-base)) !default; // ~20px |
||||
|
||||
$headings-font-weight: 600 !default; |
||||
$headings-line-height: 1.4 !default; |
||||
$headings-anchor-color: $gray-400 !default; |
||||
$headings-anchor-color-active: $gray-600 !default; |
||||
|
||||
|
||||
//== Wiki |
||||
// |
||||
|
||||
$wiki-text: $gray-950 !default; |
||||
$wiki-font-size: 16px !default; |
||||
$wiki-line-height: 1.6 !default; |
||||
$wiki-preview-bg: $body-bg !default; |
||||
|
||||
$toc-bg: $gray-50 !default; |
||||
$toc-border: $gray-300 !default; |
||||
$toc-text: $text-color !default; |
||||
$toc-link: $link-color !default; |
||||
$toc-link-hover: $link-hover-color !default; |
||||
$toc-shadow: 0 1px 3px rgba($black, .07) !default; |
||||
$toc-active-link: darken($link-color, 10%) !default; |
||||
$toc-active-link-hover: shade($toc-active-link, 700) !default; |
||||
$toc-active-border: $link-color !default; |
||||
|
||||
|
||||
//== Components |
||||
// |
||||
|
||||
$padding-base-vertical: 6px !default; |
||||
$padding-base-horizontal: 12px !default; |
||||
$padding-large-vertical: 10px !default; |
||||
$padding-large-horizontal: 16px !default; |
||||
$padding-small-vertical: 5px !default; |
||||
$padding-small-horizontal: 10px !default; |
||||
|
||||
$padding-side: 20px !default; |
||||
$padding-wiki: 20px !default; |
||||
|
||||
$border-radius-base: 3px !default; |
||||
$border-radius-large: 4px !default; |
||||
$border-radius-small: 2px !default; |
||||
|
||||
$hr-border: $gray-600 !default; |
||||
$abbr-border-color: $gray-600 !default; |
||||
$blockquote-border-color: rgba($black, .15) !default; |
||||
|
||||
$component-color: $text-color !default; |
||||
$component-bg: $gray-50 !default; |
||||
$component-border: $gray-300 !default; |
||||
|
||||
$component-active-color: $brand-text !default; |
||||
$component-active-bg: $brand-primary !default; |
||||
$component-active-border: $brand-primary !default; |
||||
|
||||
$font-size-list: .92em !default; |
||||
|
||||
$transition-time: 50ms !default; |
||||
$transition-time-long: 150ms !default; |
||||
|
||||
$collapsible-animation-time: 300ms !default; |
||||
$collapsible-max-height: 10000px !default; |
||||
|
||||
|
||||
//== Tables |
||||
// |
||||
|
||||
$table-cell-padding: 8px !default; |
||||
$table-condensed-cell-padding: 5px !default; |
||||
|
||||
$table-list-header-bg: $body-bg !default; |
||||
$table-list-header-border: 0 0 2px !default; |
||||
$table-list-item-border: 0 !default; |
||||
$table-list-color-odd-rows: true !default; |
||||
$table-list-color-even-rows: false !default; |
||||
$table-list-highlight-rows: true !default; |
||||
|
||||
$table-bg: transparent !default; |
||||
$table-accent-factor: .15 !default; |
||||
$table-hover-factor: .4 !default; |
||||
$table-bg-accent: rgba($gray-500, $table-accent-factor) !default; |
||||
$table-bg-hover: rgba($gray-500, $table-hover-factor) !default; |
||||
$table-bg-active: $table-bg-hover !default; |
||||
|
||||
$table-border-color: $gray-300 !default; |
||||
|
||||
$table-color-odd-factor: if($table-list-color-odd-rows, $table-accent-factor * .8, $table-accent-factor * .5) !default; |
||||
$table-color-even-factor: if($table-list-color-even-rows, $table-accent-factor * .8, $table-accent-factor * .5) !default; |
||||
$table-color-hover-factor: $table-hover-factor * .5 !default; |
||||
$table-color-border-shade: 100 !default; |
||||
|
||||
|
||||
//== Issue statuses |
||||
// |
||||
|
||||
$status-default-bg: $brand-primary !default; |
||||
$status-default-color: $brand-text !default; |
||||
$status-default-colors-map: ( |
||||
status-1: ( |
||||
background: shade($blue, 500), |
||||
color: $white |
||||
), |
||||
closed: ( |
||||
background: shade($red, 500), |
||||
color: $white |
||||
) |
||||
) !default; |
||||
$status-custom-colors-map: () !default; |
||||
$status-colors-map: map-merge($status-default-colors-map, $status-custom-colors-map); |
||||
|
||||
|
||||
//== Trackers priorities |
||||
// |
||||
|
||||
$priority-icon-size: 14px !default; |
||||
$priority-icon-space: 5px !default; |
||||
$priority-default-icons-map: ( |
||||
lowest: ( |
||||
icon: "priority-minor.svg", |
||||
color: $green |
||||
), |
||||
low2: ( |
||||
icon: "priority-lowest.svg", |
||||
color: mix($teal, $green) |
||||
), |
||||
low3: ( |
||||
icon: "priority-low.svg", |
||||
color: $teal |
||||
), |
||||
default: ( |
||||
icon: "priority-medium.svg", |
||||
color: $blue |
||||
), |
||||
high5: ( |
||||
icon: "priority-high.svg", |
||||
color: $purple |
||||
), |
||||
high4: ( |
||||
icon: "priority-high.svg", |
||||
color: $orange |
||||
), |
||||
high3: ( |
||||
icon: "priority-highest.svg", |
||||
color: mix($red, $orange) |
||||
), |
||||
high2: ( |
||||
icon: "priority-major.svg", |
||||
color: $red |
||||
), |
||||
highest: ( |
||||
icon: "priority-critical.svg", |
||||
color: shade($red, 600) |
||||
) |
||||
) !default; |
||||
$priority-custom-icons-map: () !default; |
||||
$priority-icons-map: map-merge($priority-default-icons-map, $priority-custom-icons-map); |
||||
|
||||
$priority-default-color-map: ( |
||||
lowest: ( |
||||
border: shade($green, $table-color-border-shade), |
||||
background: $green, |
||||
color: $text-color, |
||||
link: shade($green, 700), |
||||
), |
||||
low2: ( |
||||
border: shade(mix($teal, $green), $table-color-border-shade), |
||||
background: mix($teal, $green), |
||||
color: $text-color, |
||||
link: shade(mix($teal, $green), 700), |
||||
), |
||||
low3: ( |
||||
border: shade($teal, $table-color-border-shade), |
||||
background: $teal, |
||||
color: $text-color, |
||||
link: shade($teal, 700), |
||||
), |
||||
default: ( |
||||
border: shade($blue, $table-color-border-shade), |
||||
background: $blue, |
||||
color: $text-color, |
||||
link: shade($blue, 700), |
||||
), |
||||
high5: ( |
||||
border: shade($purple, $table-color-border-shade), |
||||
background: $purple, |
||||
color: $text-color, |
||||
link: shade($purple, 700), |
||||
), |
||||
high4: ( |
||||
border: shade($orange, $table-color-border-shade), |
||||
background: $orange, |
||||
color: $text-color, |
||||
link: shade($orange, 700), |
||||
), |
||||
high3: ( |
||||
border: shade(mix($red, $orange), $table-color-border-shade), |
||||
background: mix($red, $orange), |
||||
color: $text-color, |
||||
link: shade(mix($red, $orange), 700), |
||||
), |
||||
high2: ( |
||||
border: shade($red, $table-color-border-shade), |
||||
background: $red, |
||||
color: $text-color, |
||||
link: shade($red, 700), |
||||
), |
||||
highest: ( |
||||
border: shade($red, $table-color-border-shade), |
||||
background: $red, |
||||
color: $text-color, |
||||
link: shade($red, 700), |
||||
) |
||||
) !default; |
||||
$priority-custom-color-map: () !default; |
||||
$priority-color-map: map-merge($priority-default-color-map, $priority-custom-color-map); |
||||
|
||||
|
||||
//== Trackers links |
||||
// |
||||
|
||||
$tracker-inline-padding: 1px 5px !default; |
||||
$tracker-list-padding: 0 6px !default; |
||||
|
||||
$tracker-default-bg: $gray-700 !default; |
||||
$tracker-default-text: $white !default; |
||||
|
||||
$tracker-default-colors-map: ( |
||||
1: ( |
||||
background: $red, |
||||
color: $white |
||||
), |
||||
2: ( |
||||
background: $blue, |
||||
color: $white |
||||
), |
||||
3: ( |
||||
background: $green, |
||||
color: $white |
||||
), |
||||
4: ( |
||||
background: $purple, |
||||
color: $white |
||||
), |
||||
5: ( |
||||
background: $orange, |
||||
color: $white |
||||
), |
||||
6: ( |
||||
background: $teal, |
||||
color: $white |
||||
), |
||||
7: ( |
||||
background: $indigo, |
||||
color: $white |
||||
) |
||||
) !default; |
||||
$tracker-custom-colors-map: () !default; |
||||
$tracker-colors-map: map-merge($tracker-default-colors-map, $tracker-custom-colors-map); |
||||
|
||||
|
||||
//== Diffs |
||||
// |
||||
|
||||
$diff-out-bg: saturate(shade($red, 100), 50%) !default; |
||||
$diff-out-bg-light: rgba($diff-out-bg, .4) !default; |
||||
|
||||
$diff-in-bg: saturate(shade($green, 100), 50%) !default; |
||||
$diff-in-bg-light: rgba($diff-in-bg, .4) !default; |
||||
|
||||
|
||||
//== Journal changes |
||||
// |
||||
|
||||
$journal-old-value-color: saturate(shade($orange, 800), 25%) !default; |
||||
$journal-old-value-bg: saturate(shade($orange, 50), 50%) !default; |
||||
$journal-new-value-color: saturate(shade($green, 800), 25%) !default; |
||||
$journal-new-value-bg: saturate(shade($green, 50), 50%) !default; |
||||
|
||||
|
||||
//== Changesets |
||||
// |
||||
|
||||
$changeset-added-color: $green !default; |
||||
$changeset-modified-color: $orange !default; |
||||
$changeset-copied-color: $purple !default; |
||||
$changeset-renamed-color: $blue !default; |
||||
$changeset-deleted-color: $red !default; |
||||
|
||||
|
||||
//== Buttons |
||||
// |
||||
|
||||
$btn-font-weight: normal !default; |
||||
$btn-padding-vertical: 3px !default; |
||||
$btn-padding-horizontal: 12px !default; |
||||
$btn-padding-horizontal-small: 8px !default; |
||||
|
||||
$btn-link-color: $link-color !default; |
||||
$btn-link-bg: $body-bg !default; |
||||
$btn-link-border: $body-bg !default; |
||||
|
||||
$btn-default-color: $gray-900 !default; |
||||
$btn-default-bg: $gray-100 !default; |
||||
$btn-default-border: $gray-500 !default; |
||||
$btn-default-icon-color: $gray-700 !default; |
||||
|
||||
$btn-primary-color: $white !default; |
||||
$btn-primary-bg: $blue !default; |
||||
$btn-primary-border: $btn-primary-bg !default; |
||||
|
||||
$btn-success-color: $white !default; |
||||
$btn-success-bg: $green !default; |
||||
$btn-success-border: $btn-success-bg !default; |
||||
|
||||
|
||||
//== Action icons |
||||
// |
||||
|
||||
$icon-width: 20px !default; |
||||
$icon-opacity: .7 !default; |
||||
$icon-hover-opacity: 1 !default; |
||||
$icon-color-map: ( |
||||
default: ( |
||||
normal: shade($brand-info, 600), |
||||
hover: shade($brand-info, 500) |
||||
), |
||||
success: ( |
||||
normal: shade($brand-success, 600), |
||||
hover: shade($brand-success, 500) |
||||
), |
||||
danger: ( |
||||
normal: shade($brand-danger, 600), |
||||
hover: shade($brand-danger, 500) |
||||
) |
||||
) !default; |
||||
|
||||
|
||||
//== Highlights |
||||
// |
||||
|
||||
$highlight-bg: shade($yellow, 200) !default; |
||||
$highlight-border: shade($yellow, 600) !default; |
||||
$highlight-text: shade($yellow, 800) !default; |
||||
$highlight-link: mix($yellow, $link-color) !default; |
||||
|
||||
|
||||
//== Forms |
||||
// |
||||
|
||||
$input-bg: $white !default; |
||||
$input-bg-disabled: $gray-300 !default; |
||||
|
||||
$input-color: $text-color !default; |
||||
$input-border: $gray-500 !default; |
||||
|
||||
$input-border-radius: $border-radius-small !default; |
||||
$input-border-radius-large: $border-radius-large !default; |
||||
|
||||
$input-border-focus: saturate($brand-primary, 25%) !default; |
||||
$input-border-focus-alpha: .6 !default; |
||||
$input-shadow-focus-alpha: .2 !default; |
||||
$input-color-placeholder: $gray-600 !default; |
||||
|
||||
$input-padding-vertical: $btn-padding-vertical !default; |
||||
$input-padding-horizontal: 8px !default; |
||||
|
||||
$input-height-base: ($line-height-computed + ($input-padding-vertical * 2) + 2) !default; |
||||
|
||||
$label-width: 160px !default; |
||||
$label-wide-width: 280px !default; |
||||
$label-space: 10px !default; |
||||
|
||||
$legend-color: $gray-800 !default; |
||||
$legend-border-color: $gray-200 !default; |
||||
|
||||
$check-input-gutter: 18px !default; |
||||
$check-input-margin-vertical: 3px !default; |
||||
$check-input-margin-btn-v: 7px !default; |
||||
$check-input-margin-horizontal: 8px !default; |
||||
|
||||
$check-list-max-height: 20 * $line-height-computed; |
||||
$check-list-offset-top: $input-padding-vertical + 1px; |
||||
|
||||
//== Top |
||||
// |
||||
|
||||
$top-menu-bg: shade($brand-primary, 700) !default; |
||||
$top-menu-text: shade($brand-primary, 100) !default; |
||||
$top-menu-link: shade($brand-primary, 100) !default; |
||||
$top-menu-link-hover: shade($brand-primary, 50) !default; |
||||
|
||||
$header-bg: $brand-primary !default; |
||||
$header-text: $brand-text !default; |
||||
$header-link: $brand-text !default; |
||||
$header-root: $brand-accent !default; |
||||
$header-padding-vertical: 10px !default; |
||||
$header-padding-horizontal: $padding-side !default; |
||||
$header-title-size: $font-size-h3 !default; |
||||
$header-title-line-height: $line-height-computed * 1.5 !default; |
||||
|
||||
$responsive-header-height: 54px !default; |
||||
|
||||
$flyout-menu-bg: shade($header-bg, 700) !default; |
||||
$flyout-menu-text: $white !default; |
||||
$flyout-menu-link: $white !default; |
||||
$flyout-menu-link-active-bg: shade($header-bg, 50) !default; |
||||
$flyout-menu-link-active: $text-color !default; |
||||
$flyout-menu-header-bg: shade($header-bg, 800) !default; |
||||
$flyout-menu-header-border: shade($header-bg, 800) !default; |
||||
$flyout-menu-header-text: $white !default; |
||||
|
||||
$quick-search-width: 200px !default; |
||||
$quick-search-border: shade($header-bg, 800) !default; |
||||
$quick-search-border-focus: shade($header-bg, 400) !default; |
||||
$quick-search-box-width: 300px !default; |
||||
$quick-search-dropdown-bg: $body-bg !default; |
||||
$quick-search-dropdown-border: $gray-400 !default; |
||||
|
||||
$logo-image-width: 60px !default; |
||||
$logo-image-height: 40px !default; |
||||
$logo-position-horizontal: $header-padding-vertical !default; |
||||
$logo-position-vertical: center !default; |
||||
$logo-space: floor($header-padding-vertical * .5) !default; |
||||
|
||||
$main-menu-bg: $gray-100 !default; |
||||
$main-menu-bg-hover: $gray-100 !default; |
||||
$main-menu-bg-active: transparent !default; |
||||
$main-menu-link: $gray-900 !default; |
||||
$main-menu-link-active: $black !default; |
||||
$main-menu-border: $gray-400 !default; |
||||
$main-menu-shadow-hover: $gray-600 !default; |
||||
$main-menu-shadow-width: 3px !default; |
||||
$main-menu-shadow-active: $brand-primary !default; |
||||
$main-menu-padding-vertical: $padding-large-vertical !default; |
||||
$main-menu-padding-horizontal: 5px !default; |
||||
$main-menu-dropdown-bg: $gray-50; |
||||
|
||||
|
||||
//== Pagination |
||||
// |
||||
|
||||
$pagination-padding-vertical: $btn-padding-vertical !default; |
||||
$pagination-padding-horizontal: 10px !default; |
||||
|
||||
$pagination-color: $gray-900 !default; |
||||
$pagination-bg: $gray-200 !default; |
||||
$pagination-border: $gray-200 !default; |
||||
|
||||
$pagination-hover-color: $gray-900 !default; |
||||
$pagination-hover-bg: $gray-300 !default; |
||||
$pagination-hover-border: $gray-300 !default; |
||||
|
||||
$pagination-active-color: $brand-text !default; |
||||
$pagination-active-bg: $brand-primary !default; |
||||
$pagination-active-border: $brand-primary !default; |
||||
|
||||
$pagination-inactive-color: $gray-500 !default; |
||||
$pagination-inactive-bg: $gray-50 !default; |
||||
$pagination-inactive-border: $gray-100 !default; |
||||
|
||||
|
||||
//== Tabs |
||||
// |
||||
|
||||
$tab-padding-vertical: 5px !default; |
||||
$tab-padding-horizontal: 8px !default; |
||||
$tab-border: $gray-500 !default; |
||||
$tab-hover-bg: $gray-100 !default; |
||||
$tab-hover-text: $gray-950 !default; |
||||
$tab-hover-border: $tab-hover-bg !default; |
||||
$tab-active-bg: $body-bg !default; |
||||
$tab-active-text: $text-color !default; |
||||
$tab-active-border: $tab-border !default; |
||||
|
||||
|
||||
//== Content and sidebar |
||||
// |
||||
|
||||
$sidebar-width: 270px !default; |
||||
$sidebar-padding-vertical: $padding-base-vertical !default; |
||||
$sidebar-padding-horizontal: $padding-side !default; |
||||
$sidebar-width-computed: $sidebar-width - ($sidebar-padding-horizontal * 2) - 1px !default; |
||||
$sidebar-link-hover-bg: $gray-200 !default; |
||||
$sidebar-link-hover-text: $gray-900 !default; |
||||
$sidebar-link-active-bg: $body-bg !default; |
||||
$sidebar-link-active-border: $gray-400 !default; |
||||
$sidebar-link-active-side: $red !default; |
||||
$sidebar-link-active-text: $gray-950 !default; |
||||
|
||||
|
||||
//== Flash messages (alerts) |
||||
// |
||||
|
||||
$flash-success-bg: shade($green, 400) !default; |
||||
$flash-success-border: shade($green, 500) !default; |
||||
$flash-success-text: $white !default; |
||||
$flash-success-link: $white !default; |
||||
|
||||
$flash-info-bg: shade($blue, 100) !default; |
||||
$flash-info-border: shade($blue, 200) !default; |
||||
$flash-info-text: shade($blue, 800) !default; |
||||
$flash-info-link: shade($blue, 900) !default; |
||||
|
||||
$flash-warning-bg: shade($yellow, 200) !default; |
||||
$flash-warning-border: shade($yellow, 300) !default; |
||||
$flash-warning-text: shade($yellow, 800) !default; |
||||
$flash-warning-link: shade($yellow, 900) !default; |
||||
|
||||
$flash-error-bg: $red !default; |
||||
$flash-error-border: shade($red, 600) !default; |
||||
$flash-error-text: $white !default; |
||||
$flash-error-link: $white !default; |
||||
|
||||
|
||||
//== Progress bars |
||||
// |
||||
|
||||
$progress-height: 12px !default; |
||||
$progress-bg: rgba($gray-500, .5) !default; |
||||
$progress-bar-bg: $brand-primary !default; |
||||
$progress-bar-success-bg: $brand-success !default; |
||||
$progress-bar-danger-bg: $brand-danger !default; |
||||
$progress-bar-info-bg: $brand-info !default; |
||||
|
||||
|
||||
//== Panels |
||||
// |
||||
|
||||
$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: $text-color !default; |
||||
$panel-bg: $gray-50 !default; |
||||
$panel-border: $gray-400 !default; |
||||
$panel-border-radius: $border-radius-base !default; |
||||
$panel-shadow: 0 1px 2px rgba($black, .07), |
||||
0 3px 8px rgba($black, .04) !default; |
||||
|
||||
|
||||
//== Tooltips |
||||
// |
||||
|
||||
$tooltip-bg: $white !default; |
||||
$tooltip-border-width: 0 !default; |
||||
$tooltip-border: $gray-500 !default; |
||||
$tooltip-text: $gray-800 !default; |
||||
$tooltip-link: $link-color !default; |
||||
|
||||
|
||||
//== Issue |
||||
// |
||||
|
||||
$issue-bg: $gray-50 !default; |
||||
$issue-border: $gray-500 !default; |
||||
$issue-text: $text-color !default; |
||||
|
||||
$issue-padding: 15px !default; |
||||
$issue-gravatar-size: 50px !default; |
||||
$issue-heading-size: 1.75 !default; |
||||
|
||||
$issue-attribute-padding-v: 3px !default; |
||||
$issue-attribute-padding-h: 5px !default; |
||||
|
||||
|
||||
//== Speech "bubbles" |
||||
// |
||||
|
||||
$bubble-bg: $issue-bg !default; |
||||
$bubble-border: $issue-border !default; |
||||
$bubble-text: $issue-text !default; |
||||
$bubble-gravatar-size: 24px !default; |
||||
$bubble-gravatar-space: 12px !default; |
||||
$bubble-padding-vertical: 8px !default; |
||||
$bubble-padding-horizontal: 12px !default; |
||||
$bubble-target-border: saturate($brand-primary, 25%) !default; |
||||
$bubble-target-shadow-alpha: .2 !default; |
||||
|
||||
|
||||
//== Badges |
||||
// |
||||
|
||||
$badge-space: 2px !default; |
||||
$badge-padding-v: 0 !default; |
||||
$badge-padding-h: 5px !default; |
||||
$badge-border-radius: $border-radius-base !default; |
||||
$badge-font-size: $font-size-small !default; |
||||
$badge-font-weight: $font-weight-bold !default; |
||||
|
||||
|
||||
//== Media queries breakpoints |
||||
// |
||||
|
||||
$screen-xs: 480px !default; |
||||
$screen-xs-min: $screen-xs !default; |
||||
|
||||
$screen-sm: 768px !default; |
||||
$screen-sm-min: $screen-sm !default; |
||||
|
||||
$screen-md: 992px !default; |
||||
$screen-md-min: $screen-md !default; |
||||
|
||||
$screen-lg: 1200px !default; |
||||
$screen-lg-min: $screen-lg !default; |
||||
|
||||
$screen-xs-max: ($screen-sm-min - 1) !default; |
||||
$screen-sm-max: ($screen-md-min - 1) !default; |
||||
$screen-md-max: ($screen-lg-min - 1) !default; |
||||
|
||||
$redmine-responsive-max: 899px !default; |
||||
$redmine-responsive-min: 900px !default; |
||||
|
||||
$top-menu-collapse-breakpoint: $screen-lg-min !default; |
||||
|
||||
|
||||
//== Login form |
||||
// |
||||
|
||||
$login-form-width: 24em !default; |
||||
$login-form-label-width: 8em !default; |
||||
$login-form-box-breakpoint: $screen-xs-min !default; |
||||
$login-form-adjustments-map: ( |
||||
-2: da en en-GB ko pl tr uk, |
||||
1: fr hr nl sr-YU sv, |
||||
2: el eu lt pt sk sr th |
||||
) !default; |
||||
|
||||
|
||||
//== Content widths |
||||
// |
||||
|
||||
$width-sm: $screen-sm - ($padding-side * 2) !default; |
||||
$width-md: $screen-md - ($padding-side * 2) !default; |
||||
$width-lg: $screen-lg - ($padding-side * 2) !default; |
||||
|
||||
|
||||
//== Redmine Agile plugin |
||||
// https://www.redmineup.com/pages/plugins/agile |
||||
// |
||||
|
||||
$agile-board-background: $gray-100 !default; |
||||
$agile-issue-card-margin: 8px 10px !default; |
||||
$agile-issue-card-padding: 7px !default; |
||||
$agile-issue-card-border: $gray-500; |
||||
$agile-issue-card-border-width: 0 0 0 5px; |
||||
$agile-issue-card-border-radius: $border-radius-large !default; |
||||
$agile-issue-card-background: $white !default; |
||||
$agile-issue-card-color: $text-color !default; |
||||
$agile-issue-card-closed-background: $gray-300 !default; |
||||
$agile-issue-card-default-color-map: ( |
||||
bk-green: ( |
||||
border: $green, |
||||
background: scale-color($green, $saturation: -5%, $lightness: 80%), |
||||
link: shade($green, 700), |
||||
), |
||||
bk-blue: ( |
||||
border: $blue, |
||||
background: scale-color($blue, $saturation: 50%, $lightness: 80%), |
||||
link: shade($blue, 700), |
||||
), |
||||
bk-turquoise: ( |
||||
border: $teal, |
||||
background: scale-color($teal, $saturation: -5%, $lightness: 80%), |
||||
link: shade($teal, 700), |
||||
), |
||||
bk-lightgreen: ( |
||||
border: adjust-color($green, $hue: -45deg), |
||||
background: scale-color(adjust-color($green, $hue: -45deg), $saturation: 75%, $lightness: 80%), |
||||
link: shade(adjust-color($green, $hue: -45deg), 700), |
||||
), |
||||
bk-yellow: ( |
||||
border: adjust-color($yellow, $hue: 2deg), |
||||
background: scale-color(adjust-color($yellow, $hue: 2deg), $saturation: 75%, $lightness: 80%), |
||||
link: shade($yellow, 700), |
||||
), |
||||
bk-orange: ( |
||||
border: $orange, |
||||
background: scale-color($orange, $saturation: 75%, $lightness: 80%), |
||||
link: shade($orange, 700), |
||||
), |
||||
bk-red: ( |
||||
border: $red, |
||||
background: scale-color($red, $saturation: 75%, $lightness: 85%), |
||||
link: shade($red, 700), |
||||
), |
||||
bk-purple: ( |
||||
border: $purple, |
||||
background: scale-color($purple, $saturation: 75%, $lightness: 85%), |
||||
link: shade($purple, 700), |
||||
), |
||||
bk-gray: ( |
||||
border: $gray-600, |
||||
background: $gray-300, |
||||
link: $link-color, |
||||
), |
||||
) !default; |
||||
$agile-issue-card-custom-color-map: () !default; |
||||
$agile-issue-card-color-map: map-merge($agile-issue-card-default-color-map, $agile-issue-card-custom-color-map); |
||||
@ -0,0 +1,54 @@
|
||||
@import "custom-variables"; |
||||
@import "variables"; |
||||
@import "functions"; |
||||
@import "mixins"; |
||||
|
||||
@import "lib/normalize"; |
||||
@import "lib/font-awesome"; |
||||
|
||||
|
||||
//== Redmine's core elements |
||||
// |
||||
|
||||
@import "components/base"; |
||||
@import "components/badges"; |
||||
@import "components/buttons"; |
||||
@import "components/forms"; |
||||
@import "components/tabs"; |
||||
@import "components/pagination"; |
||||
@import "components/content"; |
||||
@import "components/context-menu"; |
||||
@import "components/gravatar"; |
||||
@import "components/list"; |
||||
@import "components/simple-list"; |
||||
@import "components/issue"; |
||||
@import "components/login"; |
||||
@import "components/admin"; |
||||
@import "components/coderay"; |
||||
@import "components/rouge"; |
||||
@import "components/gantt"; |
||||
@import "components/calendar"; |
||||
@import "components/progress"; |
||||
@import "components/wiki"; |
||||
@import "components/elements"; |
||||
@import "components/jquery-ui"; |
||||
@import "components/icons"; |
||||
@import "components/dropdown"; |
||||
@import "components/top"; |
||||
@import "components/jstoolbar"; |
||||
@import "components/flash"; |
||||
@import "components/image-base64"; |
||||
@import "components/responsive"; |
||||
@import "components/print"; |
||||
|
||||
|
||||
//== Tweaks for plugins |
||||
// |
||||
|
||||
@import "components/plugins"; |
||||
|
||||
|
||||
//== Built-in JavaScript plugins |
||||
// |
||||
|
||||
@import "javascripts/sidebar-toggler"; |
||||
@ -0,0 +1,149 @@
|
||||
// |
||||
// Admin |
||||
// -------------------------------------------------- |
||||
|
||||
#admin-menu { |
||||
ul:nth-child(n) { |
||||
li { |
||||
list-style-type: none; |
||||
|
||||
> a:not(.icon-only) { |
||||
padding-left: $sidebar-padding-horizontal + 5px + $icon-width; |
||||
background-repeat: no-repeat; |
||||
background-position: $sidebar-padding-horizontal center; |
||||
} |
||||
} |
||||
} |
||||
|
||||
#admin-index > & { |
||||
ul { |
||||
margin: 0; |
||||
padding: 0; |
||||
} |
||||
|
||||
li { |
||||
padding: ($sidebar-padding-vertical + 1px) ($sidebar-padding-horizontal + 3px); |
||||
} |
||||
|
||||
a { |
||||
display: inline-block; |
||||
padding-left: 5px + $icon-width; |
||||
background-position: 0 center; |
||||
} |
||||
} |
||||
} |
||||
|
||||
|
||||
//== Groups |
||||
// |
||||
|
||||
table.members, |
||||
table.memberships { |
||||
td.roles { |
||||
width: 45%; |
||||
} |
||||
} |
||||
|
||||
|
||||
//== Permissions |
||||
// |
||||
|
||||
table.permissions { |
||||
td.role { |
||||
color: $gray-700; |
||||
font-weight: $font-weight-normal; |
||||
text-align: center; |
||||
vertical-align: bottom; |
||||
} |
||||
} |
||||
|
||||
|
||||
//== Workflows |
||||
// |
||||
|
||||
.controller-workflows { |
||||
table.list, |
||||
fieldset.collapsible { |
||||
margin-bottom: $line-height-computed; |
||||
} |
||||
} |
||||
|
||||
table.transitions { |
||||
td.enabled { |
||||
background: $state-success; |
||||
} |
||||
} |
||||
|
||||
#workflow_copy_form select { |
||||
width: 200px; |
||||
} |
||||
|
||||
#workflow_form table select { |
||||
width: 90%; |
||||
min-width: 60px; |
||||
} |
||||
|
||||
table.fields_permissions { |
||||
td.readonly { |
||||
background: $gray-600; |
||||
} |
||||
|
||||
td.required { |
||||
background: $state-danger; |
||||
} |
||||
} |
||||
|
||||
|
||||
//== Custom fields -> Issues -> Key values |
||||
// |
||||
|
||||
#custom_field_enumerations { |
||||
padding-left: 0; |
||||
list-style: none; |
||||
|
||||
li { |
||||
min-height: $input-height-base; |
||||
padding: 1px 0; |
||||
|
||||
.sort-handle, |
||||
label { |
||||
line-height: $input-height-base; |
||||
} |
||||
|
||||
label input { |
||||
vertical-align: baseline; |
||||
} |
||||
} |
||||
} |
||||
|
||||
|
||||
//== Settings labels |
||||
// |
||||
|
||||
fieldset.settings label { |
||||
display: block; |
||||
} |
||||
|
||||
|
||||
//== Settings -> Notifications |
||||
// |
||||
|
||||
fieldset#notified_events { |
||||
.parent { |
||||
padding-left: 20px; |
||||
} |
||||
} |
||||
|
||||
|
||||
//== Settings -> Repositories |
||||
// |
||||
|
||||
.settings.enabled_scm { |
||||
table { |
||||
width: 100%; |
||||
} |
||||
|
||||
td.scm_name { |
||||
font-weight: $font-weight-bold; |
||||
} |
||||
} |
||||
@ -0,0 +1,59 @@
|
||||
tr.group .count, |
||||
span.private, |
||||
.badge { |
||||
display: inline-block; |
||||
position: relative; |
||||
top: -1px; |
||||
box-sizing: border-box; |
||||
min-width: 1em; |
||||
margin-right: $badge-space; |
||||
margin-left: $badge-space; |
||||
padding: $badge-padding-v $badge-padding-h; |
||||
border: 1px solid; |
||||
border-radius: $badge-border-radius; |
||||
font-size: $badge-font-size; |
||||
font-weight: $badge-font-weight; |
||||
text-align: center; |
||||
text-decoration: none; |
||||
text-transform: uppercase; |
||||
} |
||||
|
||||
span.private, |
||||
.badge-private { |
||||
padding: ($badge-padding-v + 1px) ($badge-padding-h + 1px); |
||||
border: 0; |
||||
background: $brand-warning; |
||||
color: $brand-text; |
||||
|
||||
h3 & { |
||||
font-size: $font-size-small-px; |
||||
} |
||||
} |
||||
|
||||
tr.group .count, |
||||
.badge-count { |
||||
padding: ($badge-padding-v + 1px) ($badge-padding-h + 1px); |
||||
border: 0; |
||||
background: $brand-primary; |
||||
color: $brand-text; |
||||
} |
||||
|
||||
.badge-status-open { |
||||
border-color: $blue; |
||||
color: $blue; |
||||
} |
||||
|
||||
.badge-status-locked { |
||||
border-color: $gray-600; |
||||
color: $gray-600; |
||||
} |
||||
|
||||
.badge-status-closed { |
||||
border-color: $green; |
||||
color: $green; |
||||
} |
||||
|
||||
.badge-issues-count { |
||||
border-color: $gray-400; |
||||
background-color: $gray-100; |
||||
} |
||||
@ -0,0 +1,188 @@
|
||||
// |
||||
// Base styles |
||||
// -------------------------------------------------- |
||||
|
||||
html { |
||||
overflow-y: scroll; |
||||
tab-size: 4; |
||||
} |
||||
|
||||
body { |
||||
margin: 0; |
||||
padding: 0; |
||||
background-color: $body-bg; |
||||
color: $text-color; |
||||
font-family: $font-family-base; |
||||
font-size: $font-size-base; |
||||
font-weight: $font-weight-normal; |
||||
line-height: $line-height-base; |
||||
} |
||||
|
||||
a { |
||||
color: $link-color; |
||||
text-decoration: none; |
||||
|
||||
&:hover, |
||||
&:focus { |
||||
color: $link-hover-color; |
||||
text-decoration: $link-hover-decoration; |
||||
} |
||||
|
||||
&.issue.closed { |
||||
color: $link-color-issue-closed; |
||||
text-decoration: $link-closed-decoration; |
||||
} |
||||
|
||||
&.project.closed { |
||||
color: $link-color-project-closed; |
||||
} |
||||
|
||||
&.user.locked { |
||||
color: $link-color-user-locked; |
||||
} |
||||
} |
||||
|
||||
// Remove the tapping delay on clickable elements |
||||
a, |
||||
area, |
||||
button, |
||||
input, |
||||
label, |
||||
select, |
||||
summary, |
||||
textarea, |
||||
[tabindex] { |
||||
touch-action: manipulation; |
||||
} |
||||
|
||||
h1 { |
||||
margin: 0; |
||||
font-size: 2em; |
||||
font-weight: $font-weight-semi-bold; |
||||
line-height: $line-height-large * .825; |
||||
} |
||||
|
||||
h2 { |
||||
margin-top: 0; |
||||
margin-bottom: $line-height-computed; |
||||
font-size: 1.43em; |
||||
font-weight: $font-weight-semi-bold; |
||||
line-height: $line-height-large; |
||||
|
||||
img { |
||||
vertical-align: middle; |
||||
} |
||||
} |
||||
|
||||
h3 { |
||||
margin-top: 0; |
||||
margin-bottom: $line-height-computed; |
||||
font-size: 1.14em; |
||||
font-weight: $font-weight-semi-bold; |
||||
line-height: $line-height-large; |
||||
} |
||||
|
||||
h4 { |
||||
margin-top: 0; |
||||
font-size: 1em; |
||||
font-weight: $font-weight-semi-bold; |
||||
line-height: $line-height-base; |
||||
} |
||||
|
||||
p { |
||||
margin: 0 0 ($line-height-computed * .5); |
||||
} |
||||
|
||||
small { |
||||
font-size: $font-size-small; |
||||
} |
||||
|
||||
table { |
||||
th { |
||||
font-weight: $font-weight-bold; |
||||
} |
||||
|
||||
th, |
||||
td { |
||||
padding: $table-condensed-cell-padding $table-cell-padding; |
||||
} |
||||
|
||||
p { |
||||
margin: 0; |
||||
} |
||||
|
||||
form { |
||||
p { |
||||
margin-bottom: ($line-height-computed * .5); |
||||
|
||||
&:last-child { |
||||
margin-bottom: 0; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
||||
ul, |
||||
ol { |
||||
margin-top: 0; |
||||
margin-bottom: ($line-height-computed * .5); |
||||
padding-left: 1.5em; |
||||
|
||||
ul, |
||||
ol { |
||||
margin-bottom: 0; |
||||
} |
||||
} |
||||
|
||||
dl { |
||||
margin-top: 0; |
||||
margin-bottom: $line-height-computed; |
||||
} |
||||
|
||||
dt { |
||||
margin-top: $line-height-computed; |
||||
font-weight: $font-weight-bold; |
||||
} |
||||
|
||||
dd { |
||||
margin-bottom: $line-height-computed; |
||||
margin-left: $line-height-computed; |
||||
} |
||||
|
||||
code, |
||||
kbd, |
||||
pre, |
||||
samp { |
||||
font-family: $font-family-monospace; |
||||
font-size: 1em; |
||||
} |
||||
|
||||
hr { |
||||
margin-top: $line-height-computed; |
||||
margin-bottom: $line-height-computed; |
||||
border: 0; |
||||
border-top: 1px solid $hr-border; |
||||
|
||||
li & { |
||||
margin-top: $line-height-computed * .5; |
||||
margin-bottom: $line-height-computed * .5; |
||||
} |
||||
} |
||||
|
||||
blockquote { |
||||
margin: 0 0 $line-height-computed; |
||||
padding: floor($line-height-computed * .25) $padding-large-horizontal; |
||||
border-left: 4px solid $blockquote-border-color; |
||||
|
||||
> :first-child { |
||||
margin-top: 0; |
||||
} |
||||
|
||||
> :last-child { |
||||
margin-bottom: 0; |
||||
} |
||||
} |
||||
|
||||
.clear { |
||||
@extend %clearfix; |
||||
} |
||||
@ -0,0 +1,300 @@
|
||||
// |
||||
// Buttons |
||||
// -------------------------------------------------- |
||||
|
||||
input[type="button"], |
||||
input[type="submit"], |
||||
input[type="reset"], |
||||
button { |
||||
@include button-size($btn-padding-vertical, $btn-padding-horizontal, $font-size-base, $line-height-base, $border-radius-base); |
||||
display: inline-block; |
||||
margin-bottom: 0; |
||||
transition: |
||||
border-color $transition-time ease-in-out, |
||||
background-color $transition-time ease-in-out, |
||||
box-shadow $transition-time ease-in-out; |
||||
border: 1px solid; |
||||
font-weight: $btn-font-weight; |
||||
text-align: center; |
||||
vertical-align: top; |
||||
white-space: nowrap; |
||||
cursor: pointer; |
||||
user-select: none; |
||||
@include button-variant($btn-primary-color, $btn-primary-bg, $btn-primary-border); |
||||
|
||||
&:hover, |
||||
&:focus { |
||||
text-decoration: none; |
||||
} |
||||
|
||||
&.disabled, |
||||
&[disabled], |
||||
fieldset[disabled] & { |
||||
opacity: .65; |
||||
box-shadow: none; |
||||
pointer-events: none; // Future-proof disabling of clicks |
||||
} |
||||
} |
||||
|
||||
|
||||
//== Form buttons layout |
||||
// |
||||
|
||||
form { |
||||
input[type="submit"] { |
||||
margin-right: 2px; |
||||
|
||||
+ input { |
||||
@include button-variant($btn-success-color, $btn-success-bg, $btn-success-border); |
||||
} |
||||
|
||||
~ a { |
||||
margin-right: 2px; |
||||
|
||||
+ a { |
||||
margin-left: 2px; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
||||
|
||||
//== Repository's 'View differences' button |
||||
// |
||||
|
||||
form[action*="repository/diff"] { |
||||
margin-bottom: $line-height-computed * .5; |
||||
} |
||||
|
||||
|
||||
//== Forum and news message form buttons layout |
||||
// |
||||
|
||||
#message-form, |
||||
#news-form { |
||||
#message_sticky, |
||||
#message_locked { |
||||
position: relative; |
||||
top: 1px; |
||||
margin-left: 5px; |
||||
} |
||||
} |
||||
|
||||
|
||||
//== Button links |
||||
// |
||||
p.buttons, |
||||
.other-formats > span, |
||||
#wiki_add_attachment > p, |
||||
#content > .contextual, |
||||
#content > .contextual > span:not(.drdn), |
||||
#query_form > .contextual, |
||||
#query_form_with_buttons > .contextual { |
||||
> a, |
||||
> span:not(.drdn) { |
||||
display: inline-block; |
||||
margin-right: 1px; |
||||
margin-left: 1px; |
||||
padding: $btn-padding-vertical $btn-padding-horizontal-small; |
||||
transition: |
||||
border-color $transition-time ease-in-out, |
||||
background-color $transition-time ease-in-out, |
||||
color $transition-time ease-in-out; |
||||
border: 1px solid; |
||||
border-radius: $border-radius-base; |
||||
font-size: $font-size-base; |
||||
|
||||
&.icon { |
||||
padding-left: 20px + $btn-padding-horizontal-small; |
||||
background-position: $btn-padding-horizontal-small 50%; |
||||
} |
||||
} |
||||
|
||||
> a { |
||||
border-color: $pagination-border; |
||||
background-color: $pagination-bg; |
||||
color: $pagination-color; |
||||
|
||||
&:first-child { |
||||
margin-left: 0; |
||||
} |
||||
|
||||
&:last-child { |
||||
margin-right: 0; |
||||
} |
||||
|
||||
&:hover, |
||||
&:focus { |
||||
border-color: $pagination-hover-border; |
||||
background-color: $pagination-hover-bg; |
||||
color: $pagination-hover-color; |
||||
text-decoration: none; |
||||
} |
||||
} |
||||
|
||||
> span:not(.drdn) { |
||||
border-color: $pagination-inactive-border; |
||||
background-color: $pagination-inactive-bg; |
||||
color: $pagination-inactive-color; |
||||
} |
||||
} |
||||
|
||||
|
||||
//== Submit + cancel |
||||
// |
||||
|
||||
#issue-form, |
||||
.mypage-box, |
||||
.journal, |
||||
.edit_news, |
||||
.edit_content, |
||||
.edit_time_entry, |
||||
.edit_membership { |
||||
input[type="submit"] + a { |
||||
margin-left: ceil($btn-padding-horizontal-small * .5); |
||||
} |
||||
} |
||||
|
||||
|
||||
//== Apply + clear |
||||
// |
||||
|
||||
form { |
||||
input, |
||||
button, |
||||
select { |
||||
~ a { |
||||
margin-left: ceil($btn-padding-horizontal-small * .5); |
||||
line-height: $input-height-base; |
||||
} |
||||
} |
||||
} |
||||
|
||||
|
||||
//== Action buttons group |
||||
// |
||||
|
||||
p.buttons { |
||||
margin-bottom: $line-height-computed; |
||||
|
||||
a { |
||||
line-height: $line-height-base; |
||||
} |
||||
} |
||||
|
||||
|
||||
//== Export actions |
||||
// |
||||
|
||||
.other-formats { |
||||
margin: $line-height-computed 0 0; |
||||
text-align: right; |
||||
|
||||
> span { |
||||
margin-right: 1px; |
||||
margin-left: 1px; |
||||
|
||||
&:last-child { |
||||
margin-right: 0; |
||||
} |
||||
} |
||||
|
||||
@media screen and (min-width: $redmine-responsive-min) { |
||||
.pagination + &, |
||||
#wiki_add_attachment + & { |
||||
margin-top: 0; |
||||
float: right; |
||||
} |
||||
} |
||||
} |
||||
|
||||
|
||||
//== Query builder buttons |
||||
// |
||||
|
||||
.query-columns { |
||||
select { |
||||
width: auto !important; // stylelint-disable-line declaration-no-important |
||||
min-width: 130px; |
||||
} |
||||
|
||||
label + & { |
||||
margin-left: $padding-side; |
||||
} |
||||
|
||||
@at-root span#{&} { |
||||
> span { |
||||
display: inline-block; |
||||
height: 100%; |
||||
vertical-align: middle; |
||||
} |
||||
|
||||
label { |
||||
display: block; |
||||
margin-bottom: $line-height-computed * .5; |
||||
line-height: initial; |
||||
} |
||||
} |
||||
|
||||
.buttons { |
||||
vertical-align: middle; |
||||
|
||||
br { |
||||
display: none; |
||||
} |
||||
|
||||
input[type="button"] { |
||||
display: block; |
||||
width: 32px; |
||||
margin-bottom: 4px; |
||||
padding-right: 1px; |
||||
padding-left: 1px; |
||||
@include button-variant($btn-default-color, $btn-default-bg, $btn-default-border); |
||||
} |
||||
} |
||||
} |
||||
|
||||
|
||||
//== Button for toggling multiselect (in filters) |
||||
// |
||||
|
||||
a[data-expands], |
||||
.toggle-multiselect { |
||||
display: inline-block; |
||||
position: relative; |
||||
top: 3px; |
||||
padding: 10px; |
||||
border: 1px solid; |
||||
border-radius: $border-radius-base; |
||||
background-image: inline-svg("plus.svg", (path: (fill: $btn-default-icon-color))); |
||||
background-repeat: no-repeat; |
||||
background-position: 2px 2px; |
||||
font-size: 0; |
||||
vertical-align: top; |
||||
cursor: pointer; |
||||
user-select: none; |
||||
@include button-variant($btn-default-color, $btn-default-bg, $btn-default-border); |
||||
|
||||
&.icon-only::before { |
||||
content: none; |
||||
} |
||||
} |
||||
|
||||
a[data-expands] { |
||||
margin-right: 10px; |
||||
|
||||
> .toggle-multiselect { |
||||
padding: 0; |
||||
border: 0 none; |
||||
background: transparent; |
||||
} |
||||
|
||||
img { |
||||
display: none; |
||||
} |
||||
} |
||||
|
||||
a.icon-toggle-minus[data-expands], |
||||
select[multiple="multiple"] + .toggle-multiselect { |
||||
background-image: inline-svg("minus.svg", (path: (fill: $btn-default-icon-color))); |
||||
} |
||||
@ -0,0 +1,179 @@
|
||||
// |
||||
// Calendar |
||||
// -------------------------------------------------- |
||||
|
||||
table.cal { |
||||
width: 100%; |
||||
margin-bottom: $line-height-computed; |
||||
border: 1px solid $table-border-color; |
||||
|
||||
thead th { |
||||
width: 14%; |
||||
padding: $table-condensed-cell-padding; |
||||
background-color: $table-bg-active; |
||||
|
||||
&.week-number { |
||||
width: auto; |
||||
} |
||||
} |
||||
|
||||
tbody tr { |
||||
height: 100px; |
||||
} |
||||
|
||||
td { |
||||
padding: $table-condensed-cell-padding; |
||||
border: 1px solid $table-border-color; |
||||
font-size: $font-size-small; |
||||
vertical-align: top; |
||||
|
||||
&.week-number { |
||||
border: 0 none; |
||||
background-color: $table-bg-active; |
||||
font-size: 1em; |
||||
text-align: right; |
||||
} |
||||
|
||||
p.day-num { |
||||
float: right; |
||||
font-size: $font-size-large; |
||||
text-align: right; |
||||
} |
||||
|
||||
&.odd p.day-num { |
||||
color: $gray-600; |
||||
} |
||||
|
||||
&.nwday { |
||||
background: $table-bg-accent; |
||||
} |
||||
|
||||
&.today { |
||||
background: $highlight-bg; |
||||
|
||||
p.day-num { |
||||
font-weight: $font-weight-bold; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
||||
ul.cal { |
||||
display: grid; |
||||
grid-template-columns: 2rem repeat(7, 1fr); |
||||
width: 100%; |
||||
margin: 0; |
||||
padding: 0; |
||||
border-spacing: 0; |
||||
list-style: none; |
||||
border: 1px solid $table-border-color; |
||||
border-radius: 3px; |
||||
|
||||
li { |
||||
&.calhead { |
||||
padding: 4px; |
||||
background-color: $table-bg-active; |
||||
font-weight: bold; |
||||
text-align: center; |
||||
} |
||||
|
||||
&.week-number { |
||||
padding: 4px; |
||||
border: none; |
||||
background-color: $table-bg-active; |
||||
font-size: 1em; |
||||
text-align: center; |
||||
|
||||
span.label-week { |
||||
display: none; |
||||
} |
||||
} |
||||
|
||||
&.calbody { |
||||
min-height: calc(1.2em * 6); |
||||
padding: 2px; |
||||
border: 1px solid $table-border-color; |
||||
border-right: 0; |
||||
border-bottom: 0; |
||||
font-size: 1em; |
||||
line-height: 1.6; |
||||
vertical-align: top; |
||||
|
||||
p.day-num { |
||||
font-size: 1.1em; |
||||
text-align: right; |
||||
|
||||
.abbr-day { |
||||
display: none; |
||||
} |
||||
} |
||||
|
||||
.day-letter { |
||||
display: none; |
||||
} |
||||
|
||||
&.odd { |
||||
p.day-num { |
||||
color: $gray-600; |
||||
} |
||||
} |
||||
|
||||
&.today { |
||||
background: $highlight-bg; |
||||
|
||||
p.day-num { |
||||
font-weight: $font-weight-bold; |
||||
} |
||||
} |
||||
|
||||
.icon { |
||||
padding-top: 2px; |
||||
padding-bottom: 3px; |
||||
} |
||||
|
||||
&.nwday:not(.odd) { |
||||
background-color: $table-bg-accent; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
||||
table.cal .starting a, |
||||
ul.cal .starting a, |
||||
p.cal.legend .starting, |
||||
table.cal .ending a, |
||||
ul.cal .ending a, |
||||
p.cal.legend .ending { |
||||
@extend %fa-icon; |
||||
|
||||
&::before { |
||||
content: $fa-var-caret-right; |
||||
width: 10px; |
||||
text-align: right; |
||||
} |
||||
} |
||||
|
||||
table.cal .ending a, |
||||
ul.cal .ending a, |
||||
p.cal.legend .ending { |
||||
&::before { |
||||
content: $fa-var-caret-left; |
||||
text-align: left; |
||||
} |
||||
} |
||||
|
||||
table.cal .starting.ending a, |
||||
ul.cal .starting.ending a, |
||||
p.cal.legend .starting.ending { |
||||
&::before { |
||||
content: $fa-var-square; |
||||
transform: scale(.6) rotate(45deg); |
||||
text-align: center; |
||||
} |
||||
} |
||||
|
||||
p.cal.legend { |
||||
span { |
||||
display: block; |
||||
} |
||||
} |
||||
@ -0,0 +1,362 @@
|
||||
// |
||||
// Syntax highlight - CodeRay |
||||
// -------------------------------------------------- |
||||
|
||||
.syntaxhl { |
||||
div { |
||||
display: inline; |
||||
} |
||||
|
||||
.line-numbers { |
||||
margin: 0 5px 0 0; |
||||
padding: 2px 4px; |
||||
background-color: #eee; |
||||
} |
||||
|
||||
.code pre { |
||||
overflow: auto; |
||||
} |
||||
|
||||
.debug { |
||||
// stylelint-disable declaration-no-important |
||||
background: #00f !important; |
||||
color: #fff !important; |
||||
} |
||||
|
||||
.annotation { |
||||
color: #007; |
||||
} |
||||
|
||||
.attribute-name { |
||||
color: #b48; |
||||
} |
||||
|
||||
.attribute-value { |
||||
color: #700; |
||||
} |
||||
|
||||
.binary { |
||||
color: #509; |
||||
} |
||||
|
||||
.char { |
||||
color: #d20; |
||||
|
||||
.content { |
||||
color: #d20; |
||||
} |
||||
|
||||
.delimiter { |
||||
color: #710; |
||||
} |
||||
} |
||||
|
||||
.class { |
||||
color: #795da3; |
||||
font-weight: $font-weight-bold; |
||||
} |
||||
|
||||
.class-variable { |
||||
color: #369; |
||||
} |
||||
|
||||
.color { |
||||
color: #0a0; |
||||
} |
||||
|
||||
.comment { |
||||
color: #969896; |
||||
|
||||
.char, |
||||
.delimiter { |
||||
color: #969896; |
||||
} |
||||
} |
||||
|
||||
.complex { |
||||
color: #a08; |
||||
} |
||||
|
||||
.constant { |
||||
color: #795da3; |
||||
} |
||||
|
||||
.decorator { |
||||
color: #b0b; |
||||
} |
||||
|
||||
.definition { |
||||
color: #099; |
||||
font-weight: $font-weight-bold; |
||||
} |
||||
|
||||
.delimiter { |
||||
color: #000; |
||||
} |
||||
|
||||
.directive { |
||||
color: #088; |
||||
font-weight: $font-weight-bold; |
||||
} |
||||
|
||||
.doc { |
||||
color: #970; |
||||
} |
||||
|
||||
.doc-string { |
||||
color: #d42; |
||||
font-weight: $font-weight-bold; |
||||
} |
||||
|
||||
.doctype { |
||||
color: #34b; |
||||
} |
||||
|
||||
.entity { |
||||
color: #800; |
||||
font-weight: $font-weight-bold; |
||||
} |
||||
|
||||
.error { |
||||
background-color: #faa; |
||||
color: #f00; |
||||
} |
||||
|
||||
.escape { |
||||
color: #666; |
||||
} |
||||
|
||||
.exception { |
||||
color: #c00; |
||||
font-weight: $font-weight-bold; |
||||
} |
||||
|
||||
.float { |
||||
color: #06d; |
||||
} |
||||
|
||||
.function { |
||||
color: #06b; |
||||
font-weight: $font-weight-bold; |
||||
} |
||||
|
||||
.global-variable { |
||||
color: #d70; |
||||
} |
||||
|
||||
.hex { |
||||
color: #02b; |
||||
} |
||||
|
||||
.imaginary { |
||||
color: #f00; |
||||
} |
||||
|
||||
.include { |
||||
color: #b44; |
||||
font-weight: $font-weight-bold; |
||||
} |
||||
|
||||
.inline { |
||||
background-color: rgba(#000, .05); |
||||
color: #000; |
||||
} |
||||
|
||||
.inline-delimiter { |
||||
color: #666; |
||||
font-weight: $font-weight-bold; |
||||
} |
||||
|
||||
.instance-variable { |
||||
color: #33b; |
||||
} |
||||
|
||||
.integer { |
||||
color: #0086b3; |
||||
} |
||||
|
||||
.key { |
||||
color: #606; |
||||
|
||||
.char { |
||||
color: #60f; |
||||
} |
||||
|
||||
.delimiter { |
||||
color: #404; |
||||
} |
||||
} |
||||
|
||||
.keyword { |
||||
color: #b3113e; |
||||
font-weight: $font-weight-bold; |
||||
} |
||||
|
||||
.label { |
||||
color: #970; |
||||
font-weight: $font-weight-bold; |
||||
} |
||||
|
||||
.local-variable { |
||||
color: #369; |
||||
} |
||||
|
||||
.namespace { |
||||
color: #707; |
||||
font-weight: $font-weight-bold; |
||||
} |
||||
|
||||
.octal { |
||||
color: #40e; |
||||
} |
||||
|
||||
.predefined { |
||||
color: #b21; |
||||
} |
||||
|
||||
.predefined-constant { |
||||
color: #009595; |
||||
} |
||||
|
||||
.predefined-type { |
||||
color: #0a5; |
||||
font-weight: $font-weight-bold; |
||||
} |
||||
|
||||
.preprocessor { |
||||
color: #579; |
||||
} |
||||
|
||||
.pseudo-class { |
||||
color: #00c; |
||||
font-weight: $font-weight-bold; |
||||
} |
||||
|
||||
.regexp { |
||||
background-color: hsla(300, 100%, 50%, .06); |
||||
|
||||
.content { |
||||
color: #808; |
||||
} |
||||
|
||||
.delimiter { |
||||
color: #404; |
||||
} |
||||
|
||||
.modifier { |
||||
color: #c2c; |
||||
} |
||||
} |
||||
|
||||
.reserved { |
||||
color: #080; |
||||
font-weight: $font-weight-bold; |
||||
} |
||||
|
||||
.shell { |
||||
background-color: hsla(120, 100%, 50%, .06); |
||||
|
||||
.content { |
||||
color: #2b2; |
||||
} |
||||
|
||||
.delimiter { |
||||
color: #161; |
||||
} |
||||
} |
||||
|
||||
.string { |
||||
.char, |
||||
.content, |
||||
.delimiter, |
||||
.modifier { |
||||
color: #df5000; |
||||
} |
||||
} |
||||
|
||||
.symbol { |
||||
color: #d33; |
||||
|
||||
.content, |
||||
.delimiter { |
||||
color: #d33; |
||||
} |
||||
} |
||||
|
||||
.tag { |
||||
color: #070; |
||||
} |
||||
|
||||
.type { |
||||
color: #339; |
||||
font-weight: $font-weight-bold; |
||||
} |
||||
|
||||
.value { |
||||
color: #088; |
||||
} |
||||
|
||||
.variable { |
||||
color: #037; |
||||
} |
||||
|
||||
.insert { |
||||
background: hsla(120, 100%, 50%, .12); |
||||
|
||||
.insert { |
||||
background: transparent; |
||||
color: #0c0; |
||||
font-weight: $font-weight-bold; |
||||
} |
||||
|
||||
.eyecatcher { |
||||
margin: -1px; |
||||
border: 1px solid hsla(120, 100%, 25%, .5); |
||||
border-top: 0 none; |
||||
border-bottom-left-radius: 5px; |
||||
border-bottom-right-radius: 5px; |
||||
background-color: hsla(120, 100%, 50%, .2); |
||||
} |
||||
} |
||||
|
||||
.delete { |
||||
background: hsla(0, 100%, 50%, .12); |
||||
|
||||
.delete { |
||||
background: transparent; |
||||
color: #c00; |
||||
font-weight: $font-weight-bold; |
||||
} |
||||
|
||||
.eyecatcher { |
||||
margin: -1px; |
||||
border: 1px solid hsla(0, 100%, 45%, .5); |
||||
border-bottom: 0 none; |
||||
border-top-left-radius: 5px; |
||||
border-top-right-radius: 5px; |
||||
background-color: hsla(0, 100%, 50%, .2); |
||||
} |
||||
} |
||||
|
||||
.change { |
||||
background: #007; |
||||
color: #bbf; |
||||
|
||||
.change { |
||||
color: #88f; |
||||
} |
||||
} |
||||
|
||||
.head { |
||||
background: #505; |
||||
color: #f8f; |
||||
|
||||
.head { |
||||
color: #f4f; |
||||
} |
||||
|
||||
.filename { |
||||
color: #fff; |
||||
} |
||||
} |
||||
} |
||||
@ -0,0 +1,397 @@
|
||||
#main { |
||||
@if $css-grid-layout { |
||||
display: grid; |
||||
grid-template-rows: auto 1fr; |
||||
|
||||
@if $sidebar-position == "left" { |
||||
grid-template-areas: |
||||
"sidebar content" |
||||
"footer footer"; |
||||
grid-template-columns: auto 1fr; |
||||
} @else { |
||||
grid-template-areas: |
||||
"content sidebar" |
||||
"footer footer"; |
||||
grid-template-columns: 1fr auto; |
||||
} |
||||
} @else if $flexbox-layout { |
||||
display: flex; |
||||
} @else { |
||||
@extend %clearfix; |
||||
} |
||||
} |
||||
|
||||
|
||||
// |
||||
// Main container |
||||
// -------------------------------------------------- |
||||
|
||||
#content { |
||||
padding: $padding-side; |
||||
overflow-x: auto; // needed for drag & drop of enumerations |
||||
|
||||
@if $css-grid-layout { |
||||
grid-area: content; |
||||
} @else if $flexbox-layout { |
||||
$side-space: $sidebar-width + $padding-side * 2; |
||||
flex: 1 1 auto; |
||||
width: calc(100% - #{$side-space}); |
||||
} @else { |
||||
overflow: hidden; |
||||
} |
||||
} |
||||
|
||||
|
||||
// |
||||
// Sidebar |
||||
// -------------------------------------------------- |
||||
|
||||
#sidebar { |
||||
#main & { |
||||
padding: $padding-side $sidebar-padding-horizontal; |
||||
} |
||||
|
||||
#main.nosidebar & { |
||||
margin: 0; |
||||
padding: 0; |
||||
border: 0 none; |
||||
|
||||
@if $css-grid-layout { |
||||
width: 0; |
||||
} @else if $flexbox-layout { |
||||
flex: 0 0 auto; |
||||
} @else { |
||||
width: 0; |
||||
float: none; |
||||
} |
||||
} |
||||
|
||||
@if $css-grid-layout { |
||||
grid-area: sidebar; |
||||
width: $sidebar-width-computed; |
||||
} @else if $flexbox-layout { |
||||
flex: 0 0 $sidebar-width-computed; |
||||
|
||||
@if $sidebar-position == "left" { |
||||
order: -1; |
||||
} @else { |
||||
order: 1; |
||||
} |
||||
} @else { |
||||
width: $sidebar-width-computed; |
||||
float: $sidebar-position; |
||||
} |
||||
|
||||
@media screen and (min-width: 1px) { |
||||
@if not $flexbox-layout { |
||||
padding-bottom: $padding-side * 3; |
||||
} |
||||
|
||||
@if $sidebar-position == "left" { |
||||
border-right: 1px solid $sidebar-link-active-border; |
||||
box-shadow: inset -9px 0 6px -6px rgba(0, 0, 0, .05); |
||||
} @else { |
||||
border-left: 1px solid $sidebar-link-active-border; |
||||
box-shadow: inset 9px 0 6px -6px rgba(0, 0, 0, .05); |
||||
} |
||||
} |
||||
|
||||
h3 { |
||||
margin-top: $line-height-computed * 1.5; |
||||
} |
||||
|
||||
> h3:first-child, |
||||
> form:first-child > h3 { |
||||
margin-top: $line-height-computed * .25; |
||||
} |
||||
|
||||
ul { |
||||
&:nth-child(n) { |
||||
margin: 0 0 ($line-height-computed * .5); |
||||
padding: 0; |
||||
|
||||
@if $sidebar-position == "left" { |
||||
margin-right: -($sidebar-padding-horizontal); |
||||
} |
||||
} |
||||
|
||||
&:not(.watchers) { |
||||
li { |
||||
position: relative; |
||||
margin: 0; |
||||
padding: 0; |
||||
list-style-type: none; |
||||
|
||||
> a:not(.icon-only) { |
||||
display: block; |
||||
padding: $sidebar-padding-vertical $sidebar-padding-horizontal; |
||||
border: 1px solid transparent; |
||||
|
||||
@if $sidebar-position == "left" { |
||||
border-left-width: 3px; |
||||
border-radius: $border-radius-large 0 0 $border-radius-large; |
||||
} @else { |
||||
margin-left: -($sidebar-padding-horizontal); |
||||
border-right-width: 3px; |
||||
border-radius: 0 $border-radius-large $border-radius-large 0; |
||||
} |
||||
|
||||
&:hover { |
||||
background-color: $sidebar-link-hover-bg; |
||||
color: $sidebar-link-hover-text; |
||||
text-decoration: none; |
||||
} |
||||
|
||||
&.selected { |
||||
border-color: $sidebar-link-active-border; |
||||
background-color: $sidebar-link-active-bg; |
||||
color: $sidebar-link-active-text; |
||||
|
||||
@if $sidebar-position == "left" { |
||||
margin-right: -1px; |
||||
border-right-color: $body-bg; |
||||
border-left-color: $sidebar-link-active-side; |
||||
box-shadow: -3px 1px 2px rgba(0, 0, 0, .1); |
||||
} @else { |
||||
margin-left: -($sidebar-padding-horizontal + 1px); |
||||
border-right-color: $sidebar-link-active-side; |
||||
border-left-color: $body-bg; |
||||
box-shadow: 3px 1px 2px rgba(0, 0, 0, .1); |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
||||
&.queries { |
||||
> li { |
||||
position: relative; |
||||
|
||||
> a.query { |
||||
padding-right: $sidebar-padding-horizontal * 1.5; |
||||
} |
||||
|
||||
> a.icon-only { |
||||
position: absolute; |
||||
top: $sidebar-padding-vertical; |
||||
right: $sidebar-padding-horizontal * .5; |
||||
line-height: $line-height-computed; |
||||
|
||||
&::before { |
||||
line-height: inherit; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
||||
&.pages-hierarchy { |
||||
.pages-hierarchy { |
||||
margin-left: $sidebar-padding-horizontal + 3px; |
||||
border-left: 2px solid $gray-400; |
||||
|
||||
@if $sidebar-position == "right" { |
||||
margin-left: 3px; |
||||
} @else { |
||||
margin-right: 0; |
||||
} |
||||
|
||||
li { |
||||
> a:not(.icon-only) { |
||||
padding-right: $sidebar-padding-horizontal * .5; |
||||
padding-left: $sidebar-padding-horizontal * .5; |
||||
|
||||
@if $sidebar-position == "right" { |
||||
margin-left: 0; |
||||
} |
||||
} |
||||
|
||||
.pages-hierarchy { |
||||
margin-left: $sidebar-padding-horizontal * .5 + 3px; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
||||
// Special treatment for anchor tags directly under sidebar tag |
||||
> a { |
||||
margin: $sidebar-padding-vertical $sidebar-padding-horizontal; |
||||
|
||||
@if $sidebar-position == "left" { |
||||
margin-left: $sidebar-padding-horizontal + 3px; |
||||
} @else { |
||||
margin-right: $sidebar-padding-horizontal + 3px; |
||||
margin-left: 0; |
||||
} |
||||
} |
||||
|
||||
// For plugin https://github.com/ledsun/redmine_wiki_page_tree |
||||
div.page-tree { |
||||
margin: 0; |
||||
padding: 0; |
||||
|
||||
.page-tree__title { |
||||
margin-left: 0; |
||||
} |
||||
|
||||
.page-tree__list { |
||||
.page-tree__list { |
||||
margin-left: $sidebar-padding-horizontal + 3px; |
||||
border-left: 2px solid $gray-400; |
||||
|
||||
@if $sidebar-position == "right" { |
||||
margin-left: 3px; |
||||
} @else { |
||||
margin-right: 0; |
||||
} |
||||
|
||||
.page-tree__list { |
||||
margin-left: $sidebar-padding-horizontal * .5 + 3px; |
||||
} |
||||
|
||||
summary { |
||||
padding-left: $sidebar-padding-horizontal + 8px; |
||||
|
||||
@if $sidebar-position == "right" { |
||||
margin-left: 0; |
||||
} |
||||
|
||||
&::before { |
||||
left: 6px; |
||||
} |
||||
} |
||||
} |
||||
|
||||
li { |
||||
> a:not(.icon-only) { |
||||
padding-right: $sidebar-padding-horizontal * .5; |
||||
padding-left: $sidebar-padding-horizontal * .5; |
||||
|
||||
@if $sidebar-position == "right" { |
||||
margin-left: 0; |
||||
} |
||||
|
||||
&:hover { |
||||
text-decoration: underline; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
||||
details { |
||||
summary { |
||||
display: block; |
||||
position: relative; |
||||
padding: 0 $sidebar-padding-horizontal; |
||||
padding-left: $sidebar-padding-horizontal * 1.5 + 8px; |
||||
|
||||
@if $sidebar-position == "left" { |
||||
border-radius: $border-radius-large 0 0 $border-radius-large; |
||||
} @else { |
||||
margin-left: -($sidebar-padding-horizontal); |
||||
border-radius: 0 $border-radius-large $border-radius-large 0; |
||||
} |
||||
|
||||
&::-webkit-details-marker { |
||||
display: none; |
||||
} |
||||
|
||||
&::before { |
||||
content: ""; |
||||
position: absolute; |
||||
top: ($sidebar-padding-vertical + 1px) + ($line-height-computed - 16px) * .5; |
||||
left: $sidebar-padding-horizontal * .5 + 6px; |
||||
width: 16px; |
||||
height: 16px; |
||||
background-image: inline-svg("chevron-right.svg", (path: (fill: $btn-default-icon-color))); |
||||
background-repeat: no-repeat; |
||||
} |
||||
|
||||
&:hover { |
||||
background-color: $sidebar-link-hover-bg; |
||||
} |
||||
|
||||
a { |
||||
display: inline-block; |
||||
padding-top: ($sidebar-padding-vertical + 1px); |
||||
padding-bottom: ($sidebar-padding-vertical + 1px); |
||||
|
||||
&:hover { |
||||
color: $sidebar-link-hover-text; |
||||
text-decoration: underline; |
||||
} |
||||
} |
||||
} |
||||
|
||||
&[open] > summary::before { |
||||
transform: rotate(90deg); |
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
||||
#footer { |
||||
margin: 0 $padding-side; |
||||
padding: $line-height-computed 0; |
||||
border-top: 1px solid $gray-400; |
||||
color: $gray-600; |
||||
font-size: $font-size-small; |
||||
|
||||
@if $css-grid-layout { |
||||
grid-area: footer; |
||||
} |
||||
} |
||||
|
||||
@if $fixed-layout { |
||||
@media screen and (min-width: $screen-sm-min) { |
||||
body { |
||||
background: $gray-100; |
||||
} |
||||
#top-menu, |
||||
#header, |
||||
#main-menu ul, |
||||
#main, |
||||
#footer { |
||||
width: $width-sm; |
||||
margin-right: auto; |
||||
margin-left: auto; |
||||
} |
||||
#main { |
||||
overflow: hidden; |
||||
background: $body-bg; |
||||
} |
||||
#footer { |
||||
background: $body-bg; |
||||
|
||||
&::before { |
||||
content: " "; |
||||
display: inline-block; |
||||
width: 20px; |
||||
} |
||||
} |
||||
} |
||||
|
||||
@media screen and (min-width: $screen-md-min) { |
||||
#top-menu, |
||||
#header, |
||||
#main-menu ul, |
||||
#main, |
||||
#footer { |
||||
width: $width-md; |
||||
} |
||||
} |
||||
|
||||
@media screen and (min-width: $screen-lg-min) { |
||||
#top-menu, |
||||
#header, |
||||
#main-menu ul, |
||||
#main, |
||||
#footer { |
||||
width: $width-lg; |
||||
} |
||||
} |
||||
|
||||
#main-menu ul > li > a { |
||||
padding: $main-menu-padding-vertical 1px; |
||||
} |
||||
} |
||||
@ -0,0 +1,61 @@
|
||||
#wrapper { |
||||
.context-menu-selection { |
||||
&, |
||||
> td { |
||||
background-color: $brand-primary !important; // stylelint-disable-line declaration-no-important |
||||
color: $brand-text !important; // stylelint-disable-line declaration-no-important |
||||
} |
||||
} |
||||
|
||||
#context-menu { |
||||
> ul, |
||||
> ul > li > ul { |
||||
@include nice-shadow(2); |
||||
border: 0 none !important; // stylelint-disable-line declaration-no-important |
||||
} |
||||
|
||||
ul { |
||||
padding: 3px; |
||||
} |
||||
|
||||
li { |
||||
padding: 0; |
||||
border: 0 none; |
||||
border-radius: $border-radius-small; |
||||
background: transparent; |
||||
|
||||
&:hover { |
||||
background-color: $pagination-hover-bg; |
||||
} |
||||
} |
||||
|
||||
a:not(.easy-mindmup__icon) { |
||||
@extend %fa-icon; |
||||
padding: 3px 10px 3px 20px; |
||||
border-radius: $border-radius-small; |
||||
|
||||
&::before { |
||||
margin-top: 2px; |
||||
margin-left: -16px; |
||||
float: left; |
||||
} |
||||
|
||||
&:hover { |
||||
border-color: $pagination-hover-border; |
||||
background-color: $pagination-hover-bg; |
||||
} |
||||
|
||||
&.disabled { |
||||
color: rgba($pagination-color, .5); |
||||
} |
||||
|
||||
&.icon-checked { |
||||
background: transparent; |
||||
} |
||||
|
||||
&.submenu { |
||||
background-image: inline-svg("chevron-right.svg", (path: (fill: $btn-default-icon-color))); |
||||
} |
||||
} |
||||
} |
||||
} |
||||
@ -0,0 +1,149 @@
|
||||
.drdn { |
||||
position: relative; |
||||
|
||||
&.expanded { |
||||
> .drdn-content { |
||||
display: block; |
||||
} |
||||
} |
||||
|
||||
&-trigger { |
||||
display: inline-block; |
||||
position: relative; |
||||
box-sizing: border-box; |
||||
cursor: pointer; |
||||
user-select: none; |
||||
} |
||||
|
||||
&-content { |
||||
@include nice-shadow(2); |
||||
display: none; |
||||
position: absolute; |
||||
z-index: 1002; |
||||
top: $input-height-base + $btn-padding-vertical; |
||||
right: 0; |
||||
min-width: 150px; |
||||
overflow: hidden; |
||||
border-radius: $border-radius-base; |
||||
background: $body-bg; |
||||
} |
||||
|
||||
&-items { |
||||
max-height: 400px; |
||||
overflow: auto; |
||||
color: $gray-600; |
||||
|
||||
&:empty { |
||||
border: 0; |
||||
} |
||||
|
||||
&.selection { |
||||
> a, |
||||
> span { |
||||
@extend %fa-icon; |
||||
|
||||
&::before { |
||||
content: " "; |
||||
display: inline-block; |
||||
width: 1em; |
||||
font-weight: $font-weight-bold; |
||||
} |
||||
} |
||||
|
||||
> .selected::before { |
||||
content: $fa-var-check; |
||||
} |
||||
} |
||||
|
||||
> * { |
||||
display: block; |
||||
margin: 1px; |
||||
padding: ($btn-padding-vertical - 1px) ($btn-padding-horizontal-small - 1px); |
||||
border-radius: $border-radius-base - 1px; |
||||
|
||||
&.icon { |
||||
padding-left: $icon-width + $btn-padding-horizontal-small; |
||||
|
||||
&::before { |
||||
width: $icon-width; |
||||
margin-top: 3px; |
||||
float: left; |
||||
text-align: center; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
||||
.contextual { |
||||
.drdn-items { |
||||
padding: 3px; |
||||
|
||||
a, |
||||
span { |
||||
padding-top: $pagination-padding-vertical; |
||||
padding-bottom: $pagination-padding-vertical; |
||||
border: 1px solid transparent; |
||||
border-radius: $border-radius-small; |
||||
color: $pagination-color; |
||||
|
||||
&:hover, |
||||
&:focus { |
||||
border-color: $pagination-hover-border; |
||||
background-color: $pagination-hover-bg; |
||||
color: $pagination-hover-color; |
||||
text-decoration: none; |
||||
|
||||
&.icon-del { |
||||
color: map-get(map-get($icon-color-map, danger), normal); |
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
||||
&:not(.journal-actions) > .drdn { |
||||
&.expanded { |
||||
> .drdn-trigger { |
||||
border-color: $pagination-active-border; |
||||
background-color: $pagination-active-bg; |
||||
color: $pagination-active-color; |
||||
} |
||||
} |
||||
|
||||
.drdn-trigger { |
||||
padding: $btn-padding-vertical $btn-padding-horizontal-small; |
||||
border: 1px solid $pagination-border; |
||||
border-radius: $border-radius-base; |
||||
background-color: $pagination-bg; |
||||
box-shadow: none; |
||||
color: $pagination-color; |
||||
text-align: center; |
||||
|
||||
> .icon-only { |
||||
margin: 0 -4px; |
||||
} |
||||
|
||||
&:hover, |
||||
&:focus { |
||||
border-color: $pagination-hover-border; |
||||
background-color: $pagination-hover-bg; |
||||
color: $pagination-hover-color; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
||||
.journal-actions { |
||||
.drdn-trigger { |
||||
color: map-get(map-get($icon-color-map, default), normal); |
||||
} |
||||
|
||||
.drdn-trigger:hover, |
||||
.drdn.expanded .drdn-trigger { |
||||
color: map-get(map-get($icon-color-map, default), hover); |
||||
} |
||||
|
||||
.drdn-content { |
||||
top: $input-height-base; |
||||
} |
||||
} |
||||
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,90 @@
|
||||
// |
||||
// Flash & error messages |
||||
// -------------------------------------------------- |
||||
|
||||
|
||||
#errorExplanation, |
||||
.flash, |
||||
.nodata, |
||||
.warning, |
||||
.conflict { |
||||
@extend %fa-icon; |
||||
margin-bottom: $line-height-computed; |
||||
padding: $padding-large-vertical $padding-large-horizontal; |
||||
padding-left: $padding-large-horizontal + 8px + 16px; |
||||
border: 1px solid; |
||||
border-radius: $border-radius-large; |
||||
background-repeat: no-repeat; |
||||
background-position: $padding-large-horizontal 50%; |
||||
|
||||
&::before { |
||||
margin-left: -(8px + 16px); |
||||
float: left; |
||||
line-height: $line-height-computed; |
||||
} |
||||
|
||||
> :last-child { |
||||
margin-bottom: 0; |
||||
} |
||||
} |
||||
|
||||
@mixin flash($color, $background, $border, $link, $icon) { |
||||
border-color: $border; |
||||
background-color: $background; |
||||
color: $color; |
||||
|
||||
@if $icon == "true" { |
||||
$icon: $fa-var-check; |
||||
} @else if $icon == "warning" { |
||||
$icon: $fa-var-warning; |
||||
} @else if $icon == "exclamation" { |
||||
$icon: $fa-var-exclamation-circle; |
||||
} |
||||
|
||||
&::before { |
||||
content: $icon; |
||||
} |
||||
|
||||
a { |
||||
color: $link; |
||||
font-weight: $font-weight-bold; |
||||
} |
||||
} |
||||
|
||||
.warning, |
||||
.conflict, |
||||
.nodata { |
||||
@include flash($flash-warning-text, $flash-warning-bg, $flash-warning-border, $flash-warning-link, "warning"); |
||||
} |
||||
|
||||
.flash.notice { |
||||
@include flash($flash-success-text, $flash-success-bg, $flash-success-border, $flash-success-link, "true"); |
||||
} |
||||
|
||||
#errorExplanation, |
||||
.flash.error { |
||||
@include flash($flash-error-text, $flash-error-bg, $flash-error-border, $flash-error-link, "exclamation"); |
||||
} |
||||
|
||||
.nodata { |
||||
padding-left: $padding-large-horizontal; |
||||
text-align: center; |
||||
|
||||
&.nodata-left { |
||||
&::before { |
||||
float: left; |
||||
} |
||||
} |
||||
|
||||
&::before { |
||||
margin-left: 0; |
||||
float: none; |
||||
} |
||||
} |
||||
|
||||
#errorExplanation { |
||||
h2, |
||||
p { |
||||
display: none; |
||||
} |
||||
} |
||||
@ -0,0 +1,775 @@
|
||||
// |
||||
// Forms |
||||
// -------------------------------------------------- |
||||
|
||||
form { |
||||
td { |
||||
padding: $table-condensed-cell-padding; |
||||
} |
||||
|
||||
fieldset { |
||||
> button, |
||||
> input, |
||||
> select { |
||||
margin-right: 5px; |
||||
margin-bottom: $line-height-computed * .5; |
||||
} |
||||
} |
||||
|
||||
label { |
||||
line-height: $input-height-base; |
||||
vertical-align: top; |
||||
|
||||
> input[type="checkbox"], |
||||
> input[type="radio"] { |
||||
margin-top: $check-input-margin-btn-v; |
||||
} |
||||
} |
||||
|
||||
span.field label, |
||||
span.field ~ label, |
||||
.box label { |
||||
line-height: $line-height-base; |
||||
|
||||
> input[type="checkbox"], |
||||
> input[type="radio"] { |
||||
margin-top: $check-input-margin-vertical; |
||||
} |
||||
} |
||||
|
||||
.add-filter label, |
||||
.filter label { |
||||
line-height: $input-height-base; |
||||
} |
||||
|
||||
.contextual > & { |
||||
display: inline-block; |
||||
line-height: $input-height-base; |
||||
vertical-align: top; |
||||
|
||||
label { |
||||
line-height: inherit; |
||||
} |
||||
} |
||||
} |
||||
|
||||
button, |
||||
input, |
||||
select, |
||||
textarea { |
||||
box-sizing: border-box; |
||||
font-family: inherit; |
||||
font-size: $font-size-base; |
||||
line-height: $line-height-base; |
||||
} |
||||
|
||||
%form-field { |
||||
height: $input-height-base; |
||||
padding: $input-padding-vertical $input-padding-horizontal; |
||||
border: 1px solid $input-border; |
||||
border-radius: $input-border-radius; |
||||
background-color: $input-bg; |
||||
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075); |
||||
color: $input-color; |
||||
} |
||||
|
||||
select, |
||||
textarea, |
||||
input[type="datetime"], |
||||
input[type="datetime-local"], |
||||
input[type="date"], |
||||
input[type="month"], |
||||
input[type="time"], |
||||
input[type="week"], |
||||
input[type="number"], |
||||
input[type="url"], |
||||
input[type="tel"], |
||||
input[type="color"], |
||||
input[type="search"], |
||||
input[type="email"], |
||||
input[type="text"], |
||||
input[type="password"] { |
||||
@extend %form-field; |
||||
@include form-control-focus; |
||||
@include placeholder; |
||||
transition: |
||||
border-color $transition-time ease-in-out, |
||||
box-shadow $transition-time ease-in-out; |
||||
vertical-align: top; |
||||
|
||||
&[disabled], |
||||
&[readonly], |
||||
fieldset[disabled] & { |
||||
border-color: $input-border; |
||||
opacity: 1; |
||||
background-color: $input-bg-disabled; |
||||
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075); |
||||
} |
||||
} |
||||
|
||||
textarea { |
||||
height: auto; |
||||
resize: vertical; |
||||
|
||||
&.text_cf { |
||||
width: 100%; |
||||
resize: vertical; |
||||
} |
||||
} |
||||
|
||||
input[type="search"] { |
||||
-webkit-appearance: none; // stylelint-disable-line property-no-vendor-prefix |
||||
} |
||||
|
||||
input[type="radio"], |
||||
input[type="checkbox"] { |
||||
margin: 4px 3px 0 5px; |
||||
margin-top: 1px \9; // IE8-9 |
||||
line-height: normal; |
||||
vertical-align: top; |
||||
} |
||||
|
||||
input[type="file"] { |
||||
display: block; |
||||
} |
||||
|
||||
input[type="range"] { |
||||
display: block; |
||||
width: 100%; |
||||
} |
||||
|
||||
input { |
||||
&.autocomplete { |
||||
@extend %image-aci; |
||||
padding-right: 30px; |
||||
background-repeat: no-repeat; |
||||
background-position: right center; |
||||
|
||||
&.ajax-loading { |
||||
background-image: url("../images/preloader.gif"); |
||||
} |
||||
} |
||||
|
||||
&.string_cf, |
||||
&.link_cf { |
||||
width: 100%; |
||||
} |
||||
} |
||||
|
||||
select { |
||||
&[multiple], |
||||
&[size] { |
||||
height: auto; |
||||
min-height: $input-height-base; |
||||
} |
||||
|
||||
&[size="1"] { |
||||
height: $input-height-base; |
||||
} |
||||
|
||||
option[disabled] { |
||||
color: $gray-400; |
||||
} |
||||
|
||||
&.expandable { |
||||
vertical-align: top; |
||||
} |
||||
|
||||
&.bool_cf { |
||||
width: auto !important; // stylelint-disable-line declaration-no-important |
||||
} |
||||
} |
||||
|
||||
|
||||
//== Browser hacks: unfortunately every browser has different capabilities when |
||||
// it comes to styling <select> and <option> tags. |
||||
// |
||||
|
||||
// Mozilla Firefox |
||||
|
||||
@-moz-document url-prefix("") { |
||||
select { |
||||
&[multiple] { |
||||
padding: 0; |
||||
} |
||||
|
||||
option, |
||||
optgroup::before { |
||||
padding: $input-padding-vertical $input-padding-horizontal; |
||||
border-bottom: 1px dotted $gray-400; |
||||
} |
||||
|
||||
optgroup > option { |
||||
padding-right: $input-padding-horizontal * 2; |
||||
padding-left: $input-padding-horizontal * 2; |
||||
} |
||||
} |
||||
} |
||||
|
||||
// Google Chrome and Safari |
||||
|
||||
@supports (-webkit-appearance: none) { |
||||
select[multiple] { |
||||
padding: 0; |
||||
} |
||||
|
||||
// For some reason nested selectors will not work |
||||
select[multiple] option { |
||||
padding: $input-padding-vertical $input-padding-horizontal; |
||||
border-bottom: 1px dotted $gray-400; |
||||
} |
||||
} |
||||
|
||||
select:-moz-focusring { |
||||
color: transparent; |
||||
text-shadow: 0 0 0 #000; |
||||
} |
||||
|
||||
fieldset { |
||||
min-width: 0; |
||||
margin: 0; |
||||
padding: ($line-height-computed * .5) 0; |
||||
border: 0 none; |
||||
border-top: 1px solid $legend-border-color; |
||||
|
||||
> p > label:first-child { |
||||
margin-right: $label-space; |
||||
} |
||||
} |
||||
|
||||
legend { |
||||
padding-right: 5px; |
||||
color: $legend-color; |
||||
} |
||||
|
||||
|
||||
//== Required fields' asterisk |
||||
// |
||||
|
||||
span.required { |
||||
position: relative; |
||||
top: 3px; |
||||
margin-left: -.2em; |
||||
color: $red; |
||||
font-size: 1.5em; |
||||
font-weight: $font-weight-normal; |
||||
line-height: 0; |
||||
} |
||||
|
||||
|
||||
//== Field's hint |
||||
// |
||||
|
||||
em.info { |
||||
display: block; |
||||
padding: 2px 0; |
||||
color: $gray-700; |
||||
font-size: $font-size-small; |
||||
font-style: normal; |
||||
line-height: $line-height-base; |
||||
} |
||||
|
||||
|
||||
//== Wiki editor |
||||
// |
||||
|
||||
.wiki-edit { |
||||
color: $wiki-text; |
||||
font-family: $font-family-monospace; |
||||
line-height: $wiki-line-height; |
||||
} |
||||
|
||||
|
||||
//== Tabular forms |
||||
// |
||||
|
||||
.tabular { |
||||
&.settings { |
||||
p { |
||||
padding-left: $label-wide-width + $label-space; |
||||
} |
||||
|
||||
label { |
||||
width: $label-wide-width; |
||||
margin-left: -($label-wide-width + $label-space); |
||||
} |
||||
} |
||||
|
||||
p { |
||||
@extend %clearfix; |
||||
margin: 0 0 ($line-height-computed * .5); |
||||
padding-left: $label-width + $label-space; |
||||
clear: left; |
||||
line-height: $input-height-base; |
||||
|
||||
.jstEditor { |
||||
margin-bottom: 0; |
||||
} |
||||
|
||||
.bool_cf:not(.check_box_group) { |
||||
display: block; |
||||
padding-top: $input-padding-vertical + 1px; |
||||
line-height: $line-height-base; |
||||
|
||||
> input[type="checkbox"], |
||||
> input[type="radio"] { |
||||
margin-left: 0; |
||||
} |
||||
} |
||||
} |
||||
|
||||
input, |
||||
select { |
||||
max-width: 100%; |
||||
} |
||||
|
||||
textarea { |
||||
display: block; |
||||
width: 100%; |
||||
resize: vertical; |
||||
} |
||||
|
||||
span[title] { |
||||
border-bottom: 1px dotted $gray-600; |
||||
} |
||||
|
||||
label { |
||||
width: $label-width; |
||||
margin-bottom: $input-padding-vertical + 1px; |
||||
margin-left: -($label-width + $label-space); |
||||
padding-top: $input-padding-vertical + 1px; |
||||
float: left; |
||||
line-height: $line-height-base; |
||||
text-align: right; |
||||
user-select: none; |
||||
|
||||
&.floating { |
||||
width: 270px; |
||||
margin-left: 0; |
||||
text-align: left; |
||||
} |
||||
|
||||
&.block, |
||||
&.inline { |
||||
display: block; |
||||
width: auto; |
||||
margin-left: 0; |
||||
padding-left: $check-input-gutter; |
||||
float: none; |
||||
text-align: left; |
||||
cursor: pointer; |
||||
|
||||
> input[type="checkbox"], |
||||
> input[type="radio"] { |
||||
margin-left: -$check-input-gutter; |
||||
float: left; |
||||
} |
||||
} |
||||
|
||||
&.inline { |
||||
display: inline-block; |
||||
} |
||||
|
||||
&.role-visibility { |
||||
padding-left: 34px; |
||||
} |
||||
|
||||
> input[type="checkbox"], |
||||
> input[type="radio"] { |
||||
margin-top: $check-input-margin-vertical; |
||||
margin-left: 0; |
||||
} |
||||
|
||||
~ input[type="checkbox"], |
||||
~ input[type="radio"] { |
||||
margin-top: $check-input-margin-btn-v; |
||||
margin-left: 0; |
||||
} |
||||
} |
||||
} |
||||
|
||||
label.inline { |
||||
display: inline-block; |
||||
margin-right: $check-input-margin-horizontal; |
||||
padding-left: $check-input-gutter; |
||||
float: none; |
||||
|
||||
&:last-child { |
||||
margin-right: 0; |
||||
} |
||||
|
||||
> input { |
||||
margin-left: -$check-input-gutter; |
||||
float: left; |
||||
} |
||||
|
||||
input + & { |
||||
padding-left: 0; |
||||
} |
||||
} |
||||
|
||||
label.block { |
||||
display: block; |
||||
width: auto; |
||||
|
||||
> input { |
||||
margin-right: 3px; |
||||
margin-left: 3px; |
||||
} |
||||
} |
||||
|
||||
|
||||
//== Hack: align description edit icon with label |
||||
// |
||||
|
||||
label[for="issue_description"] + a { |
||||
display: inline-block; |
||||
|
||||
img { |
||||
vertical-align: middle; |
||||
} |
||||
} |
||||
|
||||
|
||||
//== Hack: better looking filter checkbox in sidebar in projects list |
||||
// |
||||
|
||||
label[for="closed"] { |
||||
margin-bottom: $line-height-computed * .5; |
||||
} |
||||
|
||||
|
||||
//== Input sizes |
||||
// |
||||
|
||||
.wiki-edit, |
||||
#principal_search, |
||||
#issue_subject, |
||||
#time_entry_comments, |
||||
#content_comments, |
||||
#user_search, |
||||
#user_login, |
||||
#user_firstname, |
||||
#user_lastname, |
||||
#user_mail, |
||||
#my_account_form select, |
||||
#user_form select, |
||||
#user_identity_url, |
||||
#custom_field_possible_values { |
||||
width: 100%; |
||||
} |
||||
|
||||
@if $issue-subject-large { |
||||
$input-padding-large-vertical: 8px; |
||||
$input-padding-large-horizontal: 12px; |
||||
$input-height-large: (ceil($font-size-large-px * $line-height-large) + ($input-padding-large-vertical * 2) + 2); |
||||
|
||||
label[for="issue_subject"] { |
||||
padding-top: $input-padding-large-vertical; |
||||
} |
||||
|
||||
#issue_subject { |
||||
height: $input-height-large; |
||||
padding: $input-padding-large-vertical $input-padding-large-horizontal; |
||||
border-radius: $input-border-radius-large; |
||||
font-size: $font-size-large; |
||||
line-height: $line-height-large; |
||||
} |
||||
} |
||||
|
||||
//== Add space below WYSIWYG |
||||
// |
||||
|
||||
.jstEditor { |
||||
margin-bottom: $line-height-computed * .5; |
||||
} |
||||
|
||||
//== User form |
||||
// |
||||
|
||||
#user_form { |
||||
@extend %clearfix; |
||||
margin-bottom: $line-height-computed; |
||||
|
||||
~ p { |
||||
margin-bottom: 0; |
||||
} |
||||
} |
||||
|
||||
|
||||
//== Attachments |
||||
// |
||||
|
||||
#attachments_fields, |
||||
#existing-attachments, |
||||
.attachments_fields { |
||||
> span { |
||||
display: block; |
||||
margin-bottom: $line-height-computed * .25; |
||||
} |
||||
|
||||
input { |
||||
width: 21.5em; |
||||
margin-right: .5em; |
||||
margin-bottom: $line-height-computed * .25; |
||||
|
||||
&.filename { |
||||
padding-left: $input-padding-horizontal + 16px; |
||||
background-image: url("../../../images/attachment.png"); |
||||
background-repeat: no-repeat; |
||||
background-position: 4px center; |
||||
} |
||||
} |
||||
|
||||
.ajax-waiting input.filename { |
||||
background-image: url("../../../images/hourglass.png"); |
||||
} |
||||
|
||||
.ajax-loading input.filename { |
||||
background-image: url("../../../images/loading.gif"); |
||||
} |
||||
|
||||
div.ui-progressbar { |
||||
display: inline-block; |
||||
width: 100px; |
||||
height: 14px; |
||||
margin: 2px 0 -5px 8px; |
||||
} |
||||
} |
||||
|
||||
#add_attachment_form { |
||||
p { |
||||
margin-bottom: 0; |
||||
} |
||||
} |
||||
|
||||
|
||||
//== Issue form elements |
||||
// |
||||
|
||||
#issue-form { |
||||
fieldset { |
||||
&:last-child { |
||||
padding-bottom: 0; |
||||
|
||||
p { |
||||
margin-bottom: 0; |
||||
} |
||||
} |
||||
} |
||||
|
||||
.splitcontentleft, |
||||
.splitcontentright { |
||||
width: 100%; |
||||
padding-right: 0; |
||||
padding-left: 0; |
||||
float: left; |
||||
|
||||
@media screen and (min-width: $screen-sm-min) { |
||||
width: auto; |
||||
min-width: 36em; |
||||
} |
||||
|
||||
textarea.text_cf, |
||||
input.string_cf, |
||||
input.link_cf, |
||||
select { |
||||
width: 90%; |
||||
} |
||||
} |
||||
|
||||
.splitcontentleft { |
||||
@media screen and (min-width: $screen-sm-min) { |
||||
margin-right: $padding-side; |
||||
} |
||||
} |
||||
|
||||
#issue_estimated_hours, |
||||
#issue_done_ratio { |
||||
width: 5.5em; |
||||
min-width: 1em; |
||||
padding-left: .2em; |
||||
text-align: right; |
||||
} |
||||
} |
||||
|
||||
|
||||
//== #all_attributes > p[style] is targeting Redmine 2.x |
||||
// |
||||
|
||||
#issue_is_private_wrap, |
||||
#all_attributes > p[style] { |
||||
margin-right: 0 !important; // stylelint-disable-line declaration-no-important |
||||
margin-bottom: 0; |
||||
padding-left: 0; |
||||
float: right; |
||||
|
||||
input { |
||||
margin-top: $check-input-margin-btn-v; |
||||
margin-right: 3px; |
||||
} |
||||
|
||||
label { |
||||
display: inline-block !important; // stylelint-disable-line declaration-no-important |
||||
margin-right: 0; |
||||
padding-left: 0; |
||||
} |
||||
} |
||||
|
||||
|
||||
#users_for_watcher, |
||||
#watchers_inputs { |
||||
display: block; |
||||
max-height: $check-list-max-height; |
||||
margin-bottom: $line-height-computed * .5; |
||||
overflow: auto; |
||||
|
||||
label { |
||||
@include check-list; |
||||
} |
||||
|
||||
.gravatar { |
||||
margin-right: $padding-small-vertical; |
||||
} |
||||
} |
||||
|
||||
#watchers_inputs { |
||||
max-width: 64em; |
||||
columns: 18em 3; |
||||
} |
||||
|
||||
|
||||
//== List of custom field values |
||||
// |
||||
|
||||
.check_box_group { |
||||
display: block; |
||||
width: 90%; |
||||
max-height: $check-list-max-height; |
||||
overflow-y: auto; |
||||
|
||||
label { |
||||
@include check-list; |
||||
} |
||||
|
||||
@media screen and (min-width: $redmine-responsive-min) { |
||||
// Boolean field displayed as inline radio buttons |
||||
&.bool_cf { |
||||
overflow: initial; |
||||
|
||||
label { |
||||
display: inline-block; |
||||
margin-right: $check-input-margin-horizontal; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
||||
|
||||
//== Filters |
||||
// |
||||
|
||||
fieldset#filters { |
||||
table { |
||||
td { |
||||
vertical-align: top; |
||||
} |
||||
} |
||||
|
||||
td { |
||||
&.field { |
||||
padding-right: $table-cell-padding * 2; |
||||
white-space: nowrap; |
||||
|
||||
@media screen and (min-width: $screen-sm-min) { |
||||
min-width: 180px; |
||||
} |
||||
} |
||||
|
||||
&.operator { |
||||
min-width: 180px; |
||||
padding-right: $table-cell-padding * 2; |
||||
|
||||
select { |
||||
width: 100%; |
||||
} |
||||
} |
||||
|
||||
&.values { |
||||
min-width: 130px; |
||||
white-space: nowrap; |
||||
|
||||
select { |
||||
min-width: 130px; |
||||
} |
||||
} |
||||
|
||||
&.add-filter { |
||||
padding-top: $table-condensed-cell-padding * 2; |
||||
text-align: right; |
||||
} |
||||
|
||||
input[type="checkbox"], |
||||
input[type="radio"] { |
||||
margin-top: $check-input-margin-btn-v; |
||||
} |
||||
} |
||||
|
||||
div.add-filter { |
||||
padding-top: $table-condensed-cell-padding; |
||||
|
||||
@media screen and (min-width: $redmine-responsive-min) { |
||||
float: right; |
||||
text-align: right; |
||||
} |
||||
} |
||||
} |
||||
|
||||
#filters-table { |
||||
float: left; |
||||
} |
||||
|
||||
|
||||
#activity_scope_form { |
||||
li { |
||||
> input[type="checkbox"], |
||||
> input[type="radio"] { |
||||
margin-top: $check-input-margin-btn-v; |
||||
} |
||||
} |
||||
} |
||||
|
||||
|
||||
#query_form { |
||||
p { |
||||
input, |
||||
select, |
||||
label, |
||||
.icon, |
||||
.icon-only, |
||||
> span > a { |
||||
line-height: inherit; |
||||
vertical-align: middle; |
||||
} |
||||
} |
||||
} |
||||
|
||||
.query_sort_criteria_count { |
||||
display: inline-block; |
||||
min-width: 1em; |
||||
margin-bottom: $line-height-computed * .25; |
||||
line-height: $input-height-base; |
||||
} |
||||
|
||||
|
||||
//== Reset label style for trackers selector in custom field editor |
||||
// |
||||
|
||||
label.no-css { |
||||
width: auto; |
||||
margin-left: 0; |
||||
float: none; |
||||
font-weight: inherit; |
||||
line-height: inherit; |
||||
text-align: left; |
||||
} |
||||
@ -0,0 +1,269 @@
|
||||
// |
||||
// Gantt chart |
||||
// -------------------------------------------------- |
||||
|
||||
div.gantt_content { |
||||
overflow: auto; |
||||
} |
||||
|
||||
.controller-gantts form + table, |
||||
table.gantt-table { |
||||
width: 100%; |
||||
border-collapse: collapse; |
||||
|
||||
td { |
||||
padding: 0; |
||||
vertical-align: top; |
||||
} |
||||
} |
||||
|
||||
.gantt_hdr { |
||||
position: absolute; |
||||
top: 0; |
||||
height: 16px; |
||||
overflow: hidden; |
||||
border: 1px solid $gray-500; |
||||
text-align: center; |
||||
|
||||
&[style*="background"] { |
||||
background: $gray-200 !important; // stylelint-disable-line declaration-no-important |
||||
} |
||||
|
||||
&.nwday { |
||||
background-color: $gray-200; |
||||
color: $gray-950; |
||||
} |
||||
|
||||
#gantt_area & { |
||||
border-right-width: 1px; |
||||
border-left-width: 0; |
||||
} |
||||
|
||||
.gantt_subjects_container:not(.draw_selected_columns) &, |
||||
.last_gantt_selected_column & { |
||||
z-index: 1; |
||||
} |
||||
} |
||||
|
||||
.gantt_subjects_container .gantt_subjects { |
||||
z-index: 2; |
||||
} |
||||
|
||||
.last_gantt_selected_column .gantt_selected_column_container, |
||||
.gantt_subjects_container .gantt_subjects * { |
||||
z-index: 10; |
||||
} |
||||
|
||||
.gantt_subjects_column { |
||||
.gantt_hdr { |
||||
border-left: 1px solid $gray-500 !important; // stylelint-disable-line declaration-no-important |
||||
} |
||||
|
||||
+ td { |
||||
padding: 0; |
||||
} |
||||
} |
||||
|
||||
.gantt_subjects { |
||||
.issue-subject { |
||||
&:hover { |
||||
background-color: $table-bg-hover; |
||||
} |
||||
|
||||
img.icon-gravatar { |
||||
float: none; |
||||
} |
||||
} |
||||
} |
||||
|
||||
.gantt_hdr_selected_column_name { |
||||
@include text-overflow; |
||||
position: absolute; |
||||
top: 50%; |
||||
width: 100%; |
||||
transform: translateY(-50%); |
||||
font-size: $font-size-small; |
||||
} |
||||
|
||||
td.gantt_selected_column { |
||||
width: 60px; |
||||
} |
||||
|
||||
td.gantt_selected_column .gantt_hdr, |
||||
.gantt_selected_column_container { |
||||
width: 60px - 1px; |
||||
border-left-width: 0; |
||||
} |
||||
|
||||
.gantt_subjects { |
||||
position: relative; |
||||
z-index: 1; |
||||
font-size: $font-size-small; |
||||
} |
||||
|
||||
.gantt_selected_column_content { |
||||
div { |
||||
box-sizing: border-box; |
||||
padding-right: $table-condensed-cell-padding; |
||||
padding-left: $table-condensed-cell-padding; |
||||
} |
||||
} |
||||
|
||||
.gantt_subjects, |
||||
.gantt_selected_column_content { |
||||
div { |
||||
@include text-overflow; |
||||
width: 100%; |
||||
height: 16px; |
||||
line-height: 16px; |
||||
} |
||||
} |
||||
|
||||
.task { |
||||
position: absolute; |
||||
height: 8px; |
||||
margin: 2px 0 0; |
||||
padding: 0; |
||||
font-size: 11px; |
||||
line-height: 16px; |
||||
white-space: nowrap; |
||||
|
||||
&.label { |
||||
width: 100%; |
||||
margin-top: 0; |
||||
|
||||
&.project, |
||||
&.version { |
||||
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 { |
||||
border: 1px solid darken($progress-bar-danger-bg, 10%); |
||||
background-color: $progress-bar-danger-bg; |
||||
} |
||||
|
||||
.task_done { |
||||
border: 1px solid darken($progress-bar-success-bg, 10%); |
||||
background-color: $progress-bar-success-bg; |
||||
} |
||||
|
||||
.task_todo { |
||||
border: 1px solid darken($progress-bg, 20%); |
||||
background-color: $progress-bg; |
||||
|
||||
&.parent { |
||||
border: 1px solid darken($progress-bg, 30%); |
||||
background-color: darken($progress-bg, 10%); |
||||
} |
||||
} |
||||
|
||||
.project, |
||||
.version { |
||||
&.task_late, |
||||
&.task_done, |
||||
&.task_todo { |
||||
height: 2px; |
||||
margin-top: 3px; |
||||
} |
||||
|
||||
&.task_todo { |
||||
border: 1px solid darken($progress-bar-info-bg, 10%); |
||||
background-color: $progress-bar-info-bg; |
||||
} |
||||
|
||||
&.marker { |
||||
margin-top: 1px; |
||||
margin-left: -4px; |
||||
border: 0 none; |
||||
background-image: url("../../../images/version_marker.png"); |
||||
background-repeat: no-repeat; |
||||
} |
||||
} |
||||
|
||||
.version-behind-schedule, |
||||
.issue-behind-schedule { |
||||
color: $brand-warning; |
||||
|
||||
.context-menu-selection & { |
||||
color: $brand-text; |
||||
} |
||||
} |
||||
|
||||
.version-overdue, |
||||
.issue-overdue, |
||||
.project-overdue { |
||||
color: $brand-danger; |
||||
|
||||
.context-menu-selection & { |
||||
color: $brand-text; |
||||
} |
||||
} |
||||
|
||||
|
||||
//== Tooltips |
||||
// |
||||
|
||||
.tooltip { |
||||
position: relative; |
||||
z-index: 24; |
||||
|
||||
&:hover { |
||||
z-index: 25; |
||||
|
||||
span.tip { |
||||
display: block; |
||||
} |
||||
} |
||||
|
||||
span.tip { |
||||
@include nice-shadow(3); |
||||
display: none; |
||||
position: absolute; |
||||
top: 12px; |
||||
width: 270px; |
||||
padding: $padding-base-vertical; |
||||
border: $tooltip-border-width solid $tooltip-border; |
||||
border-radius: $border-radius-small; |
||||
background-color: $tooltip-bg; |
||||
color: $tooltip-text; |
||||
font-size: $font-size-small; |
||||
text-align: left; |
||||
} |
||||
|
||||
@if $sidebar-position == "left" { |
||||
.list & { |
||||
span.tip { |
||||
right: 0; |
||||
left: auto; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
@ -0,0 +1,34 @@
|
||||
// |
||||
// Gravatars |
||||
// -------------------------------------------------- |
||||
|
||||
img.gravatar { |
||||
position: relative; |
||||
top: -.15em; |
||||
overflow: hidden; |
||||
border-radius: $border-radius-large; |
||||
line-height: 1; |
||||
vertical-align: middle; |
||||
|
||||
h2 &, |
||||
h3 &, |
||||
h4 & { |
||||
margin-right: 5px; |
||||
} |
||||
} |
||||
|
||||
|
||||
//== Administration -> /users |
||||
// |
||||
|
||||
.username img.gravatar { |
||||
margin-right: .5em; |
||||
} |
||||
|
||||
//== Gravatar |
||||
// Used on 12px Gravatar img tags without the icon background |
||||
|
||||
.icon-gravatar { |
||||
margin-right: 5px; |
||||
float: left; |
||||
} |
||||
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,8 @@
|
||||
// |
||||
// Base64 encoded images |
||||
// -------------------------------------------------- |
||||
|
||||
// ACI = AutoComplete Indicator |
||||
%image-aci { |
||||
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAKBAMAAAAnY0GXAAAAD1BMVEUAAACzs7Ozs7Ozs7Ozs7NJvZFvAAAABHRSTlMA5kpJG2qUMwAAABtJREFUCNdjIBMYCkMRDIg4QhBuAUUhKCIPAAAlaQNk5qF21gAAAABJRU5ErkJggg=="); |
||||
} |
||||
@ -0,0 +1,809 @@
|
||||
// |
||||
// Issue page |
||||
// -------------------------------------------------- |
||||
|
||||
.issue { |
||||
@if not $clean-issues { |
||||
&.details { |
||||
padding: $issue-padding; |
||||
border: 1px solid $issue-border; |
||||
border-radius: $border-radius-base; |
||||
background-color: $issue-bg; |
||||
color: $issue-text; |
||||
} |
||||
} |
||||
|
||||
&.details { |
||||
margin-bottom: $line-height-computed; |
||||
word-wrap: break-word; |
||||
|
||||
@if $use-gravatars { |
||||
// For Redmine 3.4+ |
||||
.gravatar-with-child { |
||||
position: relative; |
||||
|
||||
> img.gravatar { |
||||
top: 0; |
||||
width: $issue-gravatar-size; |
||||
height: $issue-gravatar-size; |
||||
margin-right: 10px; |
||||
margin-bottom: $line-height-computed * .5; |
||||
float: left; |
||||
|
||||
&:nth-child(2) { |
||||
position: absolute; |
||||
top: $issue-gravatar-size * .6; |
||||
left: $issue-gravatar-size * .6; |
||||
width: $issue-gravatar-size * .5; |
||||
height: $issue-gravatar-size * .5; |
||||
border: 2px solid rgba(255, 255, 255, .9); |
||||
border-radius: 20%; |
||||
} |
||||
} |
||||
} |
||||
|
||||
> img.gravatar { |
||||
top: 0; |
||||
width: $issue-gravatar-size; |
||||
height: $issue-gravatar-size; |
||||
margin-right: 10px; |
||||
margin-bottom: $line-height-computed * .5; |
||||
float: left; |
||||
} |
||||
|
||||
.assigned-to img.gravatar { |
||||
position: relative; |
||||
top: -3px; |
||||
margin-right: 5px; |
||||
} |
||||
|
||||
> .subject, |
||||
> .author { |
||||
padding-left: $issue-gravatar-size * 1.1 + 10px; |
||||
} |
||||
} |
||||
|
||||
&.assigned-to-me { |
||||
.assigned-to .user { |
||||
font-weight: $font-weight-bold; |
||||
} |
||||
} |
||||
|
||||
> .subject { |
||||
h3 { |
||||
margin-bottom: .3em; |
||||
color: $gray-950; |
||||
font-size: $issue-heading-size * 1em; |
||||
font-weight: $font-weight-bold; |
||||
line-height: 1.1; |
||||
} |
||||
|
||||
p { |
||||
margin-bottom: 5px; |
||||
font-size: $font-size-small; |
||||
} |
||||
} |
||||
|
||||
> .author { |
||||
margin-bottom: $line-height-computed; |
||||
} |
||||
|
||||
> hr, |
||||
.attribute > hr { |
||||
@if $clean-issues { |
||||
margin: $issue-padding 0; |
||||
} @else { |
||||
margin: $issue-padding (-$issue-padding); |
||||
} |
||||
border-top-color: $issue-border; |
||||
} |
||||
|
||||
> .description { |
||||
> p { |
||||
margin-bottom: $issue-padding; |
||||
} |
||||
|
||||
> .wiki { |
||||
@if $clean-issues { |
||||
margin: 0 0 $issue-padding; |
||||
} @else { |
||||
margin: 0 (-$issue-padding) (-$issue-padding); |
||||
padding: $padding-wiki; |
||||
border-top: 1px solid $issue-border; |
||||
background: $body-bg; |
||||
} |
||||
} |
||||
} |
||||
|
||||
.next-prev-links { |
||||
margin: 0 0 $line-height-computed; |
||||
float: none; |
||||
color: $gray-600; |
||||
|
||||
@media screen and (min-width: $screen-md-min) { |
||||
margin: 0; |
||||
float: right; |
||||
} |
||||
} |
||||
} |
||||
|
||||
@if $color-status { |
||||
.attributes td.status, |
||||
.attributes .attribute.status .value { |
||||
display: inline-block; |
||||
width: auto; |
||||
min-width: 1em; |
||||
margin-top: $issue-attribute-padding-v; |
||||
padding: 1px $table-cell-padding; |
||||
border-radius: $border-radius-base; |
||||
background-color: $status-default-bg; |
||||
color: $status-default-color; |
||||
font-size: $font-size-small; |
||||
font-weight: $font-weight-bold; |
||||
text-align: center; |
||||
text-transform: uppercase; |
||||
} |
||||
|
||||
@each $status, $status-colors in $status-colors-map { |
||||
&.#{$status} { |
||||
.attributes td.status, |
||||
.attributes .attribute.status .value { |
||||
background-color: map-get($status-colors, background); |
||||
color: map-get($status-colors, color); |
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
||||
@if $priority-icon { |
||||
.attributes td.priority, |
||||
.attribute.priority .value { |
||||
@include priority-icon-base; |
||||
} |
||||
} |
||||
|
||||
table.attributes { |
||||
width: 100%; |
||||
|
||||
th, |
||||
td { |
||||
padding: $issue-attribute-padding-v $issue-attribute-padding-h $issue-attribute-padding-v 0; |
||||
text-align: left; |
||||
vertical-align: top; |
||||
} |
||||
|
||||
> tbody > tr { |
||||
th { |
||||
color: $gray-700; |
||||
font-weight: $font-weight-normal; |
||||
} |
||||
|
||||
td { |
||||
color: $gray-950; |
||||
} |
||||
} |
||||
|
||||
@media screen and (min-width: $screen-md-min) { |
||||
> tbody > tr { |
||||
> th { |
||||
width: $label-width; |
||||
} |
||||
|
||||
> td { |
||||
min-width: $label-width; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
||||
div.attributes { |
||||
@if $css-grid-layout { |
||||
display: grid; |
||||
grid-gap: 0 $padding-side; |
||||
grid-template-columns: auto; |
||||
|
||||
@media screen and (min-width: $screen-lg-min) { |
||||
grid-template-columns: repeat(2, minmax(auto, max-content)); |
||||
|
||||
.attribute .value { |
||||
min-width: $label-width; |
||||
} |
||||
} |
||||
|
||||
.splitcontent { |
||||
display: contents; |
||||
|
||||
&::after { |
||||
content: none; |
||||
} |
||||
} |
||||
|
||||
.splitcontentleft { |
||||
width: auto; |
||||
padding-right: 0; |
||||
padding-left: 0; |
||||
float: none; |
||||
} |
||||
} @else { |
||||
@media screen and (min-width: $screen-lg-min) { |
||||
.splitcontentleft { |
||||
width: auto; |
||||
} |
||||
|
||||
.attribute .value { |
||||
min-width: $label-width; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
||||
.splitcontent { |
||||
.attribute { |
||||
padding-left: $label-width; |
||||
|
||||
.label { |
||||
width: $label-width; |
||||
margin-left: -$label-width; |
||||
} |
||||
} |
||||
} |
||||
|
||||
.attribute { |
||||
@extend %clearfix; |
||||
|
||||
.label, |
||||
.value { |
||||
padding: $issue-attribute-padding-v $issue-attribute-padding-h $issue-attribute-padding-v 0; |
||||
} |
||||
|
||||
.label { |
||||
box-sizing: border-box; |
||||
float: left; |
||||
color: $gray-700; |
||||
} |
||||
|
||||
.value { |
||||
color: $gray-950; |
||||
|
||||
&:empty::after { |
||||
content: "-"; |
||||
} |
||||
|
||||
*:last-child { |
||||
margin-bottom: 0; |
||||
} |
||||
} |
||||
} |
||||
|
||||
table.progress { |
||||
width: 80px; |
||||
} |
||||
|
||||
div.attachments { |
||||
margin: 0; |
||||
padding: 0; |
||||
border-top: 0; |
||||
} |
||||
|
||||
div.description + div.attachments { |
||||
margin: $issue-padding (-$issue-padding) (-$issue-padding); |
||||
padding: $issue-padding; |
||||
border-top: 1px solid $issue-border; |
||||
} |
||||
|
||||
// Restore margin below buttons in reverse chronological mode |
||||
+ div[style] + .contextual { |
||||
margin-bottom: $line-height-computed; |
||||
} |
||||
} |
||||
|
||||
div.fileover, |
||||
p.custom-field-filedroplistner.fileover { |
||||
background-color: $highlight-bg; |
||||
} |
||||
|
||||
div.attachments:not(.box) { |
||||
padding: $line-height-computed 0; |
||||
border-top: 1px solid $issue-border; |
||||
|
||||
@at-root .collapsible #{&} { |
||||
padding-top: 0; |
||||
border-top: 0; |
||||
} |
||||
|
||||
p { |
||||
margin: 10px 0 0; |
||||
} |
||||
|
||||
p:first-child, |
||||
.contextual + p { |
||||
margin-top: 0; |
||||
} |
||||
|
||||
img { |
||||
position: relative; |
||||
top: -1px; |
||||
vertical-align: middle; |
||||
} |
||||
|
||||
.delete { |
||||
opacity: $icon-opacity; |
||||
|
||||
&:hover { |
||||
opacity: $icon-hover-opacity; |
||||
} |
||||
} |
||||
|
||||
span.author { |
||||
color: $gray-700; |
||||
font-size: $font-size-small; |
||||
} |
||||
} |
||||
|
||||
div.thumbnails { |
||||
margin-top: $issue-padding; |
||||
|
||||
div { |
||||
display: inline; |
||||
} |
||||
|
||||
a { |
||||
display: inline-block; |
||||
margin-right: 2px; |
||||
border: 1px solid $gray-400; |
||||
border-radius: $border-radius-base; |
||||
background-color: $body-bg; |
||||
|
||||
&:hover { |
||||
border-color: $gray-600; |
||||
} |
||||
} |
||||
|
||||
img { |
||||
top: 0; |
||||
margin: 3px; |
||||
border-radius: $border-radius-base - 1; |
||||
vertical-align: middle; |
||||
} |
||||
} |
||||
|
||||
#issue_tree, |
||||
#relations { |
||||
> p { |
||||
margin-bottom: 0; |
||||
} |
||||
|
||||
.issues { |
||||
margin: ($line-height-computed * .5) 0 0; |
||||
|
||||
tr { |
||||
background-color: transparent; |
||||
} |
||||
|
||||
tr:last-child > td { |
||||
border-bottom: 0 none; |
||||
} |
||||
|
||||
td.subject { |
||||
width: 50%; |
||||
} |
||||
|
||||
td.checkbox { |
||||
display: none; |
||||
} |
||||
|
||||
td.done_ratio { |
||||
width: 80px; |
||||
} |
||||
|
||||
td.buttons { |
||||
width: 3em; |
||||
vertical-align: middle; |
||||
|
||||
a:not(:first-child) { |
||||
margin-left: 2px; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
||||
#trackers_description { |
||||
display: none; |
||||
|
||||
dt { |
||||
margin: 0 0 ($line-height-computed * .25); |
||||
} |
||||
|
||||
dd { |
||||
margin-right: 0; |
||||
margin-left: 0; |
||||
} |
||||
} |
||||
|
||||
#new-relation-form { |
||||
text-align: right; |
||||
|
||||
> p { |
||||
margin-bottom: 0; |
||||
|
||||
> input { |
||||
margin-right: 5px; |
||||
} |
||||
} |
||||
} |
||||
|
||||
#update > form { |
||||
margin-bottom: $line-height-computed; |
||||
padding-bottom: $line-height-computed; |
||||
border-bottom: 1px solid $issue-border; |
||||
} |
||||
|
||||
#history { |
||||
> .tabs { |
||||
margin-bottom: $line-height-computed + 2px * 2; |
||||
} |
||||
|
||||
&.hide-details { |
||||
.journal, |
||||
.details, |
||||
.first-of-notes::before { |
||||
display: none; |
||||
} |
||||
|
||||
.has-notes { |
||||
display: block; |
||||
} |
||||
} |
||||
|
||||
&.hide-notes { |
||||
.journal, |
||||
.wiki, |
||||
.first-of-details::before { |
||||
display: none; |
||||
} |
||||
|
||||
.has-details { |
||||
display: block; |
||||
} |
||||
} |
||||
} |
||||
|
||||
.journal { |
||||
position: relative; |
||||
margin-bottom: $line-height-computed; |
||||
border: 1px solid $bubble-border; |
||||
border-radius: $panel-border-radius; |
||||
|
||||
@if $use-gravatars { |
||||
margin-left: $bubble-gravatar-size + $bubble-gravatar-space; |
||||
} |
||||
|
||||
&.changeset { |
||||
h4 + p { |
||||
margin-bottom: 0; |
||||
padding-bottom: $bubble-padding-vertical; |
||||
background-color: $bubble-bg; |
||||
font-size: $font-size-list; |
||||
|
||||
> a:first-child { |
||||
font-family: $font-family-monospace; |
||||
font-weight: $font-weight-bold; |
||||
} |
||||
} |
||||
} |
||||
|
||||
> div { |
||||
&:target { |
||||
$border: $bubble-target-border; |
||||
$shadow: rgba($bubble-target-border, $bubble-target-shadow-alpha); |
||||
position: relative; |
||||
margin-top: -($responsive-header-height + 4px); |
||||
padding-top: ($responsive-header-height + 4px); |
||||
|
||||
&::before { |
||||
content: ""; |
||||
display: block; |
||||
position: absolute; |
||||
top: ($responsive-header-height + 4px); |
||||
right: 0; |
||||
bottom: 0; |
||||
left: 0; |
||||
border-radius: $panel-border-radius - 1px; |
||||
box-shadow: 0 0 0 1px $border, 0 0 0 4px $shadow; |
||||
pointer-events: none; |
||||
} |
||||
|
||||
@if $use-gravatars { |
||||
> h4::before { |
||||
border-right-color: $border; |
||||
filter: drop-shadow(-4px 0 0 $shadow); |
||||
} |
||||
} |
||||
|
||||
@media screen and (min-width: $redmine-responsive-min) { |
||||
margin-top: -$line-height-computed; |
||||
padding-top: $line-height-computed; |
||||
|
||||
&::before { |
||||
top: $line-height-computed; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
||||
// For Redmine 4.0+ |
||||
> div > .contextual, |
||||
> .contextual { |
||||
position: relative; |
||||
z-index: 1; |
||||
margin: 0; |
||||
padding: $bubble-padding-vertical $bubble-padding-horizontal; |
||||
font-size: $font-size-list; |
||||
|
||||
> a.journal-link { |
||||
padding-left: $issue-attribute-padding-h; |
||||
opacity: 1; |
||||
color: $gray-700; |
||||
|
||||
&::before { |
||||
content: ""; |
||||
display: none; |
||||
} |
||||
} |
||||
} |
||||
|
||||
> div > h4, |
||||
> h4 { |
||||
margin: 0; |
||||
padding: $bubble-padding-vertical $bubble-padding-horizontal; |
||||
border-radius: $panel-border-radius $panel-border-radius 0 0; |
||||
background-color: $bubble-bg; |
||||
color: $gray-700; |
||||
font-size: $font-size-list; |
||||
font-weight: $font-weight-normal; |
||||
|
||||
a { |
||||
color: $gray-900; |
||||
|
||||
&.user { |
||||
font-weight: $font-weight-bold; |
||||
} |
||||
} |
||||
|
||||
.journal-link { |
||||
color: $gray-700; |
||||
} |
||||
} |
||||
|
||||
@if $use-gravatars { |
||||
> div > h4, |
||||
> h4 { |
||||
position: relative; |
||||
|
||||
&::before, |
||||
&::after { |
||||
content: " "; |
||||
display: block; |
||||
position: absolute; |
||||
top: 9px; |
||||
right: 100%; |
||||
left: -14px; |
||||
width: 0; |
||||
height: 0; |
||||
border-style: solid solid outset; |
||||
border-color: transparent; |
||||
pointer-events: none; |
||||
} |
||||
|
||||
&::after { |
||||
margin-top: 1px; |
||||
margin-left: 2px; |
||||
border-width: 6px; |
||||
border-right-color: $bubble-bg; |
||||
} |
||||
|
||||
&::before { |
||||
border-width: 7px; |
||||
border-right-color: $bubble-border; |
||||
} |
||||
|
||||
> .gravatar { |
||||
top: 0; |
||||
margin-top: $line-height-computed - $bubble-gravatar-size; |
||||
margin-left: -($bubble-gravatar-size + $bubble-gravatar-space + $bubble-padding-horizontal + 1px); |
||||
float: left; |
||||
} |
||||
} |
||||
} |
||||
|
||||
> p { |
||||
padding-right: $bubble-padding-horizontal; |
||||
padding-left: $bubble-padding-horizontal; |
||||
|
||||
&:empty { |
||||
margin-bottom: 0; |
||||
} |
||||
} |
||||
|
||||
form, |
||||
.wiki, |
||||
.details { |
||||
border-top: 1px solid $bubble-border; |
||||
} |
||||
|
||||
.details { |
||||
margin: 0; |
||||
padding: $bubble-padding-vertical 0; |
||||
padding-left: $bubble-padding-horizontal + 20px; |
||||
font-size: $font-size-list; |
||||
|
||||
img { |
||||
margin: 0 0 -3px 4px; |
||||
} |
||||
} |
||||
|
||||
.thumbnails { |
||||
margin: 0; |
||||
padding: 0 $bubble-padding-horizontal $bubble-padding-vertical; |
||||
|
||||
img { |
||||
vertical-align: middle; |
||||
} |
||||
} |
||||
|
||||
.wiki { |
||||
padding: $issue-padding; |
||||
} |
||||
|
||||
form { |
||||
padding: $bubble-padding-vertical $bubble-padding-horizontal $bubble-padding-horizontal; |
||||
background-color: $bubble-bg; |
||||
|
||||
> p { |
||||
margin-bottom: $issue-padding; |
||||
|
||||
&:last-child { |
||||
margin-bottom: 0; |
||||
} |
||||
} |
||||
|
||||
> label { |
||||
display: inline-block; |
||||
margin-bottom: $line-height-computed * .5; |
||||
line-height: $line-height-base; |
||||
} |
||||
|
||||
> .wiki { |
||||
margin: 0 (-$issue-padding) (-$issue-padding); |
||||
padding: 0; |
||||
border: 0 none; |
||||
|
||||
.preview { |
||||
padding: $issue-padding; |
||||
} |
||||
} |
||||
} |
||||
|
||||
i { |
||||
&:first-of-type, |
||||
&:last-of-type { |
||||
padding: 2px 4px; |
||||
border-radius: $border-radius-small; |
||||
font-size: .9285em; |
||||
font-style: normal; |
||||
} |
||||
} |
||||
|
||||
del > i:first-of-type, |
||||
i:first-of-type { |
||||
background-color: $journal-old-value-bg; |
||||
color: $journal-old-value-color; |
||||
} |
||||
|
||||
i:last-of-type { |
||||
background-color: $journal-new-value-bg; |
||||
color: $journal-new-value-color; |
||||
} |
||||
} |
||||
|
||||
.private-notes { |
||||
border-left-color: $brand-warning; |
||||
|
||||
> div > h4::before { |
||||
border-right-color: $brand-warning; |
||||
} |
||||
} |
||||
|
||||
#activity dt, |
||||
.journal { |
||||
clear: left; |
||||
} |
||||
|
||||
.journal-actions > a, |
||||
.journal-actions .drdn-trigger { |
||||
margin: -3px 3px; |
||||
padding-top: 3px; |
||||
padding-bottom: 3px; |
||||
} |
||||
|
||||
.journal-link { |
||||
margin: -3px -3px -3px 0; |
||||
padding: 3px; |
||||
float: right; |
||||
} |
||||
|
||||
span.private { |
||||
padding: $tracker-inline-padding; |
||||
border-radius: $border-radius-small; |
||||
background: $brand-warning; |
||||
color: $brand-text; |
||||
font-size: $font-size-small; |
||||
font-weight: $font-weight-bold; |
||||
text-transform: uppercase; |
||||
} |
||||
|
||||
#issue-changesets { |
||||
margin-bottom: $line-height-computed; |
||||
|
||||
@media screen and (min-width: $screen-md-min) { |
||||
width: 45%; |
||||
float: right; |
||||
|
||||
+ #history { |
||||
margin-right: 45%; |
||||
padding-right: $padding-side; |
||||
} |
||||
} |
||||
|
||||
@media screen and (min-width: $screen-lg-min) { |
||||
width: 33%; |
||||
|
||||
+ #history { |
||||
margin-right: 33%; |
||||
} |
||||
} |
||||
|
||||
div.changeset { |
||||
margin-top: $line-height-computed * .5 + 2px * 2; |
||||
padding: 0; |
||||
overflow: hidden; |
||||
border: 1px solid $bubble-border; |
||||
border-radius: $panel-border-radius; |
||||
background-color: $bubble-bg; |
||||
font-size: $font-size-list; |
||||
|
||||
&:first-of-type { |
||||
margin-top: 0; |
||||
} |
||||
|
||||
> p { |
||||
@include clearfix; |
||||
margin: 0; |
||||
padding: $padding-base-vertical $padding-base-horizontal; |
||||
color: $gray-700; |
||||
|
||||
> a:first-child { |
||||
font-family: $font-family-monospace; |
||||
font-weight: $font-weight-bold; |
||||
} |
||||
|
||||
.author a { |
||||
color: $gray-900; |
||||
|
||||
&.user { |
||||
font-weight: $font-weight-bold; |
||||
} |
||||
} |
||||
|
||||
> br { |
||||
display: none; |
||||
} |
||||
} |
||||
|
||||
> .wiki { |
||||
padding: $padding-base-vertical $padding-base-horizontal; |
||||
border-top: 1px solid $bubble-border; |
||||
background-color: $body-bg; |
||||
} |
||||
} |
||||
} |
||||
@ -0,0 +1,332 @@
|
||||
// |
||||
// Tweaks for jQuery UI |
||||
// -------------------------------------------------- |
||||
|
||||
|
||||
//== Component containers |
||||
// |
||||
|
||||
.ui-widget { |
||||
&, |
||||
input, |
||||
select, |
||||
textarea, |
||||
button { |
||||
font-family: inherit; |
||||
font-size: inherit; |
||||
} |
||||
} |
||||
|
||||
|
||||
//== Widgets |
||||
// |
||||
|
||||
.ui-widget-content { |
||||
border: 1px solid $panel-border; |
||||
background: $body-bg; |
||||
color: $text-color; |
||||
|
||||
a { |
||||
color: $text-color; |
||||
} |
||||
} |
||||
|
||||
.ui-widget-header { |
||||
border: 0 none; |
||||
background: $header-bg; |
||||
color: $header-text; |
||||
font-weight: $font-weight-bold; |
||||
|
||||
a { |
||||
color: $header-text; |
||||
} |
||||
|
||||
a, |
||||
button { |
||||
&.ui-button { |
||||
border-color: $header-bg; |
||||
background: $header-bg; |
||||
box-shadow: none; |
||||
color: $header-text; |
||||
|
||||
.ui-icon { |
||||
background-image: url("../../../stylesheets/jquery/images/ui-icons_ffffff_256x240.png"); |
||||
} |
||||
} |
||||
|
||||
&.ui-button:hover { |
||||
border-color: darken($header-bg, 12%); |
||||
background: darken($header-bg, 10%); |
||||
} |
||||
} |
||||
} |
||||
|
||||
|
||||
//== Interaction states |
||||
// |
||||
|
||||
.ui-state-default, |
||||
.ui-widget-content .ui-state-default, |
||||
.ui-widget-header .ui-state-default { |
||||
border: 1px solid $component-border; |
||||
background: $component-bg; |
||||
box-shadow: none; |
||||
color: $component-color; |
||||
font-weight: $font-weight-normal; |
||||
} |
||||
|
||||
.ui-state-default a, |
||||
.ui-state-default a:link, |
||||
.ui-state-default a:visited { |
||||
color: $component-color; |
||||
text-decoration: none; |
||||
} |
||||
|
||||
.ui-state-hover, |
||||
.ui-widget-content .ui-state-hover, |
||||
.ui-widget-header .ui-state-hover, |
||||
.ui-state-focus, |
||||
.ui-widget-content .ui-state-focus, |
||||
.ui-widget-header .ui-state-focus { |
||||
border: 1px solid $component-active-border; |
||||
background: $component-active-bg; |
||||
color: $component-active-color; |
||||
font-weight: $font-weight-normal; |
||||
} |
||||
|
||||
.ui-state-hover a, |
||||
.ui-state-hover a:hover, |
||||
.ui-state-hover a:link, |
||||
.ui-state-hover a:visited, |
||||
.ui-state-focus a, |
||||
.ui-state-focus a:hover, |
||||
.ui-state-focus a:link, |
||||
.ui-state-focus a:visited { |
||||
color: $component-active-color; |
||||
text-decoration: none; |
||||
} |
||||
|
||||
.ui-state-active, |
||||
.ui-widget-content .ui-state-active, |
||||
.ui-widget-header .ui-state-active { |
||||
border: 1px solid $component-active-border; |
||||
background: $component-active-bg; |
||||
color: $component-active-color; |
||||
font-weight: $font-weight-normal; |
||||
|
||||
.ui-icon { |
||||
background-image: url("../../../stylesheets/jquery/images/ui-icons_ffffff_256x240.png"); |
||||
} |
||||
} |
||||
|
||||
.ui-state-active a, |
||||
.ui-state-active a:link, |
||||
.ui-state-active a:visited { |
||||
color: $component-active-color; |
||||
text-decoration: none; |
||||
} |
||||
|
||||
.ui-sortable-helper { |
||||
background-color: $body-bg; |
||||
@include nice-shadow(4); |
||||
} |
||||
|
||||
|
||||
//== Menu (e.g. autocomplete) |
||||
// |
||||
|
||||
.ui-menu { |
||||
@include nice-shadow(2); |
||||
padding: 3px; |
||||
border-radius: $panel-border-radius; |
||||
|
||||
.ui-menu-item { |
||||
&.ui-state-focus, |
||||
&.ui-state-active { |
||||
border-color: $pagination-hover-border; |
||||
background-color: $pagination-hover-bg; |
||||
color: $pagination-hover-color; |
||||
|
||||
a { |
||||
color: $pagination-hover-color; |
||||
} |
||||
|
||||
.ui-icon { |
||||
background-image: url("../../../stylesheets/jquery/images/ui-icons_222222_256x240.png"); |
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
||||
.ui-menu-item { |
||||
border-radius: $panel-border-radius; |
||||
} |
||||
|
||||
|
||||
//== Dialogs |
||||
// |
||||
|
||||
.modal { |
||||
z-index: 50; |
||||
background: $body-bg; |
||||
|
||||
h3.title { |
||||
display: none; |
||||
} |
||||
|
||||
p.buttons { |
||||
margin-bottom: 0; |
||||
text-align: right; |
||||
} |
||||
} |
||||
|
||||
.ui-dialog { |
||||
&.ui-widget-content { |
||||
@include nice-shadow(5); |
||||
padding: 3px; |
||||
border: 0 none; |
||||
|
||||
.ui-dialog-content { |
||||
padding: 1em; |
||||
} |
||||
} |
||||
|
||||
.ui-dialog-titlebar-close { |
||||
right: .5em; |
||||
} |
||||
|
||||
input[type="button"] { |
||||
@include button-variant($btn-link-color, $btn-link-bg, $btn-link-border); |
||||
} |
||||
} |
||||
|
||||
.ui-widget-overlay { |
||||
background: #000; |
||||
} |
||||
|
||||
|
||||
//== Datepicker |
||||
// |
||||
|
||||
img.ui-datepicker-trigger { |
||||
margin-left: 4px; |
||||
vertical-align: middle; |
||||
cursor: pointer; |
||||
} |
||||
|
||||
.ui-datepicker { |
||||
@include nice-shadow(3); |
||||
padding: .3em .6em .6em; |
||||
border: 0 none; |
||||
|
||||
.ui-datepicker-header { |
||||
margin: 0 -.3em; |
||||
padding: .3em; |
||||
} |
||||
|
||||
.ui-datepicker-prev { |
||||
left: .3em; |
||||
} |
||||
|
||||
.ui-datepicker-next { |
||||
right: .3em; |
||||
} |
||||
|
||||
.ui-datepicker-prev, |
||||
.ui-datepicker-next { |
||||
top: .3em; |
||||
border: 0 none; |
||||
background: transparent; |
||||
} |
||||
|
||||
.ui-datepicker-title { |
||||
margin: 0 (1.8em + .3em); |
||||
} |
||||
|
||||
select.ui-datepicker-month, |
||||
select.ui-datepicker-year { |
||||
width: 49%; |
||||
height: 1.8em; |
||||
margin: 0; |
||||
} |
||||
|
||||
select.ui-datepicker-year { |
||||
margin-left: 1%; |
||||
} |
||||
|
||||
.ui-datepicker-calendar { |
||||
margin: 0; |
||||
table-layout: fixed; |
||||
|
||||
.ui-state-default { |
||||
border-color: $body-bg; |
||||
background: $body-bg; |
||||
} |
||||
|
||||
.ui-state-focus, |
||||
.ui-state-hover { |
||||
border-color: $component-active-bg; |
||||
background: $component-active-bg; |
||||
color: $component-active-color; |
||||
} |
||||
|
||||
.ui-state-active { |
||||
border-color: $highlight-border; |
||||
background: $highlight-bg; |
||||
color: $highlight-text; |
||||
} |
||||
|
||||
.ui-datepicker-today { |
||||
.ui-state-highlight { |
||||
border-color: $component-active-border; |
||||
} |
||||
} |
||||
|
||||
.ui-datepicker-current-day { |
||||
.ui-state-active { |
||||
border-color: $highlight-border; |
||||
} |
||||
} |
||||
|
||||
td { |
||||
padding: 0 1px 1px 0; |
||||
text-align: right; |
||||
|
||||
a { |
||||
padding-right: .4em; |
||||
padding-left: 0; |
||||
border-radius: $border-radius-base; |
||||
} |
||||
|
||||
&.ui-datepicker-week-col { |
||||
padding-right: $table-condensed-cell-padding; |
||||
color: $gray-600; |
||||
} |
||||
} |
||||
} |
||||
|
||||
.ui-datepicker-buttonpane { |
||||
@include clearfix; |
||||
margin: .6em 0 0; |
||||
padding: .6em 0 0; |
||||
|
||||
button { |
||||
margin: 0; |
||||
padding: $btn-padding-vertical $btn-padding-horizontal; |
||||
} |
||||
} |
||||
} |
||||
|
||||
.ui-tooltip { |
||||
@include nice-shadow(1); |
||||
padding: $padding-small-vertical $padding-small-horizontal; |
||||
border: 0 none; |
||||
background: $black; |
||||
color: $white; |
||||
font-size: $font-size-small-px; |
||||
pointer-events: none; |
||||
|
||||
&.qtip { |
||||
pointer-events: initial; |
||||
} |
||||
} |
||||
@ -0,0 +1,260 @@
|
||||
// |
||||
// WYSIWYG icons |
||||
// -------------------------------------------------- |
||||
|
||||
// For Redmine 4.0+ |
||||
#content { |
||||
div.jstTabs.tabs { |
||||
height: auto; |
||||
|
||||
@if $flexbox-layout { |
||||
@media screen and (max-width: $redmine-responsive-max) { |
||||
clear: both; |
||||
} |
||||
} |
||||
|
||||
> ul { |
||||
width: 100%; |
||||
height: auto; |
||||
|
||||
> li { |
||||
height: auto; |
||||
margin: 0; |
||||
|
||||
> a { |
||||
&:hover, |
||||
&:focus { |
||||
border-color: darken($tab-hover-border, 3%) darken($tab-hover-border, 3%) $tab-border; |
||||
background-color: darken($tab-hover-bg, 3%); |
||||
} |
||||
|
||||
&.selected { |
||||
border-color: $tab-active-border $tab-active-border $tab-active-bg; |
||||
background: $tab-active-bg; |
||||
color: $tab-active-text; |
||||
|
||||
&.tab-preview { |
||||
border-bottom-color: $wiki-preview-bg; |
||||
background-color: $wiki-preview-bg; |
||||
} |
||||
} |
||||
} |
||||
|
||||
@if $flexbox-layout { |
||||
align-self: flex-end; |
||||
} |
||||
|
||||
&::before { |
||||
content: none; |
||||
} |
||||
|
||||
&.tab-elements { |
||||
flex: 1; |
||||
margin-left: 5px; |
||||
} |
||||
} |
||||
} |
||||
|
||||
.jstElements { |
||||
height: auto; |
||||
} |
||||
} |
||||
|
||||
.jstEditor { |
||||
.wiki-preview { |
||||
padding: $panel-body-padding; |
||||
border: 1px solid $input-border; |
||||
border-radius: $input-border-radius; |
||||
background-color: $wiki-preview-bg; |
||||
|
||||
p { |
||||
padding: 0; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
||||
div.jstElements { |
||||
@extend %clearfix; |
||||
line-height: normal; |
||||
|
||||
.box & { |
||||
display: block; |
||||
padding: 0; |
||||
|
||||
.jstSpacer { |
||||
margin-right: 4px; |
||||
} |
||||
|
||||
@media (min-width: $screen-md) { |
||||
.jstb_help { |
||||
margin-right: 0; |
||||
margin-left: -6px; |
||||
float: right; |
||||
} |
||||
} |
||||
} |
||||
|
||||
button { |
||||
margin-right: 2px; |
||||
margin-bottom: 4px; |
||||
padding: 0; |
||||
border: 0; |
||||
opacity: 1; |
||||
background-color: transparent; |
||||
box-shadow: none; |
||||
color: $gray-800; |
||||
vertical-align: top; |
||||
|
||||
&::before { |
||||
text-align: center; |
||||
} |
||||
|
||||
&:hover, |
||||
&:focus { |
||||
background-color: darken($tab-hover-bg, 3%); |
||||
color: $gray-900; |
||||
} |
||||
} |
||||
|
||||
%jstb-icon { |
||||
@include fa-icon; |
||||
background: transparent; |
||||
background-image: none; |
||||
} |
||||
|
||||
.jstb_strong { |
||||
@extend %jstb-icon; |
||||
|
||||
&::before { content: $fa-var-bold; } |
||||
} |
||||
|
||||
.jstb_em { |
||||
@extend %jstb-icon; |
||||
|
||||
&::before { content: $fa-var-italic; } |
||||
} |
||||
|
||||
.jstb_ins { |
||||
@extend %jstb-icon; |
||||
|
||||
&::before { content: $fa-var-underline; } |
||||
} |
||||
|
||||
.jstb_del { |
||||
@extend %jstb-icon; |
||||
|
||||
&::before { content: $fa-var-strikethrough; } |
||||
} |
||||
|
||||
.jstb_code { |
||||
@extend %jstb-icon; |
||||
|
||||
&::before { content: $fa-var-code; } |
||||
} |
||||
|
||||
.jstb_h1 { |
||||
@extend %jstb-icon; |
||||
|
||||
&::before { content: $fa-var-header; } |
||||
} |
||||
|
||||
.jstb_h2 { |
||||
@extend %jstb-icon; |
||||
|
||||
&::before { content: $fa-var-header; font-size: .7857em; } |
||||
} |
||||
|
||||
.jstb_h3 { |
||||
@extend %jstb-icon; |
||||
|
||||
&::before { content: $fa-var-header; font-size: .6429em; } |
||||
} |
||||
|
||||
.jstb_ul { |
||||
@extend %jstb-icon; |
||||
|
||||
&::before { content: $fa-var-list-ul; } |
||||
} |
||||
|
||||
.jstb_ol { |
||||
@extend %jstb-icon; |
||||
|
||||
&::before { content: $fa-var-list-ol; } |
||||
} |
||||
|
||||
.jstb_bq { |
||||
@extend %jstb-icon; |
||||
|
||||
&::before { content: $fa-var-indent; } |
||||
} |
||||
|
||||
.jstb_unbq { |
||||
@extend %jstb-icon; |
||||
|
||||
&::before { content: $fa-var-outdent; } |
||||
} |
||||
|
||||
.jstb_pre { |
||||
@extend %jstb-icon; |
||||
|
||||
&::before { content: $fa-var-terminal; } |
||||
} |
||||
|
||||
.jstb_link { |
||||
@extend %jstb-icon; |
||||
|
||||
&::before { content: $fa-var-link; } |
||||
} |
||||
|
||||
.jstb_img { |
||||
@extend %jstb-icon; |
||||
|
||||
&::before { content: $fa-var-image; } |
||||
} |
||||
|
||||
.jstb_cut { |
||||
@extend %jstb-icon; |
||||
|
||||
&::before { content: $fa-var-scissors; } |
||||
} |
||||
|
||||
.jstb_precode, |
||||
// For plugin https://github.com/mediatainment/redmine_codebutton |
||||
.jstb_codehighlight { |
||||
@extend %jstb-icon; |
||||
color: $brand-danger; |
||||
|
||||
&::before { content: $fa-var-code; } |
||||
} |
||||
|
||||
.jstb_table { |
||||
@extend %jstb-icon; |
||||
|
||||
&::before { content: $fa-var-table; } |
||||
} |
||||
|
||||
button.jstb_help { |
||||
@extend %jstb-icon; |
||||
color: $link-color; |
||||
|
||||
&:hover { |
||||
color: $link-hover-color; |
||||
} |
||||
|
||||
&::before { content: $fa-var-question-circle; } |
||||
} |
||||
} |
||||
|
||||
body { |
||||
.table-generator { |
||||
td { |
||||
border-color: $tab-border; |
||||
} |
||||
|
||||
td.selected-cell, |
||||
td:hover { |
||||
background-color: $brand-primary; |
||||
} |
||||
} |
||||
} |
||||
@ -0,0 +1,776 @@
|
||||
// |
||||
// Lists |
||||
// -------------------------------------------------- |
||||
|
||||
table { |
||||
border-spacing: 0; |
||||
border-collapse: collapse; |
||||
} |
||||
|
||||
table.list { |
||||
width: 100%; |
||||
margin-bottom: $line-height-computed; |
||||
font-size: $font-size-list; |
||||
|
||||
.autoscroll & { |
||||
margin-bottom: 0; |
||||
} |
||||
|
||||
&.changesets { |
||||
margin-bottom: $line-height-computed; |
||||
} |
||||
|
||||
th, |
||||
.table-list-header { |
||||
padding: $table-cell-padding; |
||||
border: 2px solid $table-border-color; |
||||
border-width: $table-list-header-border; |
||||
background-color: $table-list-header-bg; |
||||
color: $gray-700; |
||||
vertical-align: bottom; |
||||
|
||||
@if $table-list-header-bg == $body-bg { |
||||
@at-root .box & { |
||||
background-color: $panel-bg; |
||||
} |
||||
} |
||||
|
||||
a { |
||||
color: $gray-900; |
||||
} |
||||
} |
||||
|
||||
tr.ui-sortable-helper { |
||||
background-color: $highlight-bg; |
||||
} |
||||
|
||||
td { |
||||
padding: $table-cell-padding; |
||||
border: 1px solid $table-border-color; |
||||
border-width: $table-list-item-border; |
||||
text-align: center; |
||||
vertical-align: top; |
||||
|
||||
&.icon { |
||||
padding-left: $table-cell-padding + $icon-width; |
||||
} |
||||
|
||||
&.id, |
||||
&.issue_id, |
||||
&.legacy_id, |
||||
&.parent, |
||||
&.relations, |
||||
&.tracker { |
||||
width: 2%; |
||||
} |
||||
|
||||
&.id, |
||||
&.issue_id, |
||||
&.legacy_id { |
||||
font-weight: $font-weight-bold; |
||||
} |
||||
|
||||
&.reorder { |
||||
white-space: nowrap; |
||||
} |
||||
|
||||
&.attachments a { |
||||
display: block; |
||||
} |
||||
} |
||||
|
||||
th, |
||||
td { |
||||
&.checkbox { |
||||
width: 15px; |
||||
padding-right: $table-cell-padding; |
||||
padding-left: $table-cell-padding; |
||||
|
||||
@if (parse-length($table-list-item-border, right) == 0) { |
||||
&:first-child { |
||||
padding-right: 0; |
||||
} |
||||
} |
||||
|
||||
input { |
||||
margin: 2px 0 0; |
||||
} |
||||
} |
||||
|
||||
&.activity, |
||||
&.assigned_to, |
||||
&.attachments, |
||||
&.author, |
||||
&.category, |
||||
&.comments, |
||||
&.description, |
||||
&.fixed_version, |
||||
&.last_notes, |
||||
&.last_updated_by, |
||||
&.name, |
||||
&.parent-subject, |
||||
&.priority, |
||||
&.relations, |
||||
&.roles, |
||||
&.status, |
||||
&.string, |
||||
&.subject, |
||||
&.text, |
||||
&.tracker, |
||||
&.user { |
||||
text-align: left; |
||||
} |
||||
|
||||
&.id, |
||||
&.legacy_id, |
||||
&.estimated_hours, |
||||
&.float, |
||||
&.int, |
||||
&.remaining_hours, |
||||
&.spent_hours, |
||||
&.story_points { |
||||
text-align: right; |
||||
} |
||||
} |
||||
|
||||
td, |
||||
div { |
||||
&.buttons { |
||||
text-align: right; |
||||
white-space: nowrap; |
||||
|
||||
a { |
||||
margin-right: $padding-small-vertical; |
||||
|
||||
&.icon-only { |
||||
margin-right: 0; |
||||
} |
||||
} |
||||
|
||||
img { |
||||
vertical-align: middle; |
||||
} |
||||
} |
||||
} |
||||
|
||||
caption { |
||||
padding: .5em .5em .5em 0; |
||||
text-align: left; |
||||
} |
||||
} |
||||
|
||||
.table-list-cell { |
||||
display: table-cell; |
||||
padding: $table-cell-padding; |
||||
vertical-align: top; |
||||
} |
||||
|
||||
tr.project { |
||||
.name a { |
||||
white-space: nowrap; |
||||
} |
||||
|
||||
&.closed, |
||||
&.archived, |
||||
&.closed a, |
||||
&.archived a { |
||||
color: $gray-600; |
||||
} |
||||
|
||||
&.idnt td.name { |
||||
background-image: inline-svg("chevron-right.svg", (path: (fill: $gray-600))); |
||||
background-repeat: no-repeat; |
||||
} |
||||
|
||||
@for $i from 1 through 9 { |
||||
&.idnt-#{$i} td.name { |
||||
padding-left: $table-cell-padding + 16px * $i; |
||||
background-position: ($table-cell-padding + 16px * ($i - 1) - 3px) 50%; |
||||
} |
||||
} |
||||
} |
||||
|
||||
tr.issue { |
||||
text-align: center; |
||||
white-space: nowrap; |
||||
|
||||
.category, |
||||
.enumeration, |
||||
.list, |
||||
.parent-subject, |
||||
.parent, |
||||
.relations, |
||||
.string, |
||||
.subject, |
||||
.text { |
||||
white-space: normal; |
||||
} |
||||
|
||||
.relations { |
||||
text-align: left; |
||||
white-space: normal; |
||||
|
||||
span { |
||||
white-space: nowrap; |
||||
} |
||||
} |
||||
|
||||
.controller-issues.action-index & { |
||||
&.assigned-to-me { |
||||
.assigned_to, |
||||
.subject { |
||||
a { |
||||
font-weight: $font-weight-bold; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
||||
&.idnt td.subject { |
||||
background-image: inline-svg("chevron-right.svg", (path: (fill: $gray-600))); |
||||
background-repeat: no-repeat; |
||||
} |
||||
|
||||
&.overdue td.due_date { |
||||
color: $brand-danger; |
||||
} |
||||
|
||||
@for $i from 1 through 9 { |
||||
&.idnt-#{$i} td.subject { |
||||
padding-left: $table-cell-padding + 16px * $i; |
||||
background-position: ($table-cell-padding + 16px * ($i - 1) - 3px) 50%; |
||||
} |
||||
} |
||||
} |
||||
|
||||
.issues { |
||||
.block_column, |
||||
.description, |
||||
.last_notes { |
||||
padding: 0; |
||||
text-align: left; |
||||
white-space: normal; |
||||
|
||||
> span { |
||||
display: block; |
||||
margin-bottom: $line-height-computed * .25; |
||||
padding: $table-cell-padding; |
||||
font-weight: $font-weight-bold; |
||||
} |
||||
|
||||
pre { |
||||
white-space: normal; |
||||
} |
||||
|
||||
@media screen and (min-width: $screen-sm-min) { |
||||
> .wiki { |
||||
max-height: 20em; |
||||
padding: $padding-wiki; |
||||
overflow: auto; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
||||
tr { |
||||
span.expander { |
||||
display: inline-block; |
||||
padding: 0; |
||||
float: left; |
||||
|
||||
&.icon { |
||||
padding-left: 18px; |
||||
text-align: center; |
||||
|
||||
&::before { |
||||
margin: 0 0 0 -18px; |
||||
color: $gray-600; |
||||
font-size: 12px; |
||||
} |
||||
} |
||||
|
||||
&:not(.icon) { |
||||
width: 18px; |
||||
padding: 0; |
||||
background-image: inline-svg("plus.svg", (path: (fill: $btn-default-icon-color))); |
||||
background-repeat: no-repeat; |
||||
background-position: center center; |
||||
cursor: pointer; |
||||
user-select: none; |
||||
} |
||||
} |
||||
|
||||
&.open span.expander:not(.icon) { |
||||
background-image: inline-svg("minus.svg", (path: (fill: $btn-default-icon-color))); |
||||
} |
||||
} |
||||
|
||||
td.center { |
||||
text-align: center; |
||||
} |
||||
|
||||
td.assigned_to, |
||||
td.last_updated_by { |
||||
white-space: normal; |
||||
} |
||||
|
||||
.issue-report { |
||||
table-layout: fixed; |
||||
} |
||||
|
||||
.issue-report-graph { |
||||
width: 75%; |
||||
margin: $line-height-computed auto; |
||||
} |
||||
|
||||
.sample-data { |
||||
margin: $line-height-computed * .5; |
||||
margin-bottom: $line-height-computed; |
||||
border: 1px solid $table-border-color; |
||||
|
||||
td { |
||||
border: 1px solid $table-border-color; |
||||
} |
||||
|
||||
tr:first-child td { |
||||
font-weight: $font-weight-bold; |
||||
text-align: center; |
||||
} |
||||
} |
||||
|
||||
tr.builtin td.name { |
||||
font-style: italic; |
||||
} |
||||
|
||||
tr.entry { |
||||
border: 1px solid $gray-400; |
||||
|
||||
td { |
||||
white-space: nowrap; |
||||
|
||||
&.filename { |
||||
width: 30%; |
||||
text-align: left; |
||||
} |
||||
|
||||
&.filename_no_report { |
||||
width: 70%; |
||||
text-align: left; |
||||
} |
||||
|
||||
&.size { |
||||
text-align: right; |
||||
} |
||||
|
||||
&.revision, |
||||
&.author { |
||||
text-align: center; |
||||
} |
||||
|
||||
&.age { |
||||
text-align: right; |
||||
} |
||||
} |
||||
|
||||
&.file td { |
||||
&.filename a, |
||||
&.filename_no_report a { |
||||
margin-left: 18px; |
||||
} |
||||
} |
||||
} |
||||
|
||||
@if $table-list-color-odd-rows { |
||||
table.list:not(.odd-even) tbody tr:nth-child(odd):not(.ui-sortable-helper), |
||||
.odd { |
||||
> td { |
||||
background-color: $table-bg-accent; |
||||
} |
||||
} |
||||
} |
||||
|
||||
@if $table-list-color-even-rows { |
||||
table.list:not(.odd-even) tbody tr:nth-child(even):not(.ui-sortable-helper), |
||||
.even { |
||||
> td { |
||||
background-color: $table-bg-accent; |
||||
} |
||||
} |
||||
} |
||||
|
||||
@if $table-list-highlight-rows { |
||||
table.list > tbody > tr:nth-child(n):hover:not(.ui-sortable-helper) { |
||||
background-color: $table-bg-hover; |
||||
|
||||
@if $color-priorities { |
||||
@each $priority-id, $priority-color in $priority-color-map { |
||||
&.priority-#{$priority-id} { |
||||
background-color: rgba(map-get($priority-color, background), $table-color-hover-factor); |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
||||
|
||||
//== Priorities |
||||
// |
||||
|
||||
@if $priority-icon { |
||||
table.list tbody tr { |
||||
.priority { |
||||
@include priority-icon-base; |
||||
} |
||||
} |
||||
|
||||
@each $priority-id, $priority-icon in $priority-icons-map { |
||||
@include priority-icon( |
||||
".priority-#{$priority-id}", |
||||
map-get($priority-icon, color), |
||||
map-get($priority-icon, icon) |
||||
); |
||||
} |
||||
} |
||||
|
||||
@if $color-priorities { |
||||
@each $priority-id, $priority-color in $priority-color-map { |
||||
tr.priority-#{$priority-id} { |
||||
&.odd td { |
||||
background-color: rgba(map-get($priority-color, background), $table-color-odd-factor); |
||||
} |
||||
|
||||
&.even td { |
||||
background-color: rgba(map-get($priority-color, background), $table-color-even-factor); |
||||
} |
||||
|
||||
td { |
||||
border-color: map-get($priority-color, border); |
||||
color: map-get($priority-color, color); |
||||
} |
||||
|
||||
a { |
||||
color: map-get($priority-color, link); |
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
||||
@if $color-trackers { |
||||
tr.issue .id > a, |
||||
tr.issue .issue_id > a, |
||||
tr.issue .legacy_id > a, |
||||
a.issue, |
||||
.relations > span > a.issue, |
||||
.parent > a.issue { |
||||
border-radius: $border-radius-small ($border-radius-small * 3) ($border-radius-small * 3) $border-radius-small; |
||||
background-color: $tracker-default-bg; |
||||
color: $tracker-default-text; |
||||
|
||||
&:hover { |
||||
background-color: darken($tracker-default-bg, 10%); |
||||
color: $tracker-default-text; |
||||
text-decoration: none; |
||||
} |
||||
|
||||
&:focus, |
||||
&:active { |
||||
text-decoration: none; |
||||
} |
||||
} |
||||
|
||||
a.issue { |
||||
margin-right: 1px; |
||||
padding: $tracker-inline-padding; |
||||
font-weight: $font-weight-normal; |
||||
|
||||
&.closed { |
||||
position: relative; |
||||
color: mix($tracker-default-text, $tracker-default-bg, 75%); |
||||
text-decoration: none; |
||||
|
||||
&::after { |
||||
content: ""; |
||||
display: block; |
||||
position: absolute; |
||||
right: 5px; |
||||
bottom: 0; |
||||
left: 5px; |
||||
height: calc(50% - 2px * .5); |
||||
transform: rotate(-4deg); |
||||
transition: border-color $transition-time; |
||||
border-top: 2px solid rgba($tracker-default-text, .95); |
||||
} |
||||
|
||||
&:hover::after { |
||||
border-top-color: rgba($tracker-default-text, .25); |
||||
} |
||||
} |
||||
} |
||||
|
||||
tr.issue .id > a, |
||||
tr.issue .legacy_id > a { |
||||
display: block; |
||||
padding: $tracker-list-padding; |
||||
|
||||
&::before { |
||||
content: "#"; |
||||
color: mix($tracker-default-text, $tracker-default-bg, 50%); |
||||
} |
||||
} |
||||
|
||||
tr.issue .issue_id > a { |
||||
display: inline-block; |
||||
padding: $tracker-list-padding; |
||||
} |
||||
|
||||
@each $tracker-id, $tracker-colors in $tracker-colors-map { |
||||
@include tracker( |
||||
".tracker-#{$tracker-id}", |
||||
map-get($tracker-colors, background), |
||||
map-get($tracker-colors, color) |
||||
); |
||||
} |
||||
} |
||||
|
||||
|
||||
//== List groups |
||||
// |
||||
|
||||
tr.group { |
||||
> td { |
||||
border-bottom: 1px solid $table-border-color; |
||||
font-weight: $font-weight-bold; |
||||
text-align: left; |
||||
|
||||
a { |
||||
color: $brand-primary; |
||||
} |
||||
} |
||||
|
||||
.toggle-all { |
||||
display: none; |
||||
color: $gray-600; |
||||
font-weight: $font-weight-normal; |
||||
} |
||||
|
||||
&:hover .toggle-all { |
||||
display: inline; |
||||
} |
||||
} |
||||
|
||||
.toggle-all:hover { |
||||
text-decoration: none; |
||||
} |
||||
|
||||
|
||||
//== Time entry in report |
||||
// |
||||
|
||||
tr.time-entry { |
||||
text-align: center; |
||||
|
||||
td.project, |
||||
td.spent_on, |
||||
td.activity { |
||||
width: 6em; |
||||
} |
||||
|
||||
td.user { |
||||
width: 12em; |
||||
} |
||||
|
||||
td.issue, |
||||
td.comments { |
||||
text-align: left; |
||||
white-space: normal; |
||||
} |
||||
|
||||
td.hours { |
||||
font-weight: $font-weight-bold; |
||||
} |
||||
} |
||||
|
||||
.time-entries, |
||||
tr.time-entry { |
||||
td.hours { |
||||
width: 1%; |
||||
text-align: right; |
||||
white-space: nowrap; |
||||
|
||||
.hours-dec { |
||||
font-size: .9em; |
||||
} |
||||
} |
||||
} |
||||
|
||||
.mypage-box { |
||||
td.hours { |
||||
font-weight: $font-weight-bold; |
||||
|
||||
em { |
||||
font-style: normal; |
||||
} |
||||
} |
||||
|
||||
tr.time-entry td.hours { |
||||
font-weight: $font-weight-normal; |
||||
} |
||||
} |
||||
|
||||
//== Wiki page history entry |
||||
// |
||||
|
||||
tr.wiki-page-version { |
||||
td.updated_on, |
||||
td.author { |
||||
text-align: center; |
||||
} |
||||
} |
||||
|
||||
//== Project versions list |
||||
// |
||||
|
||||
tr.version { |
||||
&.closed { |
||||
color: $gray-700; |
||||
|
||||
a { |
||||
color: $gray-700; |
||||
} |
||||
} |
||||
|
||||
td { |
||||
&.date, |
||||
&.status, |
||||
&.sharing { |
||||
text-align: center; |
||||
white-space: nowrap; |
||||
} |
||||
} |
||||
} |
||||
|
||||
|
||||
//== Users list |
||||
// |
||||
|
||||
tr.user { |
||||
td { |
||||
width: 13%; |
||||
white-space: nowrap; |
||||
|
||||
&.username, |
||||
&.firstname, |
||||
&.lastname { |
||||
text-align: left; |
||||
} |
||||
|
||||
&.email { |
||||
width: 18%; |
||||
text-align: left; |
||||
} |
||||
} |
||||
|
||||
&.locked, |
||||
&.registered, |
||||
&.locked a, |
||||
&.registered a { |
||||
color: $gray-600; |
||||
} |
||||
} |
||||
|
||||
|
||||
//== Plugins list |
||||
// |
||||
|
||||
table.plugins { |
||||
.configure { |
||||
text-align: right; |
||||
} |
||||
|
||||
span.name { |
||||
margin-bottom: .5em; |
||||
font-size: $font-size-large; |
||||
font-weight: $font-weight-bold; |
||||
} |
||||
|
||||
.description, |
||||
.url { |
||||
display: block; |
||||
} |
||||
} |
||||
|
||||
|
||||
//== Files list |
||||
// |
||||
|
||||
table.files { |
||||
tbody th { |
||||
text-align: left; |
||||
} |
||||
|
||||
tr.file td { |
||||
&.filename { |
||||
padding-left: $icon-width + $table-cell-padding; |
||||
text-align: left; |
||||
} |
||||
|
||||
&.digest { |
||||
font-family: $font-family-monospace; |
||||
} |
||||
} |
||||
} |
||||
|
||||
|
||||
//== Admin lists |
||||
// |
||||
|
||||
.controller-enumerations { |
||||
td.name { |
||||
width: 50%; |
||||
} |
||||
|
||||
td.tick, |
||||
td.reorder { |
||||
width: 15%; |
||||
text-align: center; |
||||
} |
||||
} |
||||
|
||||
table.list.enumerations { |
||||
table-layout: fixed; |
||||
|
||||
+ h3 { |
||||
margin-top: $line-height-computed * 2; |
||||
} |
||||
|
||||
+ p { |
||||
margin-bottom: $line-height-computed * 2; |
||||
} |
||||
} |
||||
|
||||
|
||||
//== Totals |
||||
// |
||||
|
||||
.query-totals { |
||||
#content & { |
||||
margin-top: 0; |
||||
|
||||
@media screen and (min-width: $redmine-responsive-min) { |
||||
margin-top: -($line-height-computed * 2 + $btn-padding-vertical); |
||||
text-align: right; |
||||
} |
||||
} |
||||
|
||||
> span { |
||||
margin-right: $padding-base-horizontal; |
||||
|
||||
&:last-child { |
||||
margin-right: 0; |
||||
} |
||||
} |
||||
|
||||
.value { |
||||
font-weight: $font-weight-bold; |
||||
} |
||||
} |
||||
@ -0,0 +1,111 @@
|
||||
// |
||||
// Login form |
||||
// -------------------------------------------------- |
||||
|
||||
#login-form { |
||||
box-sizing: border-box; |
||||
margin: $line-height-computed * 2 auto $line-height-computed; |
||||
|
||||
label, |
||||
input:not([type="checkbox"]) { |
||||
width: 100%; |
||||
} |
||||
|
||||
label { |
||||
display: block; |
||||
margin-bottom: $padding-base-vertical; |
||||
font-weight: $font-weight-bold; |
||||
line-height: inherit; |
||||
|
||||
&[for="autologin"] { |
||||
@include check; |
||||
margin-bottom: $line-height-computed; |
||||
} |
||||
|
||||
> a { |
||||
float: right; |
||||
font-weight: $font-weight-normal; |
||||
} |
||||
} |
||||
|
||||
input[type="text"], |
||||
input[type="password"] { |
||||
margin-bottom: $panel-body-padding-vertical; |
||||
} |
||||
|
||||
#login-submit { |
||||
padding-top: $padding-base-vertical; |
||||
padding-bottom: $padding-base-vertical; |
||||
} |
||||
|
||||
table { |
||||
margin: auto; |
||||
table-layout: fixed; |
||||
} |
||||
|
||||
td { |
||||
padding: 0; |
||||
|
||||
&:first-child { |
||||
width: $login-form-label-width; |
||||
padding-right: $table-cell-padding; |
||||
white-space: nowrap; |
||||
} |
||||
|
||||
> label { |
||||
margin-bottom: $panel-body-padding-vertical; |
||||
} |
||||
|
||||
> input[type="submit"] { |
||||
width: auto; |
||||
margin-right: 0; |
||||
} |
||||
} |
||||
|
||||
@media screen and (min-width: $login-form-box-breakpoint) { |
||||
width: $login-form-width; |
||||
padding: $padding-side; |
||||
border: 1px solid $panel-border; |
||||
border-radius: $border-radius-base; |
||||
background-color: $panel-bg; |
||||
box-shadow: $panel-shadow; |
||||
color: $panel-color; |
||||
|
||||
table { |
||||
width: 100%; |
||||
} |
||||
} |
||||
|
||||
@each $adjustment, $languages in $login-form-adjustments-map { |
||||
@each $language in $languages { |
||||
html[lang="#{$language}"] & td:first-child { |
||||
width: $login-form-label-width + $adjustment * 1em; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
||||
#openid_url { |
||||
padding-right: $input-padding-horizontal + 24px; |
||||
background-image: url("../../../images/openid-bg.gif"); |
||||
background-repeat: no-repeat; |
||||
background-position: right $input-padding-horizontal center; |
||||
} |
||||
|
||||
|
||||
// |
||||
// Two-factor authentication |
||||
// -------------------------------------------------- |
||||
|
||||
.controller-twofa { |
||||
.splitcontentleft { |
||||
width: auto; |
||||
padding-right: 0; |
||||
} |
||||
} |
||||
|
||||
ul.twofa_backup_codes { |
||||
margin-left: 0; |
||||
padding: 0; |
||||
list-style-type: none; |
||||
} |
||||
@ -0,0 +1,83 @@
|
||||
// |
||||
// Pagination (multiple pages) |
||||
// -------------------------------------------------- |
||||
.pagination { |
||||
.pages { |
||||
display: inline-block; |
||||
margin: 0; |
||||
padding: 0; |
||||
} |
||||
|
||||
li { |
||||
display: inline-block; |
||||
margin-right: .3em; |
||||
list-style: none; |
||||
} |
||||
|
||||
li > a, |
||||
li > span, |
||||
> .previous, |
||||
> .next, |
||||
> .page { |
||||
display: inline-block; |
||||
padding: $pagination-padding-vertical $pagination-padding-horizontal; |
||||
border: 1px solid $pagination-border; |
||||
border-radius: $border-radius-base; |
||||
background-color: $pagination-bg; |
||||
color: $pagination-color; |
||||
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, |
||||
&:focus { |
||||
border-color: $pagination-hover-border; |
||||
background-color: $pagination-hover-bg; |
||||
color: $pagination-hover-color; |
||||
} |
||||
} |
||||
|
||||
.page.current, |
||||
.current > span { |
||||
z-index: 2; |
||||
border-color: $pagination-active-border; |
||||
background-color: $pagination-active-bg; |
||||
color: $pagination-active-color; |
||||
cursor: default; |
||||
} |
||||
|
||||
.items, |
||||
.per-page { |
||||
display: inline-block; |
||||
margin: ($pagination-padding-vertical + 1px) 0 ($pagination-padding-vertical + 1px) $pagination-padding-vertical; |
||||
} |
||||
} |
||||
|
||||
p.pagination { |
||||
margin-bottom: 0; |
||||
float: left; |
||||
|
||||
+ h1, |
||||
+ h2, |
||||
+ h3, |
||||
+ h4, |
||||
+ h5, |
||||
+ h6 { |
||||
clear: both; |
||||
} |
||||
} |
||||
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,79 @@
|
||||
// |
||||
// Media print specific styles |
||||
// -------------------------------------------------- |
||||
|
||||
@media print { |
||||
#top-menu, |
||||
#header, |
||||
#main-menu, |
||||
#sidebar, |
||||
#footer, |
||||
#wiki_add_attachment, |
||||
.hide-when-print, |
||||
.contextual, |
||||
.other-formats { |
||||
display: none; |
||||
} |
||||
|
||||
.pagination { |
||||
.pages, |
||||
.per-page { |
||||
display: none; |
||||
} |
||||
} |
||||
|
||||
#main { |
||||
display: block; |
||||
overflow: visible !important; // stylelint-disable-line declaration-no-important |
||||
background: $white; |
||||
} |
||||
|
||||
#content { |
||||
width: 100%; |
||||
margin: 0; |
||||
padding: 0; |
||||
overflow: visible !important; // stylelint-disable-line declaration-no-important |
||||
border: 0; |
||||
background: $white; |
||||
} |
||||
|
||||
.autoscroll { |
||||
overflow-x: visible; |
||||
} |
||||
|
||||
a { |
||||
// stylelint-disable declaration-no-important |
||||
padding: 0 !important; |
||||
background-color: transparent !important; |
||||
color: $black !important; |
||||
|
||||
&::before, |
||||
&::after { |
||||
display: none !important; |
||||
} |
||||
|
||||
&.issue.closed { |
||||
text-decoration: line-through; |
||||
} |
||||
} |
||||
|
||||
table.list { |
||||
tr { |
||||
background-color: transparent; |
||||
} |
||||
|
||||
th, |
||||
td { |
||||
border: 1px solid $gray-500; |
||||
background-color: transparent; |
||||
|
||||
&.buttons { |
||||
padding: 0; |
||||
|
||||
a { |
||||
display: none; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
||||
@ -0,0 +1,76 @@
|
||||
// |
||||
// Progress bar |
||||
// -------------------------------------------------- |
||||
|
||||
table.progress { |
||||
width: 80px; |
||||
margin-top: 3px; |
||||
margin-right: 5px; |
||||
float: left; |
||||
empty-cells: show; |
||||
border: 0 none; |
||||
|
||||
.version-overview & { |
||||
width: 40em; |
||||
} |
||||
|
||||
td.done_ratio & { |
||||
margin-right: auto; |
||||
margin-left: auto; |
||||
float: none; |
||||
} |
||||
|
||||
tr { |
||||
background: transparent !important; // stylelint-disable-line declaration-no-important |
||||
} |
||||
|
||||
td { |
||||
height: $progress-height; |
||||
padding: 0; |
||||
border: 0 none; |
||||
|
||||
&:first-child { |
||||
border-top-left-radius: $progress-height * .5; |
||||
border-bottom-left-radius: $progress-height * .5; |
||||
} |
||||
|
||||
&:last-child { |
||||
border-top-right-radius: $progress-height * .5; |
||||
border-bottom-right-radius: $progress-height * .5; |
||||
} |
||||
|
||||
&.done { |
||||
background-color: $progress-bar-bg !important; // stylelint-disable-line declaration-no-important |
||||
} |
||||
|
||||
&.closed { |
||||
background-color: $progress-bar-success-bg !important; // stylelint-disable-line declaration-no-important |
||||
} |
||||
|
||||
&.todo { |
||||
background-color: $progress-bg !important; // stylelint-disable-line declaration-no-important |
||||
mix-blend-mode: multiply; |
||||
} |
||||
} |
||||
|
||||
.issue & td { |
||||
padding: 0; |
||||
} |
||||
|
||||
.context-menu-selection & td.todo { |
||||
mix-blend-mode: screen; |
||||
} |
||||
} |
||||
|
||||
p { |
||||
&.percent { |
||||
margin-bottom: 0; |
||||
font-size: $font-size-small; |
||||
} |
||||
|
||||
&.progress-info { |
||||
clear: left; |
||||
color: $gray-700; |
||||
font-size: 80%; |
||||
} |
||||
} |
||||
@ -0,0 +1,498 @@
|
||||
.hidden, |
||||
.mobile-show { |
||||
display: none; |
||||
} |
||||
|
||||
.inline-flex { |
||||
display: inline-flex; |
||||
|
||||
body.controller-issues h2 & { |
||||
padding-right: 0; |
||||
} |
||||
} |
||||
|
||||
// stylelint-disable selector-max-compound-selectors |
||||
body { |
||||
@media screen and (max-width: $redmine-responsive-max) { |
||||
.flyout-menu + div { |
||||
#header { |
||||
height: $responsive-header-height; |
||||
background-color: $header-bg; |
||||
|
||||
.jump-box-arrow { |
||||
&::before { |
||||
line-height: $responsive-header-height; |
||||
} |
||||
} |
||||
|
||||
#quick-search { |
||||
select { |
||||
top: 0; |
||||
height: $responsive-header-height; |
||||
box-shadow: none; |
||||
} |
||||
} |
||||
} |
||||
|
||||
#main { |
||||
padding-top: $responsive-header-height; |
||||
} |
||||
} |
||||
|
||||
#header { |
||||
background-color: $header-bg; |
||||
|
||||
#project-jump { |
||||
padding: 0 $responsive-header-height 0 0; |
||||
|
||||
&.expanded { |
||||
.drdn-trigger { |
||||
&::before { |
||||
padding: 0; |
||||
transform: rotate(180deg); |
||||
} |
||||
} |
||||
} |
||||
|
||||
.drdn-trigger { |
||||
@include text-overflow; |
||||
display: block; |
||||
height: $responsive-header-height; |
||||
padding: 0; |
||||
background-color: transparent; |
||||
box-shadow: none; |
||||
font-size: $font-size-large; |
||||
font-weight: $font-weight-normal; |
||||
line-height: $responsive-header-height; |
||||
|
||||
&::before { |
||||
@include fa-icon; |
||||
content: $fa-var-chevron-down; |
||||
position: relative; |
||||
top: -.1em; |
||||
width: $responsive-header-height * .75; |
||||
padding: 0; |
||||
transform: none; |
||||
font-size: .8em; |
||||
text-align: center; |
||||
} |
||||
|
||||
&::after { |
||||
display: none; |
||||
} |
||||
} |
||||
|
||||
.drdn-content { |
||||
top: $responsive-header-height; |
||||
font-size: $font-size-base; |
||||
} |
||||
} |
||||
} |
||||
|
||||
#content { |
||||
overflow: auto; |
||||
} |
||||
|
||||
#ajax-indicator { |
||||
left: 50%; |
||||
width: 200px; |
||||
} |
||||
|
||||
.mobile-toggle-button { |
||||
width: $responsive-header-height; |
||||
height: $responsive-header-height; |
||||
line-height: $responsive-header-height; |
||||
|
||||
&:focus { |
||||
text-decoration: none; |
||||
} |
||||
} |
||||
|
||||
.flyout-menu { |
||||
background-color: $flyout-menu-bg; |
||||
color: $flyout-menu-text; |
||||
|
||||
.search-magnifier { |
||||
left: 18px; |
||||
} |
||||
|
||||
&__search { |
||||
height: $responsive-header-height; |
||||
padding: ($padding-side * .5); |
||||
line-height: normal; |
||||
|
||||
input[type="text"] { |
||||
height: $responsive-header-height - $padding-side; |
||||
line-height: $responsive-header-height - $padding-side; |
||||
} |
||||
} |
||||
|
||||
&__avatar { |
||||
img.gravatar { |
||||
top: 0; |
||||
padding: 5px; |
||||
} |
||||
} |
||||
|
||||
&__sidebar { |
||||
p { |
||||
padding-left: $padding-large-horizontal; |
||||
} |
||||
} |
||||
|
||||
ul { |
||||
li:nth-child(n) { |
||||
a:not(.icon-only) { |
||||
height: auto; |
||||
padding: $padding-large-vertical $padding-large-horizontal; |
||||
line-height: $line-height-base; |
||||
} |
||||
} |
||||
|
||||
&.queries { |
||||
li { |
||||
display: flex; |
||||
|
||||
a { |
||||
flex: 1 1 auto; |
||||
} |
||||
|
||||
.icon-only { |
||||
flex: 0; |
||||
padding-right: 0; |
||||
padding-left: 40px; |
||||
text-align: center; |
||||
text-overflow: initial; |
||||
|
||||
&::before { |
||||
width: 40px; |
||||
margin-left: -40px; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
||||
a { |
||||
&, |
||||
&:hover, |
||||
&:focus { |
||||
color: $flyout-menu-link; |
||||
|
||||
&::before, |
||||
span { |
||||
color: inherit !important; // stylelint-disable-line declaration-no-important |
||||
} |
||||
} |
||||
|
||||
&.selected { |
||||
background-color: $flyout-menu-link-active-bg; |
||||
color: $flyout-menu-link-active; |
||||
} |
||||
} |
||||
|
||||
h3, |
||||
h4 { |
||||
height: auto; |
||||
margin: 0; |
||||
padding: $padding-base-vertical $padding-base-horizontal; |
||||
border-top: 1px solid $flyout-menu-header-border; |
||||
border-bottom: 1px solid $flyout-menu-header-border; |
||||
background-color: $flyout-menu-header-bg; |
||||
color: $flyout-menu-header-text; |
||||
line-height: $line-height-base; |
||||
|
||||
+ p { |
||||
margin-top: $padding-large-vertical; |
||||
} |
||||
} |
||||
|
||||
h4 { |
||||
padding: 0 $padding-base-horizontal; |
||||
} |
||||
|
||||
form { |
||||
padding-left: 0; |
||||
|
||||
> ul { |
||||
margin-left: 0; |
||||
|
||||
li:nth-child(n) { |
||||
padding-left: $padding-large-horizontal; |
||||
line-height: inherit; |
||||
|
||||
label { |
||||
a { |
||||
display: block; |
||||
padding: $padding-base-vertical $padding-base-horizontal; |
||||
} |
||||
} |
||||
} |
||||
|
||||
+ p { |
||||
margin-top: $padding-large-vertical; |
||||
} |
||||
} |
||||
} |
||||
|
||||
#admin-menu { |
||||
a { |
||||
background-position: 8px center !important; // stylelint-disable-line declaration-no-important |
||||
|
||||
&.additionals { |
||||
padding-left: 32px !important; // stylelint-disable-line declaration-no-important |
||||
|
||||
&::before { |
||||
margin-right: $padding-small-vertical; |
||||
font-size: $fa-font-size-base; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
||||
#watchers { |
||||
.contextual { |
||||
padding-top: $line-height-computed * .5; |
||||
padding-bottom: $line-height-computed * .5; |
||||
} |
||||
|
||||
.watchers { |
||||
li { |
||||
margin: ($line-height-computed * .5) 0 0; |
||||
padding: 0; |
||||
|
||||
img.gravatar { |
||||
top: 0; |
||||
} |
||||
|
||||
a { |
||||
height: auto; |
||||
border-top: 0; |
||||
line-height: initial; |
||||
} |
||||
|
||||
.delete { |
||||
margin-right: $padding-large-vertical; |
||||
margin-left: auto; |
||||
float: none; |
||||
text-align: center; |
||||
text-overflow: initial; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
||||
#query_form_content { |
||||
fieldset { |
||||
margin-bottom: $line-height-computed; |
||||
} |
||||
} |
||||
|
||||
.search-magnifier { |
||||
&--flyout { |
||||
line-height: normal; |
||||
} |
||||
} |
||||
|
||||
.splitcontentleft { |
||||
margin-bottom: $line-height-computed; |
||||
padding-right: 0; |
||||
float: none; |
||||
} |
||||
|
||||
.splitcontentright { |
||||
padding-left: 0; |
||||
float: none; |
||||
} |
||||
|
||||
.attributes .splitcontentleft { |
||||
margin-bottom: 0; |
||||
} |
||||
|
||||
.tabular { |
||||
input[type="checkbox"], |
||||
input[type="radio"], |
||||
input.date { |
||||
width: auto; |
||||
max-width: 95%; |
||||
} |
||||
|
||||
label { |
||||
float: none; |
||||
} |
||||
} |
||||
|
||||
.pagination { |
||||
.pages { |
||||
display: block; |
||||
} |
||||
} |
||||
|
||||
p.buttons, |
||||
.other-formats > span, |
||||
#wiki_add_attachment > p, |
||||
#content > .contextual, |
||||
#content > .contextual > span, |
||||
#query_form > .contextual, |
||||
#query_form_with_buttons > .contextual { |
||||
margin-bottom: $line-height-computed - $padding-small-horizontal; |
||||
padding: 0; |
||||
float: none; |
||||
text-align: left; |
||||
|
||||
a { |
||||
padding: $btn-padding-vertical $btn-padding-horizontal-small; |
||||
border: 1px solid $pagination-border; |
||||
border-radius: $border-radius-base; |
||||
background-color: $pagination-bg; |
||||
color: $pagination-color; |
||||
font-weight: $font-weight-normal; |
||||
|
||||
&:hover, |
||||
&:focus { |
||||
border-color: $pagination-hover-border; |
||||
background-color: $pagination-hover-bg; |
||||
color: $pagination-hover-color; |
||||
text-decoration: none; |
||||
} |
||||
|
||||
&.icon { |
||||
padding-left: 20px + $btn-padding-horizontal-small; |
||||
background-position: $btn-padding-horizontal-small 50%; |
||||
} |
||||
} |
||||
|
||||
a, |
||||
input, |
||||
select, |
||||
label { |
||||
margin-top: 0; |
||||
margin-bottom: 5px; |
||||
} |
||||
|
||||
label { |
||||
display: inline-block; |
||||
|
||||
input[type="checkbox"], |
||||
input[type="radio"] { |
||||
margin-top: $check-input-margin-btn-v; |
||||
} |
||||
} |
||||
} |
||||
|
||||
#content > .contextual > span { |
||||
margin-bottom: 0; |
||||
} |
||||
|
||||
#content > .contextual > a, |
||||
#content > .contextual .drdn, |
||||
p.buttons a { |
||||
display: inline-block; |
||||
margin: 0 2px 5px 0; |
||||
float: none; |
||||
} |
||||
|
||||
// For Redmine 4.0+ |
||||
#content > .contextual .drdn { |
||||
padding: 0; |
||||
border: 0; |
||||
|
||||
.drdn-trigger { |
||||
padding: $btn-padding-vertical $btn-padding-horizontal; |
||||
} |
||||
|
||||
.drdn-items { |
||||
a { |
||||
margin: 3px 0 0; |
||||
padding-top: $btn-padding-vertical; |
||||
padding-bottom: $btn-padding-vertical; |
||||
|
||||
&:first-child { |
||||
margin-top: 0; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
||||
// For Redmine 3.4+ |
||||
#my-page { |
||||
display: block; |
||||
} |
||||
|
||||
div#issue-changesets { |
||||
div.changeset { |
||||
padding: 0; |
||||
} |
||||
} |
||||
|
||||
#admin-index > #admin-menu li { |
||||
padding: 0; |
||||
|
||||
a { |
||||
background-position: 8px center !important; // stylelint-disable-line declaration-no-important |
||||
} |
||||
} |
||||
|
||||
/* Calendar */ |
||||
ul.cal { |
||||
display: block; |
||||
|
||||
.calhead { |
||||
display: none; |
||||
} |
||||
|
||||
.calbody { |
||||
min-height: calc(1.2em * 3); |
||||
} |
||||
|
||||
.calbody .day-letter { |
||||
display: inline; |
||||
} |
||||
|
||||
.week-number { |
||||
border: none; |
||||
background-color: $table-bg-active; |
||||
font-weight: bold; |
||||
text-align: left; |
||||
|
||||
span.label-week { |
||||
display: inline; |
||||
} |
||||
} |
||||
|
||||
.week-number .label-week { |
||||
display: inline; |
||||
} |
||||
|
||||
.calbody p.day-num { |
||||
font-size: 1.1em; |
||||
text-align: left; |
||||
|
||||
.abbr-day { |
||||
display: inline; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
||||
// Tweaks for smartphones, touchscreens |
||||
@media (hover: none) and (pointer: coarse) { |
||||
.mobile-toggle-button::after { |
||||
margin-top: 0; |
||||
} |
||||
|
||||
.query-columns { |
||||
span { |
||||
display: block; |
||||
margin-bottom: $line-height-computed * .5; |
||||
} |
||||
|
||||
.buttons { |
||||
input[type="button"] { |
||||
display: inline-block; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
||||
@ -0,0 +1,320 @@
|
||||
.syntaxhl { |
||||
color: #24292e; |
||||
|
||||
.hll { |
||||
background-color: #ffc; |
||||
} |
||||
|
||||
// Comment |
||||
.c { |
||||
color: #6a737d; |
||||
} |
||||
|
||||
// Keyword |
||||
.k { |
||||
color: #d73a49; |
||||
} |
||||
|
||||
// Comment.Hashbang |
||||
.ch { |
||||
color: #6a737d; |
||||
} |
||||
|
||||
// Comment.Multiline |
||||
.cm { |
||||
color: #6a737d; |
||||
} |
||||
|
||||
// Comment.Preproc |
||||
.cp { |
||||
color: #d73a49; |
||||
} |
||||
|
||||
// Comment.PreprocFile |
||||
.cpf { |
||||
color: #032f62; |
||||
} |
||||
|
||||
// Comment.Single |
||||
.c1 { |
||||
color: #6a737d; |
||||
} |
||||
|
||||
// Comment.Special |
||||
.cs { |
||||
color: #6a737d; |
||||
} |
||||
|
||||
// Generic.Deleted |
||||
.gd { |
||||
background-color: #ffeef0; |
||||
color: #b31d28; |
||||
} |
||||
|
||||
// Generic.Heading |
||||
.gh { |
||||
color: #005cc5; |
||||
} |
||||
|
||||
// Generic.Inserted |
||||
.gi { |
||||
background-color: #f0fff4; |
||||
color: #22863a; |
||||
} |
||||
|
||||
// Generic.Strong |
||||
.gs { |
||||
font-weight: bold; |
||||
} |
||||
|
||||
// Generic.Subheading |
||||
.gu { |
||||
color: #6f42c1; |
||||
font-weight: bold; |
||||
} |
||||
|
||||
// Generic.Traceback |
||||
.gt { |
||||
color: #04d; |
||||
} |
||||
|
||||
// Keyword.Constant |
||||
.kc { |
||||
color: #005cc5; |
||||
} |
||||
|
||||
// Keyword.Declaration |
||||
.kd { |
||||
color: #d73a49; |
||||
} |
||||
|
||||
// Keyword.Namespace |
||||
.kn { |
||||
color: #d73a49; |
||||
} |
||||
|
||||
// Keyword.Pseudo |
||||
.kp { |
||||
color: #d73a49; |
||||
} |
||||
|
||||
// Keyword.Reserved |
||||
.kr { |
||||
color: #d73a49; |
||||
} |
||||
|
||||
// Keyword.Type |
||||
.kt { |
||||
color: #d73a49; |
||||
} |
||||
|
||||
// Literal.Number |
||||
.m { |
||||
color: #005cc5; |
||||
} |
||||
|
||||
// Literal.String |
||||
.s { |
||||
color: #032f62; |
||||
} |
||||
|
||||
// Name.Attribute |
||||
.na { |
||||
color: #005cc5; |
||||
} |
||||
|
||||
// Name.Builtin |
||||
.nb { |
||||
color: #005cc5; |
||||
} |
||||
|
||||
// Name.Class |
||||
.nc { |
||||
color: #6f42c1; |
||||
} |
||||
|
||||
// Name.Constant |
||||
.no { |
||||
color: #005cc5; |
||||
} |
||||
|
||||
// Name.Decorator |
||||
.nd { |
||||
color: #6f42c1; |
||||
} |
||||
|
||||
// Name.Entity |
||||
.ni { |
||||
color: #005cc5; |
||||
} |
||||
|
||||
// Name.Exception |
||||
.ne { |
||||
color: #005cc5; |
||||
} |
||||
|
||||
// Name.Function |
||||
.nf { |
||||
color: #6f42c1; |
||||
} |
||||
|
||||
// Name.Label |
||||
.nl { |
||||
color: #005cc5; |
||||
} |
||||
|
||||
// Name.Namespace |
||||
.nn { |
||||
color: #6f42c1; |
||||
} |
||||
|
||||
// Name.Tag |
||||
.nt { |
||||
color: #22863a; |
||||
} |
||||
|
||||
// Name.Variable |
||||
.nv { |
||||
color: #24292e; |
||||
} |
||||
|
||||
// Operator |
||||
.o { |
||||
color: #d73a49; |
||||
} |
||||
|
||||
// Operator.Word |
||||
.ow { |
||||
color: #d73a49; |
||||
} |
||||
|
||||
// Text.Whitespace |
||||
.w { |
||||
color: #bbb; |
||||
} |
||||
|
||||
// Literal.Number.Bin |
||||
.mb { |
||||
color: #005cc5; |
||||
} |
||||
|
||||
// Literal.Number.Float |
||||
.mf { |
||||
color: #005cc5; |
||||
} |
||||
|
||||
// Literal.Number.Hex |
||||
.mh { |
||||
color: #005cc5; |
||||
} |
||||
|
||||
// Literal.Number.Integer |
||||
.mi { |
||||
color: #005cc5; |
||||
} |
||||
|
||||
// Literal.Number.Oct |
||||
.mo { |
||||
color: #005cc5; |
||||
} |
||||
|
||||
// Literal.String.Affix |
||||
.sa { |
||||
color: #d73a49; |
||||
} |
||||
|
||||
// Literal.String.Backtick |
||||
.sb { |
||||
color: #032f62; |
||||
} |
||||
|
||||
// Literal.String.Char |
||||
.sc { |
||||
color: #032f62; |
||||
} |
||||
|
||||
// Literal.String.Delimiter |
||||
.dl { |
||||
color: #d73a49; |
||||
} |
||||
|
||||
// Literal.String.Doc |
||||
.sd { |
||||
color: #032f62; |
||||
} |
||||
|
||||
// Literal.String.Double |
||||
.s2 { |
||||
color: #032f62; |
||||
} |
||||
|
||||
// Literal.String.Escape |
||||
.se { |
||||
color: #032f62; |
||||
} |
||||
|
||||
// Literal.String.Heredoc |
||||
.sh { |
||||
color: #032f62; |
||||
} |
||||
|
||||
// Literal.String.Interpol |
||||
.si { |
||||
color: #005cc5; |
||||
} |
||||
|
||||
// Literal.String.Other |
||||
.sx { |
||||
color: #032f62; |
||||
} |
||||
|
||||
// Literal.String.Regex |
||||
.sr { |
||||
color: #032f62; |
||||
} |
||||
|
||||
// Literal.String.Single |
||||
.s1 { |
||||
color: #032f62; |
||||
} |
||||
|
||||
// Literal.String.Symbol |
||||
.ss { |
||||
color: #005cc5; |
||||
} |
||||
|
||||
// Name.Builtin.Pseudo |
||||
.bp { |
||||
color: #005cc5; |
||||
} |
||||
|
||||
// Name.Function.Magic |
||||
.fm { |
||||
color: #005cc5; |
||||
} |
||||
|
||||
// Name.Variable.Class |
||||
.vc { |
||||
color: #24292e; |
||||
} |
||||
|
||||
// Name.Variable.Global |
||||
.vg { |
||||
color: #24292e; |
||||
} |
||||
|
||||
// Name.Variable.Instance |
||||
.vi { |
||||
color: #24292e; |
||||
} |
||||
|
||||
// Name.Variable.Magic |
||||
.vm { |
||||
color: #005cc5; |
||||
} |
||||
|
||||
// Literal.Number.Integer.Long |
||||
.il { |
||||
color: #005cc5; |
||||
} |
||||
} |
||||
@ -0,0 +1,147 @@
|
||||
// |
||||
// Activity and search results list |
||||
// -------------------------------------------------- |
||||
|
||||
#activity dl, |
||||
#search-results { |
||||
margin-left: $padding-side; |
||||
} |
||||
|
||||
#activity, |
||||
#search-results { |
||||
dd { |
||||
margin-bottom: $line-height-computed; |
||||
padding-top: .1em; |
||||
} |
||||
|
||||
dt { |
||||
padding-left: $padding-side; |
||||
background-repeat: no-repeat; |
||||
background-position: 0 center; |
||||
} |
||||
|
||||
span.project::after { |
||||
content: " -"; |
||||
} |
||||
|
||||
span.description { |
||||
display: block; |
||||
color: $gray-700; |
||||
font-style: italic; |
||||
} |
||||
} |
||||
|
||||
#activity { |
||||
$activity-avatar: 24px; |
||||
$activity-avatar-space: 5px; |
||||
$activity-indent: 20px; |
||||
|
||||
@if $use-gravatars { |
||||
$activity-indent: $activity-indent + $activity-avatar + $activity-avatar-space; |
||||
} |
||||
|
||||
h3, |
||||
h4 { |
||||
margin: 0 0 $line-height-computed; |
||||
padding-bottom: .2em; |
||||
border-bottom: 1px dotted $gray-600; |
||||
font-size: $font-size-h4; |
||||
font-weight: $font-weight-normal; |
||||
} |
||||
|
||||
dt { |
||||
&.grouped { |
||||
margin-left: $activity-indent; |
||||
} |
||||
|
||||
&.me .time { |
||||
border-bottom: 1px solid $gray-400; |
||||
} |
||||
|
||||
.time { |
||||
color: $gray-700; |
||||
} |
||||
|
||||
@if $use-gravatars { |
||||
.gravatar { |
||||
top: 0; |
||||
margin-top: -2px; |
||||
margin-right: $activity-avatar-space; |
||||
float: left; |
||||
} |
||||
} |
||||
} |
||||
|
||||
dd { |
||||
overflow: hidden; |
||||
font-size: $font-size-small; |
||||
|
||||
&.grouped { |
||||
margin-left: $activity-indent; |
||||
} |
||||
} |
||||
} |
||||
|
||||
#search-results-counts { |
||||
float: right; |
||||
|
||||
ul { |
||||
@extend %clearfix; |
||||
} |
||||
|
||||
li { |
||||
margin-left: 1em; |
||||
float: left; |
||||
list-style-type: none; |
||||
} |
||||
} |
||||
|
||||
|
||||
// Search form |
||||
|
||||
#search-form { |
||||
margin-bottom: $line-height-computed; |
||||
|
||||
input, |
||||
select { |
||||
margin-right: 5px; |
||||
margin-bottom: $line-height-computed * .5; |
||||
} |
||||
|
||||
label { |
||||
@include check-inline; |
||||
line-height: $input-height-base; |
||||
|
||||
input[type="checkbox"], |
||||
input[type="radio"] { |
||||
margin-top: $check-input-margin-btn-v; |
||||
} |
||||
} |
||||
|
||||
p:last-child { |
||||
margin-bottom: 0; |
||||
} |
||||
} |
||||
|
||||
|
||||
// Search results highlight |
||||
|
||||
.highlight { |
||||
background-color: saturate(shade($yellow, 100), 25%); |
||||
color: saturate(shade($yellow, 800), 25%); |
||||
|
||||
&.token-1 { |
||||
background-color: saturate(shade($red, 100), 25%); |
||||
color: saturate(shade($red, 800), 25%); |
||||
} |
||||
|
||||
&.token-2 { |
||||
background-color: saturate(shade($green, 100), 25%); |
||||
color: saturate(shade($green, 800), 25%); |
||||
} |
||||
|
||||
&.token-3 { |
||||
background-color: saturate(shade($blue, 100), 25%); |
||||
color: saturate(shade($blue, 800), 25%); |
||||
} |
||||
} |
||||
@ -0,0 +1,196 @@
|
||||
// |
||||
// Tabs |
||||
// -------------------------------------------------- |
||||
|
||||
$tabs-height: $line-height-computed + $tab-padding-vertical * 2 + 1px + 1px; |
||||
|
||||
.tabs { |
||||
$tabs-buttons-width: 40px; |
||||
|
||||
position: relative; |
||||
overflow: hidden; |
||||
|
||||
@if not $flexbox-layout { |
||||
padding-right: $tabs-buttons-width; |
||||
} |
||||
|
||||
> ul { |
||||
box-sizing: border-box; |
||||
margin: 0; |
||||
padding-left: 0; |
||||
list-style: none; |
||||
|
||||
@if $flexbox-layout { |
||||
display: flex; |
||||
flex-wrap: nowrap; |
||||
height: $tabs-height; |
||||
} @else { |
||||
width: 2000px; |
||||
@extend %clearfix; |
||||
} |
||||
|
||||
> li { |
||||
@if $flexbox-layout { |
||||
flex: 0 1 auto; |
||||
} @else { |
||||
float: left; |
||||
} |
||||
|
||||
> a { |
||||
display: block; |
||||
box-sizing: border-box; |
||||
min-width: 3em; |
||||
height: $tabs-height; |
||||
margin-right: 2px; |
||||
padding: $tab-padding-vertical $tab-padding-horizontal; |
||||
border: 1px solid transparent; |
||||
border-radius: $border-radius-base $border-radius-base 0 0; |
||||
text-align: center; |
||||
white-space: nowrap; |
||||
} |
||||
} |
||||
} |
||||
|
||||
.tabs-buttons { |
||||
position: absolute; |
||||
top: 0; |
||||
right: 0; |
||||
width: $tabs-buttons-width; |
||||
border-bottom: 1px solid $tab-border; |
||||
background-color: $body-bg; |
||||
|
||||
> button { |
||||
width: 50%; |
||||
height: $tabs-height - 1px; |
||||
margin: 0; |
||||
padding: 0; |
||||
float: left; |
||||
transition: opacity $transition-time; |
||||
border: 0 none; |
||||
border-radius: 0; |
||||
opacity: $icon-opacity; |
||||
background-color: $body-bg; |
||||
background-repeat: no-repeat; |
||||
background-position: center center; |
||||
box-shadow: none; |
||||
|
||||
&:hover, |
||||
&:active { |
||||
opacity: $icon-hover-opacity; |
||||
} |
||||
|
||||
&:active { |
||||
background-color: $tab-hover-bg; |
||||
} |
||||
|
||||
&.disabled { |
||||
opacity: $icon-opacity * .5; |
||||
} |
||||
} |
||||
|
||||
.tab-left { |
||||
background-image: inline-svg("chevron-left.svg", (path: (fill: $btn-default-icon-color))); |
||||
} |
||||
|
||||
.tab-right { |
||||
background-image: inline-svg("chevron-right.svg", (path: (fill: $btn-default-icon-color))); |
||||
} |
||||
} |
||||
} |
||||
|
||||
div.tabs:not(#main-menu) { |
||||
height: $tabs-height; |
||||
margin-bottom: $line-height-computed; |
||||
|
||||
> ul { |
||||
margin: 0; |
||||
padding: 0; |
||||
border-bottom: 1px solid $tab-border; |
||||
|
||||
> li { |
||||
margin: 0 0 -1px; |
||||
background: transparent; |
||||
|
||||
> a { |
||||
padding: $tab-padding-vertical $tab-padding-horizontal; |
||||
border-color: transparent; |
||||
background: transparent; |
||||
color: $link-color; |
||||
font: inherit; |
||||
|
||||
&:hover, |
||||
&:focus { |
||||
border-color: $tab-hover-border $tab-hover-border $tab-border; |
||||
background-color: $tab-hover-bg; |
||||
color: $tab-hover-text; |
||||
text-decoration: none; |
||||
} |
||||
|
||||
&.selected { |
||||
border-color: $tab-active-border $tab-active-border $tab-active-bg; |
||||
background: $tab-active-bg; |
||||
color: $tab-active-text; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
||||
//== Specific tabs content layout |
||||
// |
||||
|
||||
#tab-content-modules fieldset p { |
||||
margin: 3px 0 4px; |
||||
} |
||||
|
||||
#tab-content-members, |
||||
#tab-content-memberships, |
||||
#tab-content-users { |
||||
.splitcontentleft { |
||||
width: 65%; |
||||
} |
||||
|
||||
.splitcontentright { |
||||
width: 35%; |
||||
} |
||||
|
||||
fieldset { |
||||
margin-bottom: $line-height-computed; |
||||
|
||||
legend { |
||||
font-weight: $font-weight-bold; |
||||
} |
||||
|
||||
label { |
||||
@include check; |
||||
display: block; |
||||
margin-bottom: 3px; |
||||
} |
||||
|
||||
label[for="principal_search"] { |
||||
padding-left: 0; |
||||
} |
||||
} |
||||
|
||||
.pagination .items { |
||||
margin-left: 0; |
||||
} |
||||
} |
||||
|
||||
#tab-content-members, |
||||
#tab-content-users { |
||||
#principals { |
||||
max-height: 400px; |
||||
overflow: auto; |
||||
} |
||||
} |
||||
|
||||
#tab-content-memberships .splitcontentright select { |
||||
width: 100%; |
||||
} |
||||
|
||||
#principals_for_new_member { |
||||
.pagination { |
||||
float: none; |
||||
} |
||||
} |
||||
@ -0,0 +1,439 @@
|
||||
// |
||||
// Top menu |
||||
// -------------------------------------------------- |
||||
|
||||
#top-menu { |
||||
$top-menu-padding-vertical: $padding-small-vertical + 1px; |
||||
$top-menu-padding-horizontal: $padding-side; |
||||
@extend %clearfix; |
||||
box-sizing: border-box; |
||||
padding: $top-menu-padding-vertical $top-menu-padding-horizontal; |
||||
background: $top-menu-bg; |
||||
color: $top-menu-text; |
||||
font-size: $font-size-small; |
||||
|
||||
@if $top-menu-collapse { |
||||
$toggler-position-v: $top-menu-padding-vertical + 1px; |
||||
$toggler-position-h: 1px; |
||||
|
||||
position: relative; |
||||
max-height: floor($font-size-base * $font-size-small-unitless * $line-height-base) + $top-menu-padding-vertical * 2; |
||||
padding-bottom: 0; |
||||
overflow: hidden; |
||||
|
||||
&.expanded { |
||||
max-height: none; |
||||
} |
||||
|
||||
a { |
||||
display: inline-block; |
||||
margin-bottom: $top-menu-padding-vertical; |
||||
white-space: nowrap; |
||||
} |
||||
|
||||
.top-menu-toggler { |
||||
@extend %fa-icon; |
||||
display: block; |
||||
position: absolute; |
||||
top: $toggler-position-v; |
||||
@if $sidebar-position == "left" { |
||||
left: $toggler-position-h; |
||||
} @else { |
||||
right: $toggler-position-h; |
||||
} |
||||
color: mix($top-menu-link, $top-menu-bg, 33%); |
||||
font-size: $fa-font-size-base; |
||||
line-height: 1; |
||||
user-select: none; |
||||
|
||||
&::before { |
||||
content: $fa-var-caret-square-o-down; |
||||
margin-right: 0; |
||||
} |
||||
|
||||
&:hover, |
||||
&:focus, |
||||
&:active { |
||||
color: mix($top-menu-link-hover, $top-menu-bg, 50%); |
||||
} |
||||
|
||||
&.expanded { |
||||
&::before { |
||||
content: $fa-var-caret-square-o-up; |
||||
} |
||||
} |
||||
|
||||
@media screen and (min-width: $top-menu-collapse-breakpoint) { |
||||
display: none; |
||||
} |
||||
} |
||||
} |
||||
|
||||
ul { |
||||
@include clearfix; |
||||
margin: 0; |
||||
padding: 0; |
||||
} |
||||
|
||||
li { |
||||
margin: 0 .8em 0 0; |
||||
padding: 0; |
||||
float: left; |
||||
list-style-type: none; |
||||
white-space: nowrap; |
||||
} |
||||
|
||||
a { |
||||
color: $top-menu-link; |
||||
font-weight: $font-weight-bold; |
||||
|
||||
&:hover { |
||||
color: $top-menu-link-hover; |
||||
text-decoration: none; |
||||
} |
||||
} |
||||
|
||||
#loggedas { |
||||
margin-left: 1em; |
||||
float: right; |
||||
} |
||||
} |
||||
|
||||
#account { |
||||
float: right; |
||||
|
||||
> ul > li { |
||||
margin-right: 0; |
||||
margin-left: .8em; |
||||
} |
||||
} |
||||
|
||||
|
||||
// |
||||
// Header |
||||
// -------------------------------------------------- |
||||
|
||||
#header { |
||||
@extend %clearfix; |
||||
position: relative; |
||||
background-color: $header-bg; |
||||
color: $header-text; |
||||
|
||||
> h1 { |
||||
padding: $header-padding-vertical $header-padding-horizontal; |
||||
|
||||
@if $use-logo { |
||||
padding-left: $logo-image-width + $logo-position-horizontal + $logo-space; |
||||
background-image: url("../images/logo/logo.png"); |
||||
background-repeat: no-repeat; |
||||
background-position: $logo-position-horizontal $logo-position-vertical; |
||||
|
||||
@if $use-retina-logo { |
||||
@include img-retina("../images/logo/logo@2x.png", $logo-image-width, $logo-image-height); |
||||
} |
||||
} |
||||
|
||||
.root { |
||||
color: $header-root; |
||||
font-weight: $font-weight-semi-bold; |
||||
} |
||||
|
||||
.ancestor { |
||||
font-weight: $font-weight-semi-bold; |
||||
} |
||||
|
||||
.root, |
||||
.ancestor { |
||||
display: inline-block; |
||||
} |
||||
|
||||
.current-project { |
||||
display: inline-block; |
||||
} |
||||
} |
||||
|
||||
a { |
||||
color: $header-link; |
||||
} |
||||
} |
||||
|
||||
#quick-search { |
||||
#header & { |
||||
margin-top: floor(($header-title-line-height + $header-padding-vertical * 2 - $input-height-base) * .5) - 1px; |
||||
margin-right: $header-padding-horizontal; |
||||
float: right; |
||||
color: $header-text; |
||||
} |
||||
|
||||
> * { |
||||
vertical-align: top; |
||||
} |
||||
|
||||
form { |
||||
display: inline-block; |
||||
|
||||
input { |
||||
width: $quick-search-width; |
||||
} |
||||
} |
||||
|
||||
> form > input, |
||||
> select { |
||||
border-color: $quick-search-border; |
||||
|
||||
&:focus { |
||||
border-color: $quick-search-border-focus; |
||||
} |
||||
} |
||||
|
||||
option { |
||||
background-color: $input-bg; |
||||
color: $input-color; |
||||
|
||||
&[disabled] { |
||||
color: $gray-400; |
||||
} |
||||
} |
||||
} |
||||
|
||||
#project-jump { |
||||
display: inline-block; |
||||
|
||||
&.expanded { |
||||
.drdn-trigger { |
||||
z-index: 1003; |
||||
height: auto; |
||||
padding-bottom: $header-padding-horizontal * .5; |
||||
border-color: $quick-search-dropdown-bg; |
||||
background-color: $quick-search-dropdown-bg; |
||||
|
||||
&::after { |
||||
content: $fa-var-caret-up; |
||||
} |
||||
} |
||||
} |
||||
|
||||
.drdn { |
||||
&-trigger { |
||||
@extend %form-field; |
||||
@extend %fa-icon-after; |
||||
min-width: $quick-search-width; |
||||
border-color: $quick-search-border; |
||||
|
||||
&::after { |
||||
content: $fa-var-caret-down; |
||||
position: absolute; |
||||
top: ($font-size-base * .5); |
||||
right: $input-padding-horizontal; |
||||
} |
||||
} |
||||
|
||||
&-content { |
||||
min-width: $quick-search-box-width; |
||||
background: $quick-search-dropdown-bg; |
||||
|
||||
> .quick-search { |
||||
padding: $header-padding-horizontal * .5; |
||||
|
||||
> input { |
||||
width: 100%; |
||||
} |
||||
} |
||||
} |
||||
|
||||
&-items { |
||||
border-top: 1px solid $quick-search-dropdown-border; |
||||
|
||||
> a, |
||||
> span { |
||||
overflow: hidden; |
||||
text-overflow: ellipsis; |
||||
white-space: nowrap; |
||||
} |
||||
} |
||||
} |
||||
|
||||
a { |
||||
color: $main-menu-link; |
||||
|
||||
&:hover, |
||||
&:focus { |
||||
background-color: $component-active-bg; |
||||
color: $component-active-color; |
||||
text-decoration: none; |
||||
} |
||||
} |
||||
|
||||
.all-projects a { |
||||
font-weight: $font-weight-bold; |
||||
} |
||||
} |
||||
|
||||
#main-menu { |
||||
$tabs-height: $main-menu-padding-vertical * 2 + $line-height-computed; |
||||
|
||||
clear: both; |
||||
background-color: $main-menu-bg; |
||||
box-shadow: inset 0 -1px $main-menu-border; |
||||
color: $text-color; |
||||
|
||||
&.tabs { |
||||
margin-bottom: 0; |
||||
overflow: inherit; |
||||
|
||||
> ul { |
||||
height: $tabs-height; |
||||
|
||||
> li { |
||||
> a { |
||||
height: $tabs-height; |
||||
margin: 0; |
||||
border: 0 none; |
||||
border-radius: 0; |
||||
background: transparent; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
||||
> ul { |
||||
@extend %clearfix; |
||||
margin: 0; |
||||
padding: 0 ($padding-side - $main-menu-padding-horizontal); |
||||
list-style: none; |
||||
color: $main-menu-link; |
||||
|
||||
> li { |
||||
position: relative; |
||||
float: left; |
||||
|
||||
&:hover { |
||||
> .new-object { |
||||
z-index: 100; |
||||
border-bottom: 1px solid $main-menu-dropdown-bg; |
||||
} |
||||
|
||||
> .menu-children { |
||||
visibility: visible; |
||||
} |
||||
} |
||||
|
||||
> a { |
||||
display: block; |
||||
padding: $main-menu-padding-vertical $main-menu-padding-horizontal; |
||||
transition: box-shadow $transition-time-long; |
||||
color: $main-menu-link; |
||||
line-height: $line-height-computed; |
||||
white-space: nowrap; |
||||
|
||||
@media screen and (min-width: $screen-lg-min) { |
||||
padding-right: $main-menu-padding-horizontal * 2; |
||||
padding-left: $main-menu-padding-horizontal * 2; |
||||
} |
||||
|
||||
&:hover, |
||||
&:focus { |
||||
background-color: $main-menu-bg-hover; |
||||
box-shadow: inset 0 (-$main-menu-shadow-width) 0 $main-menu-shadow-hover; |
||||
text-decoration: none; |
||||
} |
||||
|
||||
&.selected { |
||||
padding-bottom: $main-menu-padding-vertical - $main-menu-shadow-width; |
||||
border-bottom: 3px solid $main-menu-shadow-active; |
||||
background-color: $main-menu-bg-active; |
||||
box-shadow: none; |
||||
color: $main-menu-link-active; |
||||
font-weight: $font-weight-semi-bold; |
||||
} |
||||
|
||||
&.new-object { |
||||
position: relative; |
||||
width: $tabs-height; |
||||
margin-right: $main-menu-padding-horizontal; |
||||
padding-bottom: $main-menu-padding-vertical - 1px; |
||||
border: 1px solid $main-menu-border; |
||||
border-width: 0 1px; |
||||
background-color: $main-menu-dropdown-bg; |
||||
font-size: 0; |
||||
|
||||
&::before { |
||||
@include fa-icon; |
||||
content: $fa-var-plus; |
||||
font-size: $fa-font-size-base; |
||||
line-height: $line-height-computed; |
||||
text-align: center; |
||||
} |
||||
|
||||
&:hover, |
||||
&:focus { |
||||
box-shadow: none; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
||||
a { |
||||
color: $main-menu-link; |
||||
} |
||||
|
||||
.menu-children { |
||||
@include nice-shadow(2); |
||||
display: block; |
||||
visibility: hidden; |
||||
position: absolute; |
||||
z-index: 1001; |
||||
min-width: 130px; |
||||
margin: 0 1px; |
||||
padding: 0; |
||||
overflow: hidden; |
||||
list-style: none; |
||||
transition: visibility 0ms 50ms; |
||||
border-radius: 0 0 $border-radius-base $border-radius-base; |
||||
background: $main-menu-dropdown-bg; |
||||
|
||||
&.visible { |
||||
visibility: visible; |
||||
} |
||||
|
||||
a { |
||||
display: block; |
||||
padding: $tab-padding-vertical ($tab-padding-horizontal * 2); |
||||
border-top: 1px solid $main-menu-border; |
||||
color: $main-menu-link; |
||||
|
||||
&:hover, |
||||
&:focus { |
||||
background-color: $component-active-bg; |
||||
color: $component-active-color; |
||||
text-decoration: none; |
||||
} |
||||
} |
||||
|
||||
> li:first-child > a { |
||||
border: 0 none; |
||||
} |
||||
} |
||||
|
||||
.tabs-buttons { |
||||
display: none !important; // stylelint-disable-line declaration-no-important |
||||
padding-left: 0; |
||||
border-color: $main-menu-border; |
||||
background-color: $main-menu-bg; |
||||
|
||||
> button { |
||||
box-sizing: border-box; |
||||
height: $tabs-height - 1px; |
||||
background-color: $main-menu-bg; |
||||
|
||||
&:hover { |
||||
background-color: $main-menu-bg-hover; |
||||
} |
||||
} |
||||
} |
||||
|
||||
ul + .tabs-buttons { |
||||
display: block !important; // stylelint-disable-line declaration-no-important |
||||
} |
||||
} |
||||
@ -0,0 +1,498 @@
|
||||
.wiki.wiki-page { |
||||
margin-bottom: $line-height-computed; |
||||
font-size: $wiki-font-size; |
||||
|
||||
@if $wiki-page-more-vertical-space { |
||||
// Add some space between list items |
||||
ul, |
||||
ol { |
||||
li { |
||||
margin-top: .25em; |
||||
} |
||||
|
||||
ul, |
||||
ol { |
||||
margin-top: .25em; |
||||
margin-bottom: .25em; |
||||
|
||||
li { |
||||
margin-top: .125em; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
||||
.controller-wiki { |
||||
.wiki > .preview, |
||||
.wiki.wiki-preview { |
||||
font-size: $wiki-font-size; |
||||
} |
||||
} |
||||
|
||||
div.wiki { |
||||
color: $wiki-text; |
||||
line-height: $wiki-line-height; |
||||
|
||||
// stylelint-disable selector-list-comma-newline-after |
||||
h1, .h1, |
||||
h2, .h2, |
||||
h3, .h3, |
||||
h4, .h4, |
||||
h5, .h5, |
||||
h6, .h6 { |
||||
margin-top: 1em; |
||||
margin-bottom: $wiki-font-size; |
||||
font-weight: $headings-font-weight; |
||||
line-height: $headings-line-height; |
||||
} |
||||
|
||||
h1, .h1 { |
||||
padding-bottom: .3em; |
||||
border-bottom: 1px solid $gray-400; |
||||
font-size: $font-size-h1; |
||||
line-height: 1.2; |
||||
} |
||||
|
||||
h2, .h2 { |
||||
padding-bottom: .3em; |
||||
border-bottom: 1px solid $gray-400; |
||||
font-size: $font-size-h2; |
||||
line-height: 1.225; |
||||
} |
||||
|
||||
h3, .h3 { |
||||
font-size: $font-size-h3; |
||||
line-height: 1.43; |
||||
} |
||||
|
||||
h4, .h4 { |
||||
font-size: $font-size-h4; |
||||
} |
||||
|
||||
h5, .h5 { |
||||
font-size: $font-size-h5; |
||||
} |
||||
|
||||
h6, .h6 { |
||||
color: $gray-700; |
||||
font-size: $font-size-h6; |
||||
} |
||||
|
||||
.text-normal { |
||||
font-weight: $font-weight-normal; |
||||
} |
||||
|
||||
> a:first-child { |
||||
+ h1, |
||||
+ h2, |
||||
+ h3, |
||||
+ h4, |
||||
+ h5, |
||||
+ h6 { |
||||
margin-top: 0; |
||||
} |
||||
} |
||||
|
||||
> a:target { |
||||
+ h2, |
||||
+ h3, |
||||
+ h4, |
||||
+ h5, |
||||
+ h6 { |
||||
&::before { |
||||
content: "#"; |
||||
display: inline-block; |
||||
width: .7em; |
||||
margin-left: -.7em; |
||||
color: $headings-anchor-color-active; |
||||
font-weight: $font-weight-normal; |
||||
} |
||||
} |
||||
} |
||||
|
||||
> :last-child { |
||||
margin-bottom: 0; |
||||
} |
||||
|
||||
blockquote { |
||||
margin-bottom: 1em; |
||||
|
||||
> :first-child { |
||||
margin-top: 0; |
||||
} |
||||
|
||||
> :last-child { |
||||
margin-bottom: 0; |
||||
} |
||||
} |
||||
|
||||
.contextual { |
||||
a { |
||||
opacity: $icon-opacity; |
||||
|
||||
&:hover { |
||||
opacity: $icon-hover-opacity; |
||||
} |
||||
} |
||||
} |
||||
|
||||
a { |
||||
word-break: break-all; |
||||
word-break: break-word; |
||||
} |
||||
|
||||
p, |
||||
ul, |
||||
ol { |
||||
margin-bottom: 1em; |
||||
} |
||||
|
||||
ul, |
||||
ol { |
||||
padding-left: 1.5em; |
||||
|
||||
ul, |
||||
ol { |
||||
margin-bottom: 0; |
||||
} |
||||
} |
||||
|
||||
li > p { |
||||
margin-top: .25em; |
||||
margin-bottom: 0; |
||||
} |
||||
|
||||
table { |
||||
display: block; |
||||
width: 100%; |
||||
margin-bottom: $line-height-computed; |
||||
overflow: auto; |
||||
word-break: normal; |
||||
word-break: keep-all; |
||||
} |
||||
|
||||
// Textile |
||||
tbody:first-child tr:nth-child(2n), |
||||
// Markdown |
||||
thead + tbody tr:nth-child(2n-1) { |
||||
background-color: $table-bg-accent; |
||||
} |
||||
|
||||
td, |
||||
th { |
||||
padding: $table-cell-padding; |
||||
border: 1px solid $table-border-color; |
||||
} |
||||
|
||||
.noborder, |
||||
.wiki-class-noborder { |
||||
border: 0 none; |
||||
|
||||
td, |
||||
th { |
||||
border: 0 none; |
||||
} |
||||
} |
||||
|
||||
a.new { |
||||
color: $brand-danger; |
||||
} |
||||
|
||||
code { |
||||
padding: .2em .33em; |
||||
border-radius: $border-radius-base; |
||||
background-color: rgba($gray-500, .3); |
||||
font-size: $font-size-small; |
||||
} |
||||
|
||||
pre { |
||||
width: auto; |
||||
margin-bottom: 1.15em; |
||||
padding: 12px 15px; |
||||
overflow-x: auto; |
||||
overflow-y: hidden; |
||||
border-radius: $border-radius-base; |
||||
background-color: rgba($gray-500, .15); |
||||
font-size: $font-size-small; |
||||
|
||||
code { |
||||
padding: 0; |
||||
border-radius: 0; |
||||
background-color: transparent; |
||||
font-size: 1em; |
||||
} |
||||
} |
||||
|
||||
img { |
||||
max-width: 100%; |
||||
vertical-align: middle; |
||||
} |
||||
|
||||
.toc { |
||||
display: table; |
||||
max-width: 45%; |
||||
margin-bottom: $line-height-computed; |
||||
margin-left: 0; |
||||
padding: $padding-small-vertical $padding-small-horizontal; |
||||
list-style-type: none; |
||||
border: 1px solid $toc-border; |
||||
border-radius: $border-radius-base; |
||||
background-color: $toc-bg; |
||||
box-shadow: $toc-shadow; |
||||
color: $toc-text; |
||||
font-size: $font-size-small; |
||||
|
||||
a { |
||||
color: $toc-link; |
||||
font-weight: $font-weight-normal; |
||||
text-decoration: none; |
||||
|
||||
&:hover { |
||||
color: $toc-link-hover; |
||||
text-decoration: underline; |
||||
} |
||||
} |
||||
|
||||
&.right { |
||||
margin-right: 0; |
||||
margin-left: $line-height-computed; |
||||
float: right; |
||||
} |
||||
|
||||
&.left { |
||||
margin-right: $line-height-computed; |
||||
margin-left: 0; |
||||
float: left; |
||||
} |
||||
|
||||
ul { |
||||
margin: 0; |
||||
padding: 0; |
||||
font-size: $font-size-small; |
||||
|
||||
ul { |
||||
font-size: 1em; |
||||
} |
||||
} |
||||
|
||||
li { |
||||
// stylelint-disable selector-max-compound-selectors |
||||
margin: 0; |
||||
|
||||
li { |
||||
margin-left: 1.5em; |
||||
list-style-type: disc; |
||||
|
||||
li { |
||||
list-style-type: circle; |
||||
|
||||
li { |
||||
list-style-type: square; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
||||
.toc-active-prev + .toc { |
||||
padding-left: $padding-large-horizontal; |
||||
border-left: 4px solid $toc-active-border; |
||||
|
||||
a { |
||||
color: $toc-active-link; |
||||
|
||||
&:focus, |
||||
&:hover { |
||||
color: $toc-active-link-hover; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
||||
h1, |
||||
h2, |
||||
h3, |
||||
h4, |
||||
h5, |
||||
h6 { |
||||
.wiki-anchor { |
||||
display: none; |
||||
margin-left: 5px; |
||||
color: $headings-anchor-color !important; // stylelint-disable-line declaration-no-important |
||||
text-decoration: none !important; // stylelint-disable-line declaration-no-important |
||||
} |
||||
|
||||
&:hover { |
||||
.wiki-anchor { |
||||
display: inline; |
||||
} |
||||
} |
||||
|
||||
img { |
||||
display: inline-block; |
||||
max-width: 100%; |
||||
vertical-align: middle; |
||||
} |
||||
} |
||||
|
||||
p.footnote { |
||||
margin-bottom: 5px; |
||||
|
||||
&::before { |
||||
content: ""; |
||||
display: block; |
||||
width: 300px; |
||||
margin-top: $line-height-computed; |
||||
padding-top: $line-height-computed * .5; |
||||
border-top: 1px solid $gray-400; |
||||
} |
||||
|
||||
+ p.footnote::before { |
||||
display: none; |
||||
} |
||||
} |
||||
|
||||
.ltr, |
||||
.wiki-class-ltr { |
||||
direction: ltr; |
||||
} |
||||
|
||||
.rtl, |
||||
.wiki-class-rtl { |
||||
direction: rtl; |
||||
} |
||||
|
||||
.preview { |
||||
margin-top: $line-height-computed; |
||||
padding: $padding-wiki; |
||||
border: 1px solid $gray-400; |
||||
background-color: $body-bg; |
||||
} |
||||
|
||||
#wiki_add_attachment { |
||||
padding-top: $line-height-computed; |
||||
border-top: 1px solid $gray-400; |
||||
|
||||
> p { |
||||
margin-bottom: 0; |
||||
float: left; |
||||
} |
||||
|
||||
> form { |
||||
padding-top: $line-height-computed; |
||||
clear: left; |
||||
} |
||||
|
||||
.collapsible & { |
||||
padding-top: 0; |
||||
border-top: 0; |
||||
|
||||
> form { |
||||
padding-top: 0; |
||||
} |
||||
} |
||||
} |
||||
|
||||
|
||||
// |
||||
// Custom classes for Bootstrap-like features |
||||
// -------------------------------------------------- |
||||
|
||||
|
||||
// Pager |
||||
// see: http://getbootstrap.com/components/#pagination-pager |
||||
|
||||
.wiki-pager { |
||||
> a { |
||||
display: inline-block; |
||||
padding: $padding-base-vertical $padding-base-horizontal; |
||||
border: 1px solid $btn-default-border; |
||||
border-radius: ceil($font-size-base + ($padding-base-vertical + 1px) * 2) * .5; |
||||
background-color: $body-bg; |
||||
line-height: 1; |
||||
white-space: nowrap; |
||||
|
||||
&:hover, |
||||
&:focus, |
||||
&:active { |
||||
background-color: $btn-default-bg; |
||||
text-decoration: none; |
||||
} |
||||
} |
||||
|
||||
&.wiki-pager--aligned { |
||||
overflow: hidden; |
||||
|
||||
> a:first-child { |
||||
float: left; |
||||
} |
||||
|
||||
> a:last-child { |
||||
float: right; |
||||
} |
||||
} |
||||
} |
||||
|
||||
|
||||
//== Typographic helper classes |
||||
// |
||||
|
||||
// Lead body copy |
||||
// see: http://getbootstrap.com/css/#lead-body-copy |
||||
|
||||
.lead { |
||||
margin-bottom: $line-height-computed; |
||||
font-size: floor(($font-size-base * 1.15)); |
||||
font-weight: 300; |
||||
line-height: 1.4; |
||||
|
||||
@media (min-width: $screen-sm-min) { |
||||
font-size: ($font-size-base * 1.5); |
||||
} |
||||
} |
||||
|
||||
|
||||
// Alignment |
||||
// see: http://getbootstrap.com/css/#type-alignment |
||||
|
||||
.text-left { text-align: left; } |
||||
.text-right { text-align: right; } |
||||
.text-center { text-align: center; } |
||||
.text-justify { text-align: justify; } |
||||
.text-nowrap { white-space: nowrap; } |
||||
|
||||
|
||||
// Transformation |
||||
// see: http://getbootstrap.com/css/#type-transformation |
||||
|
||||
.text-lowercase { text-transform: lowercase; } |
||||
.text-uppercase { text-transform: uppercase; } |
||||
.text-capitalize { text-transform: capitalize; } |
||||
|
||||
|
||||
// Other helper classes |
||||
// see: http://getbootstrap.com/css/#helper-classes |
||||
|
||||
.text-muted { color: $gray-600; } |
||||
.text-primary { color: $brand-primary; } |
||||
.text-success { color: $brand-success; } |
||||
.text-info { color: $brand-info; } |
||||
.text-warning { color: $brand-warning; } |
||||
.text-danger { color: $brand-danger; } |
||||
|
||||
.bg-primary { background-color: $brand-primary; color: $brand-text; } |
||||
.bg-success { background-color: $state-success; } |
||||
.bg-info { background-color: $state-info; } |
||||
.bg-warning { background-color: $state-warning; } |
||||
.bg-danger { background-color: $state-danger; } |
||||
|
||||
p { |
||||
&.bg-primary, |
||||
&.bg-success, |
||||
&.bg-info, |
||||
&.bg-warning, |
||||
&.bg-danger { |
||||
padding: $panel-body-padding; |
||||
} |
||||
} |
||||
@ -0,0 +1,49 @@
|
||||
// Extract the length of margin/padding/border |
||||
// for given side from a shorthand syntax. |
||||
// |
||||
// Examples: |
||||
// parse-length(1px, top) -> 1px |
||||
// parse-length(1px 2px, right) -> 2px |
||||
// parse-length(1px 2px 3px 4px, bottom) -> 3px |
||||
// parse-length(1px 2px 3px 4px, left) -> 4px |
||||
// |
||||
@function parse-length($value, $side) { |
||||
$index: 1; |
||||
|
||||
// Top values are always at index 1. The same for when the list has only one item |
||||
@if ($side == top or length($value) == 1) { |
||||
$index: 1; |
||||
} |
||||
// Covers "vertical horizontal" style |
||||
@else if (length($value) == 2) { |
||||
@if ($side == left or $side == right) { |
||||
$index: 2; |
||||
} |
||||
@if ($side == bottom) { |
||||
$index: 1; |
||||
} |
||||
} |
||||
// Covers "top horizontal bottom" style |
||||
@else if (length($value) == 3) { |
||||
@if ($side == left or $side == right) { |
||||
$index: 2; |
||||
} |
||||
@if ($side == bottom) { |
||||
$index: 3; |
||||
} |
||||
} |
||||
// Covers "top right bottom left" style |
||||
@else if (length($value) == 4) { |
||||
@if ($side == right) { |
||||
$index: 2; |
||||
} |
||||
@if ($side == bottom) { |
||||
$index: 3; |
||||
} |
||||
@if ($side == left) { |
||||
$index: 4; |
||||
} |
||||
} |
||||
|
||||
@return nth($value, $index); |
||||
} |
||||
@ -0,0 +1,93 @@
|
||||
@if $enable-sidebar-toggler { |
||||
#main { |
||||
// Fix full screen view for dashboard plugin |
||||
// https://github.com/jgraichen/redmine_dashboard |
||||
@at-root .controller-rdb_taskboard & { |
||||
position: static; |
||||
} |
||||
} |
||||
|
||||
#sidebar { |
||||
@if $fixed-layout { |
||||
will-change: margin, opacity; |
||||
transition: margin .5s, opacity .5s; |
||||
opacity: 1; |
||||
} @else { |
||||
will-change: margin; |
||||
transition: margin .5s; |
||||
} |
||||
|
||||
&.sidebar-hiding { |
||||
@if $fixed-layout { |
||||
opacity: 0; |
||||
} |
||||
@if $sidebar-position == "left" { |
||||
margin-left: -$sidebar-width; |
||||
} @else { |
||||
margin-right: -$sidebar-width; |
||||
} |
||||
} |
||||
|
||||
&.sidebar-hidden { |
||||
display: none; |
||||
} |
||||
} |
||||
|
||||
.sidebar-toggler { |
||||
display: block; |
||||
position: absolute; |
||||
z-index: 2; |
||||
bottom: -1px; |
||||
width: 14px; |
||||
height: 16px; |
||||
transform: translateY(100%); |
||||
border: 2px solid $gray-700; |
||||
border-radius: $border-radius-base; |
||||
background-color: $gray-200; |
||||
background-position: center; |
||||
line-height: 1; |
||||
user-select: none; |
||||
|
||||
@media print { |
||||
display: none; |
||||
} |
||||
|
||||
&:hover, |
||||
&:focus, |
||||
&:active { |
||||
background-color: $gray-300; |
||||
} |
||||
|
||||
@if $sidebar-position == "left" { |
||||
left: 0; |
||||
background-image: inline-svg("chevron-left.svg", (path: (fill: $gray-700))); |
||||
|
||||
@if not $fixed-layout { |
||||
border-left: 0; |
||||
border-top-left-radius: 0; |
||||
border-bottom-left-radius: 0; |
||||
} |
||||
} @else { |
||||
right: 0; |
||||
background-image: inline-svg("chevron-right.svg", (path: (fill: $gray-700))); |
||||
|
||||
@if not $fixed-layout { |
||||
border-right: 0; |
||||
border-top-right-radius: 0; |
||||
border-bottom-right-radius: 0; |
||||
} |
||||
} |
||||
|
||||
&.sidebar-hidden { |
||||
@if $sidebar-position == "left" { |
||||
background-image: inline-svg("chevron-right.svg", (path: (fill: $gray-700))); |
||||
} @else { |
||||
background-image: inline-svg("chevron-left.svg", (path: (fill: $gray-700))); |
||||
} |
||||
} |
||||
} |
||||
} @else { |
||||
.sidebar-toggler { |
||||
display: none; |
||||
} |
||||
} |
||||
@ -0,0 +1,8 @@
|
||||
/*! |
||||
* Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome |
||||
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) |
||||
*/ |
||||
|
||||
@import "font-awesome/variables"; |
||||
@import "font-awesome/mixins"; |
||||
@import "font-awesome/path"; |
||||
@ -0,0 +1,339 @@
|
||||
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ |
||||
|
||||
/* Document |
||||
========================================================================== */ |
||||
|
||||
/** |
||||
* 1. Correct the line height in all browsers. |
||||
* 2. Prevent adjustments of font size after orientation changes in iOS. |
||||
*/ |
||||
|
||||
html { |
||||
line-height: 1.15; /* 1 */ |
||||
-webkit-text-size-adjust: 100%; /* 2 */ |
||||
} |
||||
|
||||
/* Sections |
||||
========================================================================== */ |
||||
|
||||
/** |
||||
* Remove the margin in all browsers. |
||||
*/ |
||||
|
||||
body { |
||||
margin: 0; |
||||
} |
||||
|
||||
/** |
||||
* Render the `main` element consistently in IE. |
||||
*/ |
||||
|
||||
main { |
||||
display: block; |
||||
} |
||||
|
||||
/* Grouping content |
||||
========================================================================== */ |
||||
|
||||
/** |
||||
* 1. Add the correct box sizing in Firefox. |
||||
* 2. Show the overflow in Edge and IE. |
||||
*/ |
||||
|
||||
hr { |
||||
box-sizing: content-box; /* 1 */ |
||||
height: 0; /* 1 */ |
||||
overflow: visible; /* 2 */ |
||||
} |
||||
|
||||
/** |
||||
* 1. Correct the inheritance and scaling of font size in all browsers. |
||||
* 2. Correct the odd `em` font sizing in all browsers. |
||||
*/ |
||||
|
||||
pre { |
||||
font-family: monospace, monospace; /* 1 */ |
||||
font-size: 1em; /* 2 */ |
||||
} |
||||
|
||||
/* Text-level semantics |
||||
========================================================================== */ |
||||
|
||||
/** |
||||
* Remove the gray background on active links in IE 10. |
||||
*/ |
||||
|
||||
a { |
||||
background-color: transparent; |
||||
} |
||||
|
||||
/** |
||||
* 1. Remove the bottom border in Chrome 57- |
||||
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. |
||||
*/ |
||||
|
||||
abbr[title] { |
||||
border-bottom: none; /* 1 */ |
||||
text-decoration: underline; /* 2 */ |
||||
text-decoration: underline dotted; /* 2 */ |
||||
} |
||||
|
||||
/** |
||||
* Add the correct font weight in Chrome, Edge, and Safari. |
||||
*/ |
||||
|
||||
b, |
||||
strong { |
||||
font-weight: $font-weight-bold; |
||||
} |
||||
|
||||
/** |
||||
* 1. Correct the inheritance and scaling of font size in all browsers. |
||||
* 2. Correct the odd `em` font sizing in all browsers. |
||||
*/ |
||||
|
||||
code, |
||||
kbd, |
||||
samp { |
||||
font-family: monospace, monospace; /* 1 */ |
||||
font-size: 1em; /* 2 */ |
||||
} |
||||
|
||||
/** |
||||
* Add the correct font size in all browsers. |
||||
*/ |
||||
|
||||
small { |
||||
font-size: 80%; |
||||
} |
||||
|
||||
/** |
||||
* Prevent `sub` and `sup` elements from affecting the line height in |
||||
* all browsers. |
||||
*/ |
||||
|
||||
sub, |
||||
sup { |
||||
font-size: 75%; |
||||
line-height: 0; |
||||
position: relative; |
||||
vertical-align: baseline; |
||||
} |
||||
|
||||
sub { |
||||
bottom: -0.25em; |
||||
} |
||||
|
||||
sup { |
||||
top: -0.5em; |
||||
} |
||||
|
||||
/* Embedded content |
||||
========================================================================== */ |
||||
|
||||
/** |
||||
* Remove the border on images inside links in IE 10. |
||||
*/ |
||||
|
||||
img { |
||||
border-style: none; |
||||
} |
||||
|
||||
/* Forms |
||||
========================================================================== */ |
||||
|
||||
/** |
||||
* 1. Change the font styles in all browsers. |
||||
* 2. Remove the margin in Firefox and Safari. |
||||
*/ |
||||
|
||||
button, |
||||
input, |
||||
optgroup, |
||||
select, |
||||
textarea { |
||||
font-family: inherit; /* 1 */ |
||||
font-size: 100%; /* 1 */ |
||||
line-height: 1.15; /* 1 */ |
||||
margin: 0; /* 2 */ |
||||
} |
||||
|
||||
/** |
||||
* Show the overflow in IE. |
||||
* 1. Show the overflow in Edge. |
||||
*/ |
||||
|
||||
button, |
||||
input { /* 1 */ |
||||
overflow: visible; |
||||
} |
||||
|
||||
/** |
||||
* Remove the inheritance of text transform in Edge, Firefox, and IE. |
||||
* 1. Remove the inheritance of text transform in Firefox. |
||||
*/ |
||||
|
||||
button, |
||||
select { /* 1 */ |
||||
text-transform: none; |
||||
} |
||||
|
||||
/** |
||||
* Correct the inability to style clickable types in iOS and Safari. |
||||
*/ |
||||
|
||||
button, |
||||
[type="button"], |
||||
[type="reset"], |
||||
[type="submit"] { |
||||
-webkit-appearance: button; |
||||
} |
||||
|
||||
/** |
||||
* Remove the inner border and padding in Firefox. |
||||
*/ |
||||
|
||||
button::-moz-focus-inner, |
||||
[type="button"]::-moz-focus-inner, |
||||
[type="reset"]::-moz-focus-inner, |
||||
[type="submit"]::-moz-focus-inner { |
||||
border-style: none; |
||||
padding: 0; |
||||
} |
||||
|
||||
/** |
||||
* Restore the focus styles unset by the previous rule. |
||||
*/ |
||||
|
||||
button:-moz-focusring, |
||||
[type="button"]:-moz-focusring, |
||||
[type="reset"]:-moz-focusring, |
||||
[type="submit"]:-moz-focusring { |
||||
outline: 1px dotted ButtonText; |
||||
} |
||||
|
||||
/** |
||||
* Correct the padding in Firefox. |
||||
*/ |
||||
|
||||
fieldset { |
||||
padding: 0.35em 0.75em 0.625em; |
||||
} |
||||
|
||||
/** |
||||
* 1. Correct the text wrapping in Edge and IE. |
||||
* 2. Correct the color inheritance from `fieldset` elements in IE. |
||||
* 3. Remove the padding so developers are not caught out when they zero out |
||||
* `fieldset` elements in all browsers. |
||||
*/ |
||||
|
||||
legend { |
||||
box-sizing: border-box; /* 1 */ |
||||
color: inherit; /* 2 */ |
||||
display: table; /* 1 */ |
||||
max-width: 100%; /* 1 */ |
||||
padding: 0; /* 3 */ |
||||
white-space: normal; /* 1 */ |
||||
} |
||||
|
||||
/** |
||||
* Add the correct vertical alignment in Chrome, Firefox, and Opera. |
||||
*/ |
||||
|
||||
progress { |
||||
vertical-align: baseline; |
||||
} |
||||
|
||||
/** |
||||
* Remove the default vertical scrollbar in IE 10+. |
||||
*/ |
||||
|
||||
textarea { |
||||
overflow: auto; |
||||
} |
||||
|
||||
/** |
||||
* 1. Add the correct box sizing in IE 10. |
||||
* 2. Remove the padding in IE 10. |
||||
*/ |
||||
|
||||
[type="checkbox"], |
||||
[type="radio"] { |
||||
box-sizing: border-box; /* 1 */ |
||||
padding: 0; /* 2 */ |
||||
} |
||||
|
||||
/** |
||||
* Correct the cursor style of increment and decrement buttons in Chrome. |
||||
*/ |
||||
|
||||
[type="number"]::-webkit-inner-spin-button, |
||||
[type="number"]::-webkit-outer-spin-button { |
||||
height: auto; |
||||
} |
||||
|
||||
/** |
||||
* 1. Correct the odd appearance in Chrome and Safari. |
||||
* 2. Correct the outline style in Safari. |
||||
*/ |
||||
|
||||
[type="search"] { |
||||
-webkit-appearance: textfield; /* 1 */ |
||||
outline-offset: -2px; /* 2 */ |
||||
} |
||||
|
||||
/** |
||||
* Remove the inner padding in Chrome and Safari on macOS. |
||||
*/ |
||||
|
||||
[type="search"]::-webkit-search-decoration { |
||||
-webkit-appearance: none; |
||||
} |
||||
|
||||
/** |
||||
* 1. Correct the inability to style clickable types in iOS and Safari. |
||||
* 2. Change font properties to `inherit` in Safari. |
||||
*/ |
||||
|
||||
::-webkit-file-upload-button { |
||||
-webkit-appearance: button; /* 1 */ |
||||
font: inherit; /* 2 */ |
||||
} |
||||
|
||||
/* Interactive |
||||
========================================================================== */ |
||||
|
||||
/* |
||||
* Add the correct display in Edge, IE 10+, and Firefox. |
||||
*/ |
||||
|
||||
details { |
||||
display: block; |
||||
} |
||||
|
||||
/* |
||||
* Add the correct display in all browsers. |
||||
*/ |
||||
|
||||
summary { |
||||
display: list-item; |
||||
} |
||||
|
||||
/* Misc |
||||
========================================================================== */ |
||||
|
||||
/** |
||||
* Add the correct display in IE 10+. |
||||
*/ |
||||
|
||||
template { |
||||
display: none; |
||||
} |
||||
|
||||
/** |
||||
* Add the correct display in IE 10. |
||||
*/ |
||||
|
||||
[hidden] { |
||||
display: none; |
||||
} |
||||
@ -0,0 +1,10 @@
|
||||
// Mixins |
||||
// -------------------------- |
||||
|
||||
@mixin fa-icon() { |
||||
display: inline-block; |
||||
font: normal normal normal 14px/1 FontAwesome; // shortening font declaration |
||||
text-rendering: auto; // optimizelegibility throws things off #1094 |
||||
-webkit-font-smoothing: antialiased; |
||||
-moz-osx-font-smoothing: grayscale; |
||||
} |
||||
@ -0,0 +1,14 @@
|
||||
/* FONT PATH |
||||
* -------------------------- */ |
||||
|
||||
@font-face { |
||||
font-family: "FontAwesome"; |
||||
src: url("#{$fa-font-path}/fontawesome-webfont.eot?v=#{$fa-version}"); |
||||
src: url("#{$fa-font-path}/fontawesome-webfont.eot?#iefix&v=#{$fa-version}") format("embedded-opentype"), |
||||
url("#{$fa-font-path}/fontawesome-webfont.woff2?v=#{$fa-version}") format("woff2"), |
||||
url("#{$fa-font-path}/fontawesome-webfont.woff?v=#{$fa-version}") format("woff"), |
||||
url("#{$fa-font-path}/fontawesome-webfont.ttf?v=#{$fa-version}") format("truetype"), |
||||
url("#{$fa-font-path}/fontawesome-webfont.svg?v=#{$fa-version}#fontawesomeregular") format("svg"); |
||||
font-weight: normal; |
||||
font-style: normal; |
||||
} |
||||
@ -0,0 +1,801 @@
|
||||
@use "sass:math"; |
||||
|
||||
// Variables |
||||
// -------------------------- |
||||
|
||||
$fa-font-path: "../fonts" !default; |
||||
$fa-font-size-base: 14px !default; |
||||
$fa-line-height-base: 1 !default; |
||||
$fa-css-prefix: fa !default; |
||||
$fa-version: "4.7.0" !default; |
||||
$fa-border-color: #eee !default; |
||||
$fa-inverse: #fff !default; |
||||
$fa-li-width: math.div(30em, 14) !default; |
||||
|
||||
$fa-var-500px: "\f26e"; |
||||
$fa-var-address-book: "\f2b9"; |
||||
$fa-var-address-book-o: "\f2ba"; |
||||
$fa-var-address-card: "\f2bb"; |
||||
$fa-var-address-card-o: "\f2bc"; |
||||
$fa-var-adjust: "\f042"; |
||||
$fa-var-adn: "\f170"; |
||||
$fa-var-align-center: "\f037"; |
||||
$fa-var-align-justify: "\f039"; |
||||
$fa-var-align-left: "\f036"; |
||||
$fa-var-align-right: "\f038"; |
||||
$fa-var-amazon: "\f270"; |
||||
$fa-var-ambulance: "\f0f9"; |
||||
$fa-var-american-sign-language-interpreting: "\f2a3"; |
||||
$fa-var-anchor: "\f13d"; |
||||
$fa-var-android: "\f17b"; |
||||
$fa-var-angellist: "\f209"; |
||||
$fa-var-angle-double-down: "\f103"; |
||||
$fa-var-angle-double-left: "\f100"; |
||||
$fa-var-angle-double-right: "\f101"; |
||||
$fa-var-angle-double-up: "\f102"; |
||||
$fa-var-angle-down: "\f107"; |
||||
$fa-var-angle-left: "\f104"; |
||||
$fa-var-angle-right: "\f105"; |
||||
$fa-var-angle-up: "\f106"; |
||||
$fa-var-apple: "\f179"; |
||||
$fa-var-archive: "\f187"; |
||||
$fa-var-area-chart: "\f1fe"; |
||||
$fa-var-arrow-circle-down: "\f0ab"; |
||||
$fa-var-arrow-circle-left: "\f0a8"; |
||||
$fa-var-arrow-circle-o-down: "\f01a"; |
||||
$fa-var-arrow-circle-o-left: "\f190"; |
||||
$fa-var-arrow-circle-o-right: "\f18e"; |
||||
$fa-var-arrow-circle-o-up: "\f01b"; |
||||
$fa-var-arrow-circle-right: "\f0a9"; |
||||
$fa-var-arrow-circle-up: "\f0aa"; |
||||
$fa-var-arrow-down: "\f063"; |
||||
$fa-var-arrow-left: "\f060"; |
||||
$fa-var-arrow-right: "\f061"; |
||||
$fa-var-arrow-up: "\f062"; |
||||
$fa-var-arrows: "\f047"; |
||||
$fa-var-arrows-alt: "\f0b2"; |
||||
$fa-var-arrows-h: "\f07e"; |
||||
$fa-var-arrows-v: "\f07d"; |
||||
$fa-var-asl-interpreting: "\f2a3"; |
||||
$fa-var-assistive-listening-systems: "\f2a2"; |
||||
$fa-var-asterisk: "\f069"; |
||||
$fa-var-at: "\f1fa"; |
||||
$fa-var-audio-description: "\f29e"; |
||||
$fa-var-automobile: "\f1b9"; |
||||
$fa-var-backward: "\f04a"; |
||||
$fa-var-balance-scale: "\f24e"; |
||||
$fa-var-ban: "\f05e"; |
||||
$fa-var-bandcamp: "\f2d5"; |
||||
$fa-var-bank: "\f19c"; |
||||
$fa-var-bar-chart: "\f080"; |
||||
$fa-var-bar-chart-o: "\f080"; |
||||
$fa-var-barcode: "\f02a"; |
||||
$fa-var-bars: "\f0c9"; |
||||
$fa-var-bath: "\f2cd"; |
||||
$fa-var-bathtub: "\f2cd"; |
||||
$fa-var-battery: "\f240"; |
||||
$fa-var-battery-0: "\f244"; |
||||
$fa-var-battery-1: "\f243"; |
||||
$fa-var-battery-2: "\f242"; |
||||
$fa-var-battery-3: "\f241"; |
||||
$fa-var-battery-4: "\f240"; |
||||
$fa-var-battery-empty: "\f244"; |
||||
$fa-var-battery-full: "\f240"; |
||||
$fa-var-battery-half: "\f242"; |
||||
$fa-var-battery-quarter: "\f243"; |
||||
$fa-var-battery-three-quarters: "\f241"; |
||||
$fa-var-bed: "\f236"; |
||||
$fa-var-beer: "\f0fc"; |
||||
$fa-var-behance: "\f1b4"; |
||||
$fa-var-behance-square: "\f1b5"; |
||||
$fa-var-bell: "\f0f3"; |
||||
$fa-var-bell-o: "\f0a2"; |
||||
$fa-var-bell-slash: "\f1f6"; |
||||
$fa-var-bell-slash-o: "\f1f7"; |
||||
$fa-var-bicycle: "\f206"; |
||||
$fa-var-binoculars: "\f1e5"; |
||||
$fa-var-birthday-cake: "\f1fd"; |
||||
$fa-var-bitbucket: "\f171"; |
||||
$fa-var-bitbucket-square: "\f172"; |
||||
$fa-var-bitcoin: "\f15a"; |
||||
$fa-var-black-tie: "\f27e"; |
||||
$fa-var-blind: "\f29d"; |
||||
$fa-var-bluetooth: "\f293"; |
||||
$fa-var-bluetooth-b: "\f294"; |
||||
$fa-var-bold: "\f032"; |
||||
$fa-var-bolt: "\f0e7"; |
||||
$fa-var-bomb: "\f1e2"; |
||||
$fa-var-book: "\f02d"; |
||||
$fa-var-bookmark: "\f02e"; |
||||
$fa-var-bookmark-o: "\f097"; |
||||
$fa-var-braille: "\f2a1"; |
||||
$fa-var-briefcase: "\f0b1"; |
||||
$fa-var-btc: "\f15a"; |
||||
$fa-var-bug: "\f188"; |
||||
$fa-var-building: "\f1ad"; |
||||
$fa-var-building-o: "\f0f7"; |
||||
$fa-var-bullhorn: "\f0a1"; |
||||
$fa-var-bullseye: "\f140"; |
||||
$fa-var-bus: "\f207"; |
||||
$fa-var-buysellads: "\f20d"; |
||||
$fa-var-cab: "\f1ba"; |
||||
$fa-var-calculator: "\f1ec"; |
||||
$fa-var-calendar: "\f073"; |
||||
$fa-var-calendar-check-o: "\f274"; |
||||
$fa-var-calendar-minus-o: "\f272"; |
||||
$fa-var-calendar-o: "\f133"; |
||||
$fa-var-calendar-plus-o: "\f271"; |
||||
$fa-var-calendar-times-o: "\f273"; |
||||
$fa-var-camera: "\f030"; |
||||
$fa-var-camera-retro: "\f083"; |
||||
$fa-var-car: "\f1b9"; |
||||
$fa-var-caret-down: "\f0d7"; |
||||
$fa-var-caret-left: "\f0d9"; |
||||
$fa-var-caret-right: "\f0da"; |
||||
$fa-var-caret-square-o-down: "\f150"; |
||||
$fa-var-caret-square-o-left: "\f191"; |
||||
$fa-var-caret-square-o-right: "\f152"; |
||||
$fa-var-caret-square-o-up: "\f151"; |
||||
$fa-var-caret-up: "\f0d8"; |
||||
$fa-var-cart-arrow-down: "\f218"; |
||||
$fa-var-cart-plus: "\f217"; |
||||
$fa-var-cc: "\f20a"; |
||||
$fa-var-cc-amex: "\f1f3"; |
||||
$fa-var-cc-diners-club: "\f24c"; |
||||
$fa-var-cc-discover: "\f1f2"; |
||||
$fa-var-cc-jcb: "\f24b"; |
||||
$fa-var-cc-mastercard: "\f1f1"; |
||||
$fa-var-cc-paypal: "\f1f4"; |
||||
$fa-var-cc-stripe: "\f1f5"; |
||||
$fa-var-cc-visa: "\f1f0"; |
||||
$fa-var-certificate: "\f0a3"; |
||||
$fa-var-chain: "\f0c1"; |
||||
$fa-var-chain-broken: "\f127"; |
||||
$fa-var-check: "\f00c"; |
||||
$fa-var-check-circle: "\f058"; |
||||
$fa-var-check-circle-o: "\f05d"; |
||||
$fa-var-check-square: "\f14a"; |
||||
$fa-var-check-square-o: "\f046"; |
||||
$fa-var-chevron-circle-down: "\f13a"; |
||||
$fa-var-chevron-circle-left: "\f137"; |
||||
$fa-var-chevron-circle-right: "\f138"; |
||||
$fa-var-chevron-circle-up: "\f139"; |
||||
$fa-var-chevron-down: "\f078"; |
||||
$fa-var-chevron-left: "\f053"; |
||||
$fa-var-chevron-right: "\f054"; |
||||
$fa-var-chevron-up: "\f077"; |
||||
$fa-var-child: "\f1ae"; |
||||
$fa-var-chrome: "\f268"; |
||||
$fa-var-circle: "\f111"; |
||||
$fa-var-circle-o: "\f10c"; |
||||
$fa-var-circle-o-notch: "\f1ce"; |
||||
$fa-var-circle-thin: "\f1db"; |
||||
$fa-var-clipboard: "\f0ea"; |
||||
$fa-var-clock-o: "\f017"; |
||||
$fa-var-clone: "\f24d"; |
||||
$fa-var-close: "\f00d"; |
||||
$fa-var-cloud: "\f0c2"; |
||||
$fa-var-cloud-download: "\f0ed"; |
||||
$fa-var-cloud-upload: "\f0ee"; |
||||
$fa-var-cny: "\f157"; |
||||
$fa-var-code: "\f121"; |
||||
$fa-var-code-fork: "\f126"; |
||||
$fa-var-codepen: "\f1cb"; |
||||
$fa-var-codiepie: "\f284"; |
||||
$fa-var-coffee: "\f0f4"; |
||||
$fa-var-cog: "\f013"; |
||||
$fa-var-cogs: "\f085"; |
||||
$fa-var-columns: "\f0db"; |
||||
$fa-var-comment: "\f075"; |
||||
$fa-var-comment-o: "\f0e5"; |
||||
$fa-var-commenting: "\f27a"; |
||||
$fa-var-commenting-o: "\f27b"; |
||||
$fa-var-comments: "\f086"; |
||||
$fa-var-comments-o: "\f0e6"; |
||||
$fa-var-compass: "\f14e"; |
||||
$fa-var-compress: "\f066"; |
||||
$fa-var-connectdevelop: "\f20e"; |
||||
$fa-var-contao: "\f26d"; |
||||
$fa-var-copy: "\f0c5"; |
||||
$fa-var-copyright: "\f1f9"; |
||||
$fa-var-creative-commons: "\f25e"; |
||||
$fa-var-credit-card: "\f09d"; |
||||
$fa-var-credit-card-alt: "\f283"; |
||||
$fa-var-crop: "\f125"; |
||||
$fa-var-crosshairs: "\f05b"; |
||||
$fa-var-css3: "\f13c"; |
||||
$fa-var-cube: "\f1b2"; |
||||
$fa-var-cubes: "\f1b3"; |
||||
$fa-var-cut: "\f0c4"; |
||||
$fa-var-cutlery: "\f0f5"; |
||||
$fa-var-dashboard: "\f0e4"; |
||||
$fa-var-dashcube: "\f210"; |
||||
$fa-var-database: "\f1c0"; |
||||
$fa-var-deaf: "\f2a4"; |
||||
$fa-var-deafness: "\f2a4"; |
||||
$fa-var-dedent: "\f03b"; |
||||
$fa-var-delicious: "\f1a5"; |
||||
$fa-var-desktop: "\f108"; |
||||
$fa-var-deviantart: "\f1bd"; |
||||
$fa-var-diamond: "\f219"; |
||||
$fa-var-digg: "\f1a6"; |
||||
$fa-var-dollar: "\f155"; |
||||
$fa-var-dot-circle-o: "\f192"; |
||||
$fa-var-download: "\f019"; |
||||
$fa-var-dribbble: "\f17d"; |
||||
$fa-var-drivers-license: "\f2c2"; |
||||
$fa-var-drivers-license-o: "\f2c3"; |
||||
$fa-var-dropbox: "\f16b"; |
||||
$fa-var-drupal: "\f1a9"; |
||||
$fa-var-edge: "\f282"; |
||||
$fa-var-edit: "\f044"; |
||||
$fa-var-eercast: "\f2da"; |
||||
$fa-var-eject: "\f052"; |
||||
$fa-var-ellipsis-h: "\f141"; |
||||
$fa-var-ellipsis-v: "\f142"; |
||||
$fa-var-empire: "\f1d1"; |
||||
$fa-var-envelope: "\f0e0"; |
||||
$fa-var-envelope-o: "\f003"; |
||||
$fa-var-envelope-open: "\f2b6"; |
||||
$fa-var-envelope-open-o: "\f2b7"; |
||||
$fa-var-envelope-square: "\f199"; |
||||
$fa-var-envira: "\f299"; |
||||
$fa-var-eraser: "\f12d"; |
||||
$fa-var-etsy: "\f2d7"; |
||||
$fa-var-eur: "\f153"; |
||||
$fa-var-euro: "\f153"; |
||||
$fa-var-exchange: "\f0ec"; |
||||
$fa-var-exclamation: "\f12a"; |
||||
$fa-var-exclamation-circle: "\f06a"; |
||||
$fa-var-exclamation-triangle: "\f071"; |
||||
$fa-var-expand: "\f065"; |
||||
$fa-var-expeditedssl: "\f23e"; |
||||
$fa-var-external-link: "\f08e"; |
||||
$fa-var-external-link-square: "\f14c"; |
||||
$fa-var-eye: "\f06e"; |
||||
$fa-var-eye-slash: "\f070"; |
||||
$fa-var-eyedropper: "\f1fb"; |
||||
$fa-var-fa: "\f2b4"; |
||||
$fa-var-facebook: "\f09a"; |
||||
$fa-var-facebook-f: "\f09a"; |
||||
$fa-var-facebook-official: "\f230"; |
||||
$fa-var-facebook-square: "\f082"; |
||||
$fa-var-fast-backward: "\f049"; |
||||
$fa-var-fast-forward: "\f050"; |
||||
$fa-var-fax: "\f1ac"; |
||||
$fa-var-feed: "\f09e"; |
||||
$fa-var-female: "\f182"; |
||||
$fa-var-fighter-jet: "\f0fb"; |
||||
$fa-var-file: "\f15b"; |
||||
$fa-var-file-archive-o: "\f1c6"; |
||||
$fa-var-file-audio-o: "\f1c7"; |
||||
$fa-var-file-code-o: "\f1c9"; |
||||
$fa-var-file-excel-o: "\f1c3"; |
||||
$fa-var-file-image-o: "\f1c5"; |
||||
$fa-var-file-movie-o: "\f1c8"; |
||||
$fa-var-file-o: "\f016"; |
||||
$fa-var-file-pdf-o: "\f1c1"; |
||||
$fa-var-file-photo-o: "\f1c5"; |
||||
$fa-var-file-picture-o: "\f1c5"; |
||||
$fa-var-file-powerpoint-o: "\f1c4"; |
||||
$fa-var-file-sound-o: "\f1c7"; |
||||
$fa-var-file-text: "\f15c"; |
||||
$fa-var-file-text-o: "\f0f6"; |
||||
$fa-var-file-video-o: "\f1c8"; |
||||
$fa-var-file-word-o: "\f1c2"; |
||||
$fa-var-file-zip-o: "\f1c6"; |
||||
$fa-var-files-o: "\f0c5"; |
||||
$fa-var-film: "\f008"; |
||||
$fa-var-filter: "\f0b0"; |
||||
$fa-var-fire: "\f06d"; |
||||
$fa-var-fire-extinguisher: "\f134"; |
||||
$fa-var-firefox: "\f269"; |
||||
$fa-var-first-order: "\f2b0"; |
||||
$fa-var-flag: "\f024"; |
||||
$fa-var-flag-checkered: "\f11e"; |
||||
$fa-var-flag-o: "\f11d"; |
||||
$fa-var-flash: "\f0e7"; |
||||
$fa-var-flask: "\f0c3"; |
||||
$fa-var-flickr: "\f16e"; |
||||
$fa-var-floppy-o: "\f0c7"; |
||||
$fa-var-folder: "\f07b"; |
||||
$fa-var-folder-o: "\f114"; |
||||
$fa-var-folder-open: "\f07c"; |
||||
$fa-var-folder-open-o: "\f115"; |
||||
$fa-var-font: "\f031"; |
||||
$fa-var-font-awesome: "\f2b4"; |
||||
$fa-var-fonticons: "\f280"; |
||||
$fa-var-fort-awesome: "\f286"; |
||||
$fa-var-forumbee: "\f211"; |
||||
$fa-var-forward: "\f04e"; |
||||
$fa-var-foursquare: "\f180"; |
||||
$fa-var-free-code-camp: "\f2c5"; |
||||
$fa-var-frown-o: "\f119"; |
||||
$fa-var-futbol-o: "\f1e3"; |
||||
$fa-var-gamepad: "\f11b"; |
||||
$fa-var-gavel: "\f0e3"; |
||||
$fa-var-gbp: "\f154"; |
||||
$fa-var-ge: "\f1d1"; |
||||
$fa-var-gear: "\f013"; |
||||
$fa-var-gears: "\f085"; |
||||
$fa-var-genderless: "\f22d"; |
||||
$fa-var-get-pocket: "\f265"; |
||||
$fa-var-gg: "\f260"; |
||||
$fa-var-gg-circle: "\f261"; |
||||
$fa-var-gift: "\f06b"; |
||||
$fa-var-git: "\f1d3"; |
||||
$fa-var-git-square: "\f1d2"; |
||||
$fa-var-github: "\f09b"; |
||||
$fa-var-github-alt: "\f113"; |
||||
$fa-var-github-square: "\f092"; |
||||
$fa-var-gitlab: "\f296"; |
||||
$fa-var-gittip: "\f184"; |
||||
$fa-var-glass: "\f000"; |
||||
$fa-var-glide: "\f2a5"; |
||||
$fa-var-glide-g: "\f2a6"; |
||||
$fa-var-globe: "\f0ac"; |
||||
$fa-var-google: "\f1a0"; |
||||
$fa-var-google-plus: "\f0d5"; |
||||
$fa-var-google-plus-circle: "\f2b3"; |
||||
$fa-var-google-plus-official: "\f2b3"; |
||||
$fa-var-google-plus-square: "\f0d4"; |
||||
$fa-var-google-wallet: "\f1ee"; |
||||
$fa-var-graduation-cap: "\f19d"; |
||||
$fa-var-gratipay: "\f184"; |
||||
$fa-var-grav: "\f2d6"; |
||||
$fa-var-group: "\f0c0"; |
||||
$fa-var-h-square: "\f0fd"; |
||||
$fa-var-hacker-news: "\f1d4"; |
||||
$fa-var-hand-grab-o: "\f255"; |
||||
$fa-var-hand-lizard-o: "\f258"; |
||||
$fa-var-hand-o-down: "\f0a7"; |
||||
$fa-var-hand-o-left: "\f0a5"; |
||||
$fa-var-hand-o-right: "\f0a4"; |
||||
$fa-var-hand-o-up: "\f0a6"; |
||||
$fa-var-hand-paper-o: "\f256"; |
||||
$fa-var-hand-peace-o: "\f25b"; |
||||
$fa-var-hand-pointer-o: "\f25a"; |
||||
$fa-var-hand-rock-o: "\f255"; |
||||
$fa-var-hand-scissors-o: "\f257"; |
||||
$fa-var-hand-spock-o: "\f259"; |
||||
$fa-var-hand-stop-o: "\f256"; |
||||
$fa-var-handshake-o: "\f2b5"; |
||||
$fa-var-hard-of-hearing: "\f2a4"; |
||||
$fa-var-hashtag: "\f292"; |
||||
$fa-var-hdd-o: "\f0a0"; |
||||
$fa-var-header: "\f1dc"; |
||||
$fa-var-headphones: "\f025"; |
||||
$fa-var-heart: "\f004"; |
||||
$fa-var-heart-o: "\f08a"; |
||||
$fa-var-heartbeat: "\f21e"; |
||||
$fa-var-history: "\f1da"; |
||||
$fa-var-home: "\f015"; |
||||
$fa-var-hospital-o: "\f0f8"; |
||||
$fa-var-hotel: "\f236"; |
||||
$fa-var-hourglass: "\f254"; |
||||
$fa-var-hourglass-1: "\f251"; |
||||
$fa-var-hourglass-2: "\f252"; |
||||
$fa-var-hourglass-3: "\f253"; |
||||
$fa-var-hourglass-end: "\f253"; |
||||
$fa-var-hourglass-half: "\f252"; |
||||
$fa-var-hourglass-o: "\f250"; |
||||
$fa-var-hourglass-start: "\f251"; |
||||
$fa-var-houzz: "\f27c"; |
||||
$fa-var-html5: "\f13b"; |
||||
$fa-var-i-cursor: "\f246"; |
||||
$fa-var-id-badge: "\f2c1"; |
||||
$fa-var-id-card: "\f2c2"; |
||||
$fa-var-id-card-o: "\f2c3"; |
||||
$fa-var-ils: "\f20b"; |
||||
$fa-var-image: "\f03e"; |
||||
$fa-var-imdb: "\f2d8"; |
||||
$fa-var-inbox: "\f01c"; |
||||
$fa-var-indent: "\f03c"; |
||||
$fa-var-industry: "\f275"; |
||||
$fa-var-info: "\f129"; |
||||
$fa-var-info-circle: "\f05a"; |
||||
$fa-var-inr: "\f156"; |
||||
$fa-var-instagram: "\f16d"; |
||||
$fa-var-institution: "\f19c"; |
||||
$fa-var-internet-explorer: "\f26b"; |
||||
$fa-var-intersex: "\f224"; |
||||
$fa-var-ioxhost: "\f208"; |
||||
$fa-var-italic: "\f033"; |
||||
$fa-var-joomla: "\f1aa"; |
||||
$fa-var-jpy: "\f157"; |
||||
$fa-var-jsfiddle: "\f1cc"; |
||||
$fa-var-key: "\f084"; |
||||
$fa-var-keyboard-o: "\f11c"; |
||||
$fa-var-krw: "\f159"; |
||||
$fa-var-language: "\f1ab"; |
||||
$fa-var-laptop: "\f109"; |
||||
$fa-var-lastfm: "\f202"; |
||||
$fa-var-lastfm-square: "\f203"; |
||||
$fa-var-leaf: "\f06c"; |
||||
$fa-var-leanpub: "\f212"; |
||||
$fa-var-legal: "\f0e3"; |
||||
$fa-var-lemon-o: "\f094"; |
||||
$fa-var-level-down: "\f149"; |
||||
$fa-var-level-up: "\f148"; |
||||
$fa-var-life-bouy: "\f1cd"; |
||||
$fa-var-life-buoy: "\f1cd"; |
||||
$fa-var-life-ring: "\f1cd"; |
||||
$fa-var-life-saver: "\f1cd"; |
||||
$fa-var-lightbulb-o: "\f0eb"; |
||||
$fa-var-line-chart: "\f201"; |
||||
$fa-var-link: "\f0c1"; |
||||
$fa-var-linkedin: "\f0e1"; |
||||
$fa-var-linkedin-square: "\f08c"; |
||||
$fa-var-linode: "\f2b8"; |
||||
$fa-var-linux: "\f17c"; |
||||
$fa-var-list: "\f03a"; |
||||
$fa-var-list-alt: "\f022"; |
||||
$fa-var-list-ol: "\f0cb"; |
||||
$fa-var-list-ul: "\f0ca"; |
||||
$fa-var-location-arrow: "\f124"; |
||||
$fa-var-lock: "\f023"; |
||||
$fa-var-long-arrow-down: "\f175"; |
||||
$fa-var-long-arrow-left: "\f177"; |
||||
$fa-var-long-arrow-right: "\f178"; |
||||
$fa-var-long-arrow-up: "\f176"; |
||||
$fa-var-low-vision: "\f2a8"; |
||||
$fa-var-magic: "\f0d0"; |
||||
$fa-var-magnet: "\f076"; |
||||
$fa-var-mail-forward: "\f064"; |
||||
$fa-var-mail-reply: "\f112"; |
||||
$fa-var-mail-reply-all: "\f122"; |
||||
$fa-var-male: "\f183"; |
||||
$fa-var-map: "\f279"; |
||||
$fa-var-map-marker: "\f041"; |
||||
$fa-var-map-o: "\f278"; |
||||
$fa-var-map-pin: "\f276"; |
||||
$fa-var-map-signs: "\f277"; |
||||
$fa-var-mars: "\f222"; |
||||
$fa-var-mars-double: "\f227"; |
||||
$fa-var-mars-stroke: "\f229"; |
||||
$fa-var-mars-stroke-h: "\f22b"; |
||||
$fa-var-mars-stroke-v: "\f22a"; |
||||
$fa-var-maxcdn: "\f136"; |
||||
$fa-var-meanpath: "\f20c"; |
||||
$fa-var-medium: "\f23a"; |
||||
$fa-var-medkit: "\f0fa"; |
||||
$fa-var-meetup: "\f2e0"; |
||||
$fa-var-meh-o: "\f11a"; |
||||
$fa-var-mercury: "\f223"; |
||||
$fa-var-microchip: "\f2db"; |
||||
$fa-var-microphone: "\f130"; |
||||
$fa-var-microphone-slash: "\f131"; |
||||
$fa-var-minus: "\f068"; |
||||
$fa-var-minus-circle: "\f056"; |
||||
$fa-var-minus-square: "\f146"; |
||||
$fa-var-minus-square-o: "\f147"; |
||||
$fa-var-mixcloud: "\f289"; |
||||
$fa-var-mobile: "\f10b"; |
||||
$fa-var-mobile-phone: "\f10b"; |
||||
$fa-var-modx: "\f285"; |
||||
$fa-var-money: "\f0d6"; |
||||
$fa-var-moon-o: "\f186"; |
||||
$fa-var-mortar-board: "\f19d"; |
||||
$fa-var-motorcycle: "\f21c"; |
||||
$fa-var-mouse-pointer: "\f245"; |
||||
$fa-var-music: "\f001"; |
||||
$fa-var-navicon: "\f0c9"; |
||||
$fa-var-neuter: "\f22c"; |
||||
$fa-var-newspaper-o: "\f1ea"; |
||||
$fa-var-object-group: "\f247"; |
||||
$fa-var-object-ungroup: "\f248"; |
||||
$fa-var-odnoklassniki: "\f263"; |
||||
$fa-var-odnoklassniki-square: "\f264"; |
||||
$fa-var-opencart: "\f23d"; |
||||
$fa-var-openid: "\f19b"; |
||||
$fa-var-opera: "\f26a"; |
||||
$fa-var-optin-monster: "\f23c"; |
||||
$fa-var-outdent: "\f03b"; |
||||
$fa-var-pagelines: "\f18c"; |
||||
$fa-var-paint-brush: "\f1fc"; |
||||
$fa-var-paper-plane: "\f1d8"; |
||||
$fa-var-paper-plane-o: "\f1d9"; |
||||
$fa-var-paperclip: "\f0c6"; |
||||
$fa-var-paragraph: "\f1dd"; |
||||
$fa-var-paste: "\f0ea"; |
||||
$fa-var-pause: "\f04c"; |
||||
$fa-var-pause-circle: "\f28b"; |
||||
$fa-var-pause-circle-o: "\f28c"; |
||||
$fa-var-paw: "\f1b0"; |
||||
$fa-var-paypal: "\f1ed"; |
||||
$fa-var-pencil: "\f040"; |
||||
$fa-var-pencil-square: "\f14b"; |
||||
$fa-var-pencil-square-o: "\f044"; |
||||
$fa-var-percent: "\f295"; |
||||
$fa-var-phone: "\f095"; |
||||
$fa-var-phone-square: "\f098"; |
||||
$fa-var-photo: "\f03e"; |
||||
$fa-var-picture-o: "\f03e"; |
||||
$fa-var-pie-chart: "\f200"; |
||||
$fa-var-pied-piper: "\f2ae"; |
||||
$fa-var-pied-piper-alt: "\f1a8"; |
||||
$fa-var-pied-piper-pp: "\f1a7"; |
||||
$fa-var-pinterest: "\f0d2"; |
||||
$fa-var-pinterest-p: "\f231"; |
||||
$fa-var-pinterest-square: "\f0d3"; |
||||
$fa-var-plane: "\f072"; |
||||
$fa-var-play: "\f04b"; |
||||
$fa-var-play-circle: "\f144"; |
||||
$fa-var-play-circle-o: "\f01d"; |
||||
$fa-var-plug: "\f1e6"; |
||||
$fa-var-plus: "\f067"; |
||||
$fa-var-plus-circle: "\f055"; |
||||
$fa-var-plus-square: "\f0fe"; |
||||
$fa-var-plus-square-o: "\f196"; |
||||
$fa-var-podcast: "\f2ce"; |
||||
$fa-var-power-off: "\f011"; |
||||
$fa-var-print: "\f02f"; |
||||
$fa-var-product-hunt: "\f288"; |
||||
$fa-var-puzzle-piece: "\f12e"; |
||||
$fa-var-qq: "\f1d6"; |
||||
$fa-var-qrcode: "\f029"; |
||||
$fa-var-question: "\f128"; |
||||
$fa-var-question-circle: "\f059"; |
||||
$fa-var-question-circle-o: "\f29c"; |
||||
$fa-var-quora: "\f2c4"; |
||||
$fa-var-quote-left: "\f10d"; |
||||
$fa-var-quote-right: "\f10e"; |
||||
$fa-var-ra: "\f1d0"; |
||||
$fa-var-random: "\f074"; |
||||
$fa-var-ravelry: "\f2d9"; |
||||
$fa-var-rebel: "\f1d0"; |
||||
$fa-var-recycle: "\f1b8"; |
||||
$fa-var-reddit: "\f1a1"; |
||||
$fa-var-reddit-alien: "\f281"; |
||||
$fa-var-reddit-square: "\f1a2"; |
||||
$fa-var-refresh: "\f021"; |
||||
$fa-var-registered: "\f25d"; |
||||
$fa-var-remove: "\f00d"; |
||||
$fa-var-renren: "\f18b"; |
||||
$fa-var-reorder: "\f0c9"; |
||||
$fa-var-repeat: "\f01e"; |
||||
$fa-var-reply: "\f112"; |
||||
$fa-var-reply-all: "\f122"; |
||||
$fa-var-resistance: "\f1d0"; |
||||
$fa-var-retweet: "\f079"; |
||||
$fa-var-rmb: "\f157"; |
||||
$fa-var-road: "\f018"; |
||||
$fa-var-rocket: "\f135"; |
||||
$fa-var-rotate-left: "\f0e2"; |
||||
$fa-var-rotate-right: "\f01e"; |
||||
$fa-var-rouble: "\f158"; |
||||
$fa-var-rss: "\f09e"; |
||||
$fa-var-rss-square: "\f143"; |
||||
$fa-var-rub: "\f158"; |
||||
$fa-var-ruble: "\f158"; |
||||
$fa-var-rupee: "\f156"; |
||||
$fa-var-s15: "\f2cd"; |
||||
$fa-var-safari: "\f267"; |
||||
$fa-var-save: "\f0c7"; |
||||
$fa-var-scissors: "\f0c4"; |
||||
$fa-var-scribd: "\f28a"; |
||||
$fa-var-search: "\f002"; |
||||
$fa-var-search-minus: "\f010"; |
||||
$fa-var-search-plus: "\f00e"; |
||||
$fa-var-sellsy: "\f213"; |
||||
$fa-var-send: "\f1d8"; |
||||
$fa-var-send-o: "\f1d9"; |
||||
$fa-var-server: "\f233"; |
||||
$fa-var-share: "\f064"; |
||||
$fa-var-share-alt: "\f1e0"; |
||||
$fa-var-share-alt-square: "\f1e1"; |
||||
$fa-var-share-square: "\f14d"; |
||||
$fa-var-share-square-o: "\f045"; |
||||
$fa-var-shekel: "\f20b"; |
||||
$fa-var-sheqel: "\f20b"; |
||||
$fa-var-shield: "\f132"; |
||||
$fa-var-ship: "\f21a"; |
||||
$fa-var-shirtsinbulk: "\f214"; |
||||
$fa-var-shopping-bag: "\f290"; |
||||
$fa-var-shopping-basket: "\f291"; |
||||
$fa-var-shopping-cart: "\f07a"; |
||||
$fa-var-shower: "\f2cc"; |
||||
$fa-var-sign-in: "\f090"; |
||||
$fa-var-sign-language: "\f2a7"; |
||||
$fa-var-sign-out: "\f08b"; |
||||
$fa-var-signal: "\f012"; |
||||
$fa-var-signing: "\f2a7"; |
||||
$fa-var-simplybuilt: "\f215"; |
||||
$fa-var-sitemap: "\f0e8"; |
||||
$fa-var-skyatlas: "\f216"; |
||||
$fa-var-skype: "\f17e"; |
||||
$fa-var-slack: "\f198"; |
||||
$fa-var-sliders: "\f1de"; |
||||
$fa-var-slideshare: "\f1e7"; |
||||
$fa-var-smile-o: "\f118"; |
||||
$fa-var-snapchat: "\f2ab"; |
||||
$fa-var-snapchat-ghost: "\f2ac"; |
||||
$fa-var-snapchat-square: "\f2ad"; |
||||
$fa-var-snowflake-o: "\f2dc"; |
||||
$fa-var-soccer-ball-o: "\f1e3"; |
||||
$fa-var-sort: "\f0dc"; |
||||
$fa-var-sort-alpha-asc: "\f15d"; |
||||
$fa-var-sort-alpha-desc: "\f15e"; |
||||
$fa-var-sort-amount-asc: "\f160"; |
||||
$fa-var-sort-amount-desc: "\f161"; |
||||
$fa-var-sort-asc: "\f0de"; |
||||
$fa-var-sort-desc: "\f0dd"; |
||||
$fa-var-sort-down: "\f0dd"; |
||||
$fa-var-sort-numeric-asc: "\f162"; |
||||
$fa-var-sort-numeric-desc: "\f163"; |
||||
$fa-var-sort-up: "\f0de"; |
||||
$fa-var-soundcloud: "\f1be"; |
||||
$fa-var-space-shuttle: "\f197"; |
||||
$fa-var-spinner: "\f110"; |
||||
$fa-var-spoon: "\f1b1"; |
||||
$fa-var-spotify: "\f1bc"; |
||||
$fa-var-square: "\f0c8"; |
||||
$fa-var-square-o: "\f096"; |
||||
$fa-var-stack-exchange: "\f18d"; |
||||
$fa-var-stack-overflow: "\f16c"; |
||||
$fa-var-star: "\f005"; |
||||
$fa-var-star-half: "\f089"; |
||||
$fa-var-star-half-empty: "\f123"; |
||||
$fa-var-star-half-full: "\f123"; |
||||
$fa-var-star-half-o: "\f123"; |
||||
$fa-var-star-o: "\f006"; |
||||
$fa-var-steam: "\f1b6"; |
||||
$fa-var-steam-square: "\f1b7"; |
||||
$fa-var-step-backward: "\f048"; |
||||
$fa-var-step-forward: "\f051"; |
||||
$fa-var-stethoscope: "\f0f1"; |
||||
$fa-var-sticky-note: "\f249"; |
||||
$fa-var-sticky-note-o: "\f24a"; |
||||
$fa-var-stop: "\f04d"; |
||||
$fa-var-stop-circle: "\f28d"; |
||||
$fa-var-stop-circle-o: "\f28e"; |
||||
$fa-var-street-view: "\f21d"; |
||||
$fa-var-strikethrough: "\f0cc"; |
||||
$fa-var-stumbleupon: "\f1a4"; |
||||
$fa-var-stumbleupon-circle: "\f1a3"; |
||||
$fa-var-subscript: "\f12c"; |
||||
$fa-var-subway: "\f239"; |
||||
$fa-var-suitcase: "\f0f2"; |
||||
$fa-var-sun-o: "\f185"; |
||||
$fa-var-superpowers: "\f2dd"; |
||||
$fa-var-superscript: "\f12b"; |
||||
$fa-var-support: "\f1cd"; |
||||
$fa-var-table: "\f0ce"; |
||||
$fa-var-tablet: "\f10a"; |
||||
$fa-var-tachometer: "\f0e4"; |
||||
$fa-var-tag: "\f02b"; |
||||
$fa-var-tags: "\f02c"; |
||||
$fa-var-tasks: "\f0ae"; |
||||
$fa-var-taxi: "\f1ba"; |
||||
$fa-var-telegram: "\f2c6"; |
||||
$fa-var-television: "\f26c"; |
||||
$fa-var-tencent-weibo: "\f1d5"; |
||||
$fa-var-terminal: "\f120"; |
||||
$fa-var-text-height: "\f034"; |
||||
$fa-var-text-width: "\f035"; |
||||
$fa-var-th: "\f00a"; |
||||
$fa-var-th-large: "\f009"; |
||||
$fa-var-th-list: "\f00b"; |
||||
$fa-var-themeisle: "\f2b2"; |
||||
$fa-var-thermometer: "\f2c7"; |
||||
$fa-var-thermometer-0: "\f2cb"; |
||||
$fa-var-thermometer-1: "\f2ca"; |
||||
$fa-var-thermometer-2: "\f2c9"; |
||||
$fa-var-thermometer-3: "\f2c8"; |
||||
$fa-var-thermometer-4: "\f2c7"; |
||||
$fa-var-thermometer-empty: "\f2cb"; |
||||
$fa-var-thermometer-full: "\f2c7"; |
||||
$fa-var-thermometer-half: "\f2c9"; |
||||
$fa-var-thermometer-quarter: "\f2ca"; |
||||
$fa-var-thermometer-three-quarters: "\f2c8"; |
||||
$fa-var-thumb-tack: "\f08d"; |
||||
$fa-var-thumbs-down: "\f165"; |
||||
$fa-var-thumbs-o-down: "\f088"; |
||||
$fa-var-thumbs-o-up: "\f087"; |
||||
$fa-var-thumbs-up: "\f164"; |
||||
$fa-var-ticket: "\f145"; |
||||
$fa-var-times: "\f00d"; |
||||
$fa-var-times-circle: "\f057"; |
||||
$fa-var-times-circle-o: "\f05c"; |
||||
$fa-var-times-rectangle: "\f2d3"; |
||||
$fa-var-times-rectangle-o: "\f2d4"; |
||||
$fa-var-tint: "\f043"; |
||||
$fa-var-toggle-down: "\f150"; |
||||
$fa-var-toggle-left: "\f191"; |
||||
$fa-var-toggle-off: "\f204"; |
||||
$fa-var-toggle-on: "\f205"; |
||||
$fa-var-toggle-right: "\f152"; |
||||
$fa-var-toggle-up: "\f151"; |
||||
$fa-var-trademark: "\f25c"; |
||||
$fa-var-train: "\f238"; |
||||
$fa-var-transgender: "\f224"; |
||||
$fa-var-transgender-alt: "\f225"; |
||||
$fa-var-trash: "\f1f8"; |
||||
$fa-var-trash-o: "\f014"; |
||||
$fa-var-tree: "\f1bb"; |
||||
$fa-var-trello: "\f181"; |
||||
$fa-var-tripadvisor: "\f262"; |
||||
$fa-var-trophy: "\f091"; |
||||
$fa-var-truck: "\f0d1"; |
||||
$fa-var-try: "\f195"; |
||||
$fa-var-tty: "\f1e4"; |
||||
$fa-var-tumblr: "\f173"; |
||||
$fa-var-tumblr-square: "\f174"; |
||||
$fa-var-turkish-lira: "\f195"; |
||||
$fa-var-tv: "\f26c"; |
||||
$fa-var-twitch: "\f1e8"; |
||||
$fa-var-twitter: "\f099"; |
||||
$fa-var-twitter-square: "\f081"; |
||||
$fa-var-umbrella: "\f0e9"; |
||||
$fa-var-underline: "\f0cd"; |
||||
$fa-var-undo: "\f0e2"; |
||||
$fa-var-universal-access: "\f29a"; |
||||
$fa-var-university: "\f19c"; |
||||
$fa-var-unlink: "\f127"; |
||||
$fa-var-unlock: "\f09c"; |
||||
$fa-var-unlock-alt: "\f13e"; |
||||
$fa-var-unsorted: "\f0dc"; |
||||
$fa-var-upload: "\f093"; |
||||
$fa-var-usb: "\f287"; |
||||
$fa-var-usd: "\f155"; |
||||
$fa-var-user: "\f007"; |
||||
$fa-var-user-circle: "\f2bd"; |
||||
$fa-var-user-circle-o: "\f2be"; |
||||
$fa-var-user-md: "\f0f0"; |
||||
$fa-var-user-o: "\f2c0"; |
||||
$fa-var-user-plus: "\f234"; |
||||
$fa-var-user-secret: "\f21b"; |
||||
$fa-var-user-times: "\f235"; |
||||
$fa-var-users: "\f0c0"; |
||||
$fa-var-vcard: "\f2bb"; |
||||
$fa-var-vcard-o: "\f2bc"; |
||||
$fa-var-venus: "\f221"; |
||||
$fa-var-venus-double: "\f226"; |
||||
$fa-var-venus-mars: "\f228"; |
||||
$fa-var-viacoin: "\f237"; |
||||
$fa-var-viadeo: "\f2a9"; |
||||
$fa-var-viadeo-square: "\f2aa"; |
||||
$fa-var-video-camera: "\f03d"; |
||||
$fa-var-vimeo: "\f27d"; |
||||
$fa-var-vimeo-square: "\f194"; |
||||
$fa-var-vine: "\f1ca"; |
||||
$fa-var-vk: "\f189"; |
||||
$fa-var-volume-control-phone: "\f2a0"; |
||||
$fa-var-volume-down: "\f027"; |
||||
$fa-var-volume-off: "\f026"; |
||||
$fa-var-volume-up: "\f028"; |
||||
$fa-var-warning: "\f071"; |
||||
$fa-var-wechat: "\f1d7"; |
||||
$fa-var-weibo: "\f18a"; |
||||
$fa-var-weixin: "\f1d7"; |
||||
$fa-var-whatsapp: "\f232"; |
||||
$fa-var-wheelchair: "\f193"; |
||||
$fa-var-wheelchair-alt: "\f29b"; |
||||
$fa-var-wifi: "\f1eb"; |
||||
$fa-var-wikipedia-w: "\f266"; |
||||
$fa-var-window-close: "\f2d3"; |
||||
$fa-var-window-close-o: "\f2d4"; |
||||
$fa-var-window-maximize: "\f2d0"; |
||||
$fa-var-window-minimize: "\f2d1"; |
||||
$fa-var-window-restore: "\f2d2"; |
||||
$fa-var-windows: "\f17a"; |
||||
$fa-var-won: "\f159"; |
||||
$fa-var-wordpress: "\f19a"; |
||||
$fa-var-wpbeginner: "\f297"; |
||||
$fa-var-wpexplorer: "\f2de"; |
||||
$fa-var-wpforms: "\f298"; |
||||
$fa-var-wrench: "\f0ad"; |
||||
$fa-var-xing: "\f168"; |
||||
$fa-var-xing-square: "\f169"; |
||||
$fa-var-y-combinator: "\f23b"; |
||||
$fa-var-y-combinator-square: "\f1d4"; |
||||
$fa-var-yahoo: "\f19e"; |
||||
$fa-var-yc: "\f23b"; |
||||
$fa-var-yc-square: "\f1d4"; |
||||
$fa-var-yelp: "\f1e9"; |
||||
$fa-var-yen: "\f157"; |
||||
$fa-var-yoast: "\f2b1"; |
||||
$fa-var-youtube: "\f167"; |
||||
$fa-var-youtube-play: "\f16a"; |
||||
$fa-var-youtube-square: "\f166"; |
||||
|
||||
@ -0,0 +1,58 @@
|
||||
// Button sizes |
||||
@mixin button-size($padding-vertical, $padding-horizontal, $font-size, $line-height, $border-radius) { |
||||
padding: $padding-vertical $padding-horizontal; |
||||
border-radius: $border-radius; |
||||
font-size: $font-size; |
||||
line-height: $line-height; |
||||
} |
||||
|
||||
@mixin button-variant($color, $bg, $border) { |
||||
$correction: 1; |
||||
@if hue($bg) > 120 and hue($bg) < 160 or lightness($bg) > 90 { |
||||
$correction: .5; |
||||
} |
||||
$normal-shadow: darken($border, 12% * $correction); |
||||
$focus-bg: darken($bg, 12% * $correction); |
||||
$focus-border: darken($border, 12% * $correction); |
||||
$focus-shadow: darken($focus-border, 12% * $correction); |
||||
$active-bg: darken($bg, 12% * $correction); |
||||
$active-border: darken($border, 15% * $correction); |
||||
$active-shadow: inset 0 3px 4px -2px $active-border; |
||||
|
||||
@if lightness($bg) > 98 { |
||||
$focus-bg: darken($bg, 5%); |
||||
$focus-border: darken($border, 5%); |
||||
$normal-shadow: none; |
||||
$focus-shadow: none; |
||||
} |
||||
|
||||
background-color: $bg; |
||||
color: $color; |
||||
@if $normal-shadow == "none" { |
||||
border-color: $border; |
||||
box-shadow: none; |
||||
} @else { |
||||
border-color: $border $border $normal-shadow; |
||||
box-shadow: 0 1px 0 $normal-shadow; |
||||
} |
||||
|
||||
&:hover, |
||||
&:focus { |
||||
background-color: $focus-bg; |
||||
color: $color; |
||||
@if $focus-shadow == "none" { |
||||
border-color: $focus-border; |
||||
box-shadow: none; |
||||
} @else { |
||||
border-color: $focus-border $focus-border $focus-shadow; |
||||
box-shadow: 0 1px 0 $focus-shadow; |
||||
} |
||||
} |
||||
|
||||
&:active { |
||||
transform: translate(0, 1px); |
||||
border-color: $active-border; |
||||
background-color: $active-bg; |
||||
box-shadow: $active-shadow; |
||||
} |
||||
} |
||||
@ -0,0 +1,7 @@
|
||||
// Center-align a block level element |
||||
|
||||
@mixin center-block() { |
||||
display: block; |
||||
margin-right: auto; |
||||
margin-left: auto; |
||||
} |
||||
@ -0,0 +1,15 @@
|
||||
// Clearfix |
||||
// |
||||
// Source: http://cssmojo.com/the-very-latest-clearfix-reloaded/ |
||||
|
||||
@mixin clearfix() { |
||||
&::after { |
||||
content: ""; |
||||
display: block; |
||||
clear: both; |
||||
} |
||||
} |
||||
|
||||
%clearfix { |
||||
@include clearfix; |
||||
} |
||||
@ -0,0 +1,78 @@
|
||||
// Form control focus state |
||||
// |
||||
@mixin form-control-focus($color: $input-border-focus) { |
||||
&:focus { |
||||
border-color: rgba($input-border-focus, $input-border-focus-alpha); |
||||
outline: 0; |
||||
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075), 0 0 0 2px rgba($input-border-focus, $input-shadow-focus-alpha); |
||||
} |
||||
} |
||||
|
||||
// Placeholder text |
||||
// |
||||
@mixin placeholder($color: $input-color-placeholder) { |
||||
&::placeholder { |
||||
opacity: 1; // See https://github.com/twbs/bootstrap/pull/11526 |
||||
color: $color; |
||||
} |
||||
} |
||||
|
||||
|
||||
// Form control sizing |
||||
// |
||||
@mixin input-size($parent, $input-height, $padding-vertical, $padding-horizontal, $font-size, $line-height, $border-radius) { |
||||
#{$parent} { |
||||
height: $input-height; |
||||
padding: $padding-vertical $padding-horizontal; |
||||
border-radius: $border-radius; |
||||
font-size: $font-size; |
||||
line-height: $line-height; |
||||
} |
||||
|
||||
select#{$parent} { |
||||
height: $input-height; |
||||
line-height: $input-height; |
||||
} |
||||
|
||||
textarea#{$parent}, |
||||
select[multiple]#{$parent} { |
||||
height: auto; |
||||
} |
||||
} |
||||
|
||||
@mixin check() { |
||||
@extend %clearfix; |
||||
position: relative; |
||||
padding-left: $check-input-gutter; |
||||
font-weight: $font-weight-normal; |
||||
line-height: $line-height-base; |
||||
text-align: left; |
||||
|
||||
input[type="checkbox"], |
||||
input[type="radio"] { |
||||
position: absolute; |
||||
width: auto; |
||||
margin-top: $check-input-margin-vertical; |
||||
margin-left: -$check-input-gutter; |
||||
} |
||||
} |
||||
|
||||
@mixin check-inline() { |
||||
@include check; |
||||
display: inline-block; |
||||
margin-right: $check-input-margin-horizontal; |
||||
} |
||||
|
||||
@mixin check-list() { |
||||
@include check; |
||||
display: block; |
||||
width: auto; |
||||
margin: 0; |
||||
padding-top: $check-list-offset-top; |
||||
padding-bottom: $check-list-offset-top; |
||||
float: none; |
||||
|
||||
@media screen and (min-width: $screen-sm-min) { |
||||
padding-bottom: 0; |
||||
} |
||||
} |
||||
@ -0,0 +1,15 @@
|
||||
// Retina image |
||||
// |
||||
|
||||
@mixin img-retina($file-2x, $width-1x, $height-1x) { |
||||
@media |
||||
only screen and (-webkit-min-device-pixel-ratio: 2), |
||||
only screen and (min--moz-device-pixel-ratio: 2), |
||||
only screen and (-o-min-device-pixel-ratio: 2 / 1), |
||||
only screen and (min-device-pixel-ratio: 2), |
||||
only screen and (min-resolution: 192dpi), |
||||
only screen and (min-resolution: 2dppx) { |
||||
background-image: url("#{$file-2x}"); |
||||
background-size: $width-1x $height-1x; |
||||
} |
||||
} |
||||
@ -0,0 +1,67 @@
|
||||
// Priority icon |
||||
|
||||
@mixin priority-icon-base() { |
||||
&::before { |
||||
content: "\00a0"; |
||||
display: inline-block; |
||||
width: $priority-icon-size; |
||||
margin-right: $priority-icon-space; |
||||
background-repeat: no-repeat; |
||||
background-position: center center; |
||||
background-size: $priority-icon-size; |
||||
} |
||||
} |
||||
|
||||
@mixin priority-icon($parent, $color, $icon) { |
||||
table.list tbody tr#{$parent} .priority, |
||||
.issue.details#{$parent} .attributes td.priority, |
||||
.issue.details#{$parent} .attribute.priority .value { |
||||
&::before { |
||||
background-image: inline-svg($icon, (path: (fill: $color))); |
||||
} |
||||
} |
||||
} |
||||
|
||||
|
||||
// Tracker highlight |
||||
|
||||
@mixin tracker($parent, $background, $color) { |
||||
tr#{$parent} .id > a, |
||||
tr#{$parent} .issue_id > a, |
||||
a#{$parent}.issue, |
||||
a#{$parent}, |
||||
.relations > span > a#{$parent}, |
||||
.parent > a#{$parent} { |
||||
background-color: $background; |
||||
color: $color; |
||||
|
||||
&:hover { |
||||
@if hue($background) > 15deg and hue($background) < 40deg { |
||||
background-color: darken(adjust-hue($background, -8deg), 8%); |
||||
} @else { |
||||
background-color: darken($background, 10%); |
||||
} |
||||
color: $color; |
||||
} |
||||
} |
||||
|
||||
a#{$parent} { |
||||
&.closed { |
||||
color: mix($color, $background, 75%); |
||||
|
||||
&::after { |
||||
border-top-color: rgba($color, .95); |
||||
} |
||||
|
||||
&:hover::after { |
||||
border-top-color: rgba($color, .25); |
||||
} |
||||
} |
||||
} |
||||
|
||||
tr#{$parent} .id > a { |
||||
&::before { |
||||
color: mix($color, $background, 50%); |
||||
} |
||||
} |
||||
} |
||||
@ -0,0 +1,29 @@
|
||||
// Link variant |
||||
|
||||
@mixin link-variant($variant, $focus-hover: true) { |
||||
$colors: map-get($icon-color-map, $variant); |
||||
|
||||
color: map-get($colors, normal); |
||||
|
||||
@if $focus-hover { |
||||
&:focus, |
||||
&:hover { |
||||
color: map-get($colors, hover); |
||||
} |
||||
} |
||||
} |
||||
|
||||
@mixin icon-variant($variant) { |
||||
$colors: map-get($icon-color-map, $variant); |
||||
|
||||
&::before { |
||||
color: map-get($colors, normal); |
||||
} |
||||
|
||||
&:focus, |
||||
&:hover { |
||||
&::before { |
||||
color: map-get($colors, hover); |
||||
} |
||||
} |
||||
} |
||||
@ -0,0 +1,19 @@
|
||||
// Some really nice looking shadows |
||||
|
||||
@mixin nice-shadow($depth: 1) { |
||||
$shadow: none; |
||||
|
||||
@if ($depth == 1) { |
||||
$shadow: 0 1px 2px rgba(#000, .25); |
||||
} @else if ($depth == 2) { |
||||
$shadow: 0 5px 8px -2px rgba(#000, .25), 0 1px 2px rgba(#000, .3); |
||||
} @else if ($depth == 3) { |
||||
$shadow: 0 8px 16px -3px rgba(#000, .25), 0 2px 4px rgba(#000, .3); |
||||
} @else if ($depth == 4) { |
||||
$shadow: 0 14px 24px -4px rgba(#000, .25), 0 3px 10px rgba(#000, .3); |
||||
} @else if ($depth == 5) { |
||||
$shadow: 0 20px 32px -2px rgba(#000, .25), 0 4px 12px rgba(#000, .3); |
||||
} |
||||
|
||||
box-shadow: $shadow; |
||||
} |
||||
@ -0,0 +1,8 @@
|
||||
// Text overflow |
||||
// Requires inline-block or block for proper styling |
||||
|
||||
@mixin text-overflow() { |
||||
overflow: hidden; |
||||
text-overflow: ellipsis; |
||||
white-space: nowrap; |
||||
} |
||||
@ -0,0 +1,2 @@
|
||||
@import "../../variables"; |
||||
@import "../../mixins"; |
||||
@ -0,0 +1,328 @@
|
||||
@import "common"; |
||||
|
||||
html { |
||||
height: 100%; |
||||
overflow-y: scroll; |
||||
} |
||||
|
||||
body { |
||||
width: 100%; |
||||
height: 100%; |
||||
margin: 0; |
||||
padding: 0; |
||||
background-color: mix($gray-400, $header-bg, 70%); |
||||
color: $text-color; |
||||
font-family: $font-family-base; |
||||
font-size: $font-size-base; |
||||
font-weight: $font-weight-normal; |
||||
line-height: $line-height-base; |
||||
} |
||||
|
||||
a { |
||||
color: $link-color; |
||||
text-decoration: none; |
||||
|
||||
&:hover, |
||||
&:focus { |
||||
color: $link-hover-color; |
||||
text-decoration: $link-hover-decoration; |
||||
} |
||||
} |
||||
|
||||
.issue.closed { |
||||
color: $link-color-issue-closed; |
||||
text-decoration: $link-closed-decoration; |
||||
} |
||||
|
||||
.project.closed { |
||||
color: $link-color-project-closed; |
||||
} |
||||
|
||||
.user.locked { |
||||
color: $link-color-user-locked; |
||||
} |
||||
|
||||
|
||||
//== Form elements |
||||
// |
||||
|
||||
button, |
||||
input, |
||||
select, |
||||
textarea { |
||||
box-sizing: border-box; |
||||
font-family: inherit; |
||||
font-size: $font-size-base; |
||||
line-height: $line-height-base; |
||||
} |
||||
|
||||
select, |
||||
textarea, |
||||
input[type="search"], |
||||
input[type="text"], |
||||
input.name, |
||||
input.editor, |
||||
#col_width input { |
||||
@include form-control-focus; |
||||
@include placeholder; |
||||
height: $input-height-base; |
||||
padding: $input-padding-vertical $input-padding-horizontal; |
||||
transition: |
||||
border-color $transition-time ease-in-out, |
||||
box-shadow $transition-time ease-in-out; |
||||
border: 1px solid $input-border; |
||||
border-radius: $input-border-radius; |
||||
background-color: $input-bg; |
||||
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075); |
||||
color: $input-color; |
||||
} |
||||
|
||||
textarea { |
||||
height: auto; |
||||
resize: vertical; |
||||
} |
||||
|
||||
select:-moz-focusring { |
||||
color: transparent; |
||||
text-shadow: 0 0 0 #000; |
||||
} |
||||
|
||||
button.ui-multiselect { |
||||
box-sizing: border-box; |
||||
height: $input-height-base; |
||||
padding: $input-padding-vertical $input-padding-horizontal; |
||||
overflow: hidden; |
||||
transition: |
||||
border-color $transition-time ease-in-out, |
||||
box-shadow $transition-time ease-in-out; |
||||
border: 1px solid $input-border; |
||||
background: $input-bg; |
||||
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075); |
||||
color: $input-color; |
||||
white-space: nowrap; |
||||
cursor: default; |
||||
|
||||
&:hover, |
||||
&:focus { |
||||
color: $input-color; |
||||
} |
||||
|
||||
&:active { |
||||
transform: translate(0, 0); |
||||
} |
||||
|
||||
&.ui-state-active { |
||||
border-color: $input-border-focus; |
||||
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075), 0 0 5px rgba($input-border-focus, .5); |
||||
} |
||||
|
||||
.ui-icon { |
||||
margin-top: 1px; |
||||
} |
||||
} |
||||
|
||||
|
||||
//== Top toolbar |
||||
// |
||||
|
||||
#toolbar { |
||||
@include clearfix; |
||||
display: block; |
||||
position: relative; |
||||
z-index: 1000; |
||||
padding: 10px $padding-side; |
||||
overflow: hidden; |
||||
background-color: $main-menu-bg; |
||||
box-shadow: $panel-shadow; |
||||
|
||||
.breadcrumbs { |
||||
margin-right: 10px; |
||||
float: left; |
||||
|
||||
select { |
||||
margin-right: 5px; |
||||
vertical-align: middle; |
||||
} |
||||
|
||||
.home { |
||||
font-weight: $font-weight-bold; |
||||
} |
||||
|
||||
.separator { |
||||
position: relative; |
||||
top: -1px; |
||||
padding: 0 .2em; |
||||
font-weight: $font-weight-bold; |
||||
} |
||||
} |
||||
|
||||
.userselect { |
||||
position: relative; |
||||
float: left; |
||||
|
||||
ul { |
||||
padding-left: 0; |
||||
} |
||||
|
||||
br { |
||||
display: none; |
||||
} |
||||
} |
||||
|
||||
.links { |
||||
float: right; |
||||
|
||||
input { |
||||
vertical-align: initial; |
||||
} |
||||
|
||||
a { |
||||
padding-left: 5px; |
||||
cursor: pointer; |
||||
user-select: none; |
||||
} |
||||
} |
||||
|
||||
input[type="search"], |
||||
input[type="text"], |
||||
select, |
||||
.ui-widget { |
||||
font-family: inherit; |
||||
font-size: inherit; |
||||
} |
||||
|
||||
@media screen and (max-width: $screen-md-max) { |
||||
font-size: $font-size-small; |
||||
|
||||
input[type="search"], |
||||
input[type="text"], |
||||
select, |
||||
.ui-widget { |
||||
$input-padding-vertical-small: 3px; |
||||
$input-padding-horizontal-small: 5px; |
||||
|
||||
height: ($line-height-computed + ($input-padding-vertical-small * 2) + 2); |
||||
padding: $input-padding-vertical-small $input-padding-horizontal-small; |
||||
} |
||||
|
||||
#project_quick_jump_box { |
||||
width: 128px; |
||||
} |
||||
} |
||||
} |
||||
|
||||
#refresh { |
||||
.loading & { |
||||
background-image: url("images/bouncer.gif"); |
||||
background-repeat: no-repeat; |
||||
background-position: -6px 1px; |
||||
} |
||||
} |
||||
|
||||
|
||||
//== Other elements |
||||
// |
||||
|
||||
.clearfix { |
||||
@include clearfix; |
||||
} |
||||
|
||||
#content { |
||||
margin: 0; |
||||
padding: 0; |
||||
overflow: visible; |
||||
} |
||||
|
||||
#helpers, |
||||
.meta, |
||||
.editors { |
||||
display: none; |
||||
} |
||||
|
||||
// .editor is the classname for field editors of sprint, |
||||
// story, task, impediment. These field editors get created |
||||
// at runtime whenever any of the above models are edited. |
||||
.ui-dialog .editor { |
||||
display: block; |
||||
} |
||||
|
||||
ul.ui-sortable { |
||||
min-height: 20px; |
||||
} |
||||
|
||||
//== Story tooltip |
||||
// |
||||
|
||||
.ui-tooltip { |
||||
.ui-tooltip-content { |
||||
hr { |
||||
margin-top: $line-height-computed * .5; |
||||
margin-bottom: $line-height-computed * .5; |
||||
border: 0; |
||||
border-top: 1px solid $hr-border; |
||||
} |
||||
|
||||
.wiki-anchor { |
||||
display: none; |
||||
} |
||||
} |
||||
|
||||
.issue-description { |
||||
max-height: 10em; |
||||
margin-top: 12px; |
||||
overflow: hidden; |
||||
text-overflow: ellipsis; |
||||
} |
||||
|
||||
.issue-field { |
||||
margin: 2px 0 0; |
||||
padding-left: 160px; |
||||
overflow: hidden; |
||||
|
||||
&:first-child { |
||||
margin-top: 0; |
||||
} |
||||
|
||||
> label { |
||||
margin-left: -160px; |
||||
padding-right: 5px; |
||||
float: left; |
||||
font-weight: $font-weight-bold; |
||||
} |
||||
} |
||||
} |
||||
|
||||
.tooltip_text { |
||||
display: none; |
||||
} |
||||
|
||||
//== drag-drop effect: disabled dropzones are greyed out |
||||
// |
||||
|
||||
.rb-sortable-disabled, |
||||
.ui-sortable-disabled { |
||||
opacity: .5; |
||||
background-color: $gray-400; |
||||
} |
||||
|
||||
.w-rb-header-collapsed { |
||||
height: 27px; // 14px * .86 * 1.42857 + 2 * 5px |
||||
overflow: hidden; |
||||
} |
||||
|
||||
|
||||
//== Fix jQuery-UI datepicker |
||||
// |
||||
|
||||
body { |
||||
.ui-widget { |
||||
&, |
||||
input, |
||||
select, |
||||
textarea, |
||||
button { |
||||
font-family: inherit; |
||||
font-size: inherit; |
||||
} |
||||
} |
||||
} |
||||
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,113 @@
|
||||
@import "../common"; |
||||
|
||||
.ui-multiselect { |
||||
padding: 2px 0 2px 4px; |
||||
text-align: left; |
||||
|
||||
span.ui-icon { |
||||
float: right; |
||||
} |
||||
} |
||||
|
||||
.ui-multiselect-single .ui-multiselect-checkboxes { |
||||
input { |
||||
position: absolute !important; // stylelint-disable-line declaration-no-important |
||||
top: auto !important; // stylelint-disable-line declaration-no-important |
||||
left: -9999px; |
||||
} |
||||
|
||||
label { |
||||
padding: 5px !important; // stylelint-disable-line declaration-no-important |
||||
} |
||||
} |
||||
|
||||
.ui-multiselect-header { |
||||
margin-bottom: 3px; |
||||
padding: 3px; |
||||
|
||||
ul { |
||||
font-size: $font-size-list; |
||||
|
||||
li { |
||||
padding: 0 10px 0 0; |
||||
float: left; |
||||
} |
||||
} |
||||
|
||||
a { |
||||
text-decoration: none; |
||||
|
||||
&:hover { |
||||
text-decoration: underline; |
||||
} |
||||
} |
||||
|
||||
span.ui-icon { |
||||
float: left; |
||||
} |
||||
|
||||
li.ui-multiselect-close { |
||||
padding-right: 0; |
||||
float: right; |
||||
text-align: right; |
||||
} |
||||
} |
||||
|
||||
.ui-multiselect-menu { |
||||
@include nice-shadow(2); |
||||
display: none; |
||||
position: absolute; |
||||
z-index: 10000; |
||||
padding: 3px; |
||||
text-align: left; |
||||
} |
||||
|
||||
.ui-multiselect-checkboxes { |
||||
position: relative; |
||||
padding-right: 2px; |
||||
overflow-y: scroll; |
||||
|
||||
input[type="checkbox"] { |
||||
top: 0; |
||||
margin: 3px 0 0 -20px; |
||||
float: left; |
||||
} |
||||
|
||||
label { |
||||
display: block; |
||||
padding: 3px 1px; |
||||
padding-left: 20px + 6px; |
||||
border: 1px solid transparent; |
||||
cursor: default; |
||||
user-select: none; |
||||
|
||||
input { |
||||
position: relative; |
||||
top: 1px; |
||||
} |
||||
} |
||||
|
||||
li { |
||||
clear: both; |
||||
font-size: $font-size-list; |
||||
|
||||
&.ui-multiselect-optgroup-label { |
||||
margin-bottom: 2px; |
||||
border-bottom: 1px solid $panel-border; |
||||
font-weight: $font-weight-bold; |
||||
text-align: center; |
||||
|
||||
a { |
||||
display: block; |
||||
margin: 1px 0; |
||||
padding: 3px; |
||||
text-decoration: none; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
||||
// Remove label borders in IE6 because IE6 does not support transparency |
||||
* html .ui-multiselect-checkboxes label { |
||||
border: 0 none; |
||||
} |
||||
@ -0,0 +1,34 @@
|
||||
@import "../common"; |
||||
|
||||
.qtip { |
||||
position: absolute; |
||||
top: -31000px; |
||||
left: -31000px; |
||||
width: auto; |
||||
max-width: 500px; |
||||
outline: none; |
||||
} |
||||
|
||||
.ui-tooltip-content { |
||||
@include nice-shadow(2); |
||||
position: relative; |
||||
padding: 10px; |
||||
overflow: hidden; |
||||
border: 1px solid $tooltip-border; |
||||
background-color: $tooltip-bg; |
||||
color: $tooltip-text; |
||||
font-size: $font-size-list; |
||||
text-align: left; |
||||
word-wrap: break-word; |
||||
} |
||||
|
||||
.ui-tooltip-tip { |
||||
position: absolute; |
||||
z-index: 10; |
||||
margin: 0 auto; |
||||
overflow: hidden; |
||||
border: 0 none; |
||||
border-color: $tooltip-border; |
||||
background: transparent; |
||||
background-color: $tooltip-bg; |
||||
} |
||||
@ -0,0 +1,837 @@
|
||||
@import "common"; |
||||
|
||||
$header-line-height: floor($line-height-computed * 1.5); |
||||
|
||||
$header-left-width: 30px; |
||||
$header-right-width: 230px; |
||||
$header-right-width-wider: 280px; |
||||
|
||||
$story-left-width: 110px; |
||||
$story-right-width: 110px; |
||||
|
||||
$story-id-width: 51px; |
||||
$story-project-width: 50px; |
||||
$story-status-width: 70px; |
||||
|
||||
$story-tracker-input-width: 100px; |
||||
$story-status-input-width: 85px; |
||||
$story-sp-input-width: 50px; |
||||
|
||||
@mixin rb-tracker($parent, $background, $color) { |
||||
#{$parent} .id .t a { |
||||
background-color: $background; |
||||
color: $color; |
||||
|
||||
&::before { |
||||
color: mix($color, $background, 50%); |
||||
} |
||||
|
||||
&:hover { |
||||
@if hue($background) > 15deg and hue($background) < 40deg { |
||||
background-color: darken(adjust-hue($background, -8deg), 8%); |
||||
} @else { |
||||
background-color: darken($background, 10%); |
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
||||
|
||||
// Reserved classes are |
||||
// .backlog (used in master_backlog.js to initialize all backlogs) |
||||
// .model (used in backlog.js editable_inplace.js model.js) |
||||
// .sprint (used in backlog.js |
||||
// .stories (used in backlog.js for sortable) |
||||
// .editor |
||||
// .editable (bind click on) |
||||
// .close_sprint (bind click on) |
||||
|
||||
|
||||
//== Fluid, 2-colum layout |
||||
// |
||||
|
||||
#backlogs_container { |
||||
padding: ($padding-side * .5) ($padding-side * .25); |
||||
|
||||
.backlogs-panel-inner { |
||||
padding: 0 ($padding-side * .25); |
||||
} |
||||
|
||||
@media screen and (min-width: $screen-md-min) { |
||||
padding: $padding-side ($padding-side * .5); |
||||
|
||||
.backlogs-panel-inner { |
||||
padding: 0 ($padding-side * .5); |
||||
} |
||||
} |
||||
|
||||
.wrapper { |
||||
position: relative; |
||||
left: 0; |
||||
width: 100%; |
||||
float: left; |
||||
} |
||||
|
||||
.left-col { |
||||
position: relative; |
||||
left: 0; |
||||
width: 50%; |
||||
float: left; |
||||
} |
||||
|
||||
.right-col { |
||||
position: relative; |
||||
right: 0; |
||||
width: 50%; |
||||
float: right; |
||||
} |
||||
} |
||||
|
||||
|
||||
//== Fixed-Fluid-Fixed layout |
||||
// |
||||
|
||||
.fff-wrapmiddle { |
||||
width: 100%; |
||||
float: left; |
||||
} |
||||
|
||||
.fff-middle { |
||||
margin-right: $story-right-width; |
||||
margin-left: $story-left-width; |
||||
} |
||||
|
||||
.fff-left { |
||||
width: $story-left-width; |
||||
margin-left: -100%; |
||||
float: left; |
||||
} |
||||
|
||||
.fff-right { |
||||
width: $story-right-width; |
||||
margin-left: -$story-right-width; |
||||
float: left; |
||||
} |
||||
|
||||
.header { |
||||
.fff-middle { |
||||
margin-right: $header-right-width; |
||||
margin-left: $header-left-width; |
||||
} |
||||
|
||||
.fff-left { |
||||
width: $header-left-width; |
||||
} |
||||
|
||||
.fff-right { |
||||
width: $header-right-width; |
||||
margin-left: -$header-right-width; |
||||
} |
||||
|
||||
@media screen and (min-width: $screen-md-min) { |
||||
.fff-middle { |
||||
margin-right: $header-right-width-wider; |
||||
} |
||||
|
||||
.fff-right { |
||||
width: $header-right-width-wider; |
||||
margin-left: -$header-right-width-wider; |
||||
} |
||||
} |
||||
} |
||||
|
||||
|
||||
//== Just some space at the bottom of the page |
||||
// |
||||
|
||||
#dummy_backlog_container { |
||||
height: 150px; |
||||
} |
||||
|
||||
|
||||
//== Base backlog container |
||||
// |
||||
|
||||
#backlogs_container { |
||||
.closedbacklog, |
||||
.backlog { |
||||
@include nice-shadow(1); |
||||
display: block; |
||||
position: relative; |
||||
margin: 0 0 ($padding-side * .5); |
||||
border-radius: $border-radius-large $border-radius-large 0 0; |
||||
background-color: $gray-100; |
||||
|
||||
@media screen and (min-width: $screen-md-min) { |
||||
margin: 0 0 $padding-side; |
||||
} |
||||
} |
||||
} |
||||
|
||||
|
||||
//== Backlog header |
||||
// |
||||
|
||||
#backlogs_container { |
||||
.header { |
||||
position: relative; |
||||
height: $header-line-height; |
||||
border: 1px solid darken($header-bg, 5%); |
||||
border-radius: $border-radius-large $border-radius-large 0 0; |
||||
background-color: $header-bg; |
||||
color: $header-text; |
||||
line-height: $header-line-height; |
||||
|
||||
input, |
||||
select { |
||||
border-color: $header-bg; |
||||
box-shadow: inset 0 1px 3px rgba(0, 0, 0, .2); |
||||
|
||||
&:focus { |
||||
border-color: lighten($header-bg, 25%); |
||||
box-shadow: |
||||
inset 0 1px 3px rgba(0, 0, 0, .2), |
||||
0 0 0 1px lighten($header-bg, 25%); |
||||
color: $gray-950; |
||||
} |
||||
} |
||||
|
||||
.name, |
||||
.velocity, |
||||
.date { |
||||
white-space: nowrap; |
||||
} |
||||
|
||||
.name { |
||||
padding-left: $padding-base-horizontal; |
||||
overflow: hidden; |
||||
font-weight: $font-weight-bold; |
||||
} |
||||
|
||||
.date { |
||||
width: 70px; |
||||
float: left; |
||||
font-size: $font-size-small-px; |
||||
text-align: center; |
||||
|
||||
+ .date { |
||||
margin-left: $padding-base-horizontal; |
||||
} |
||||
} |
||||
|
||||
.velocity { |
||||
padding-right: $padding-base-horizontal; |
||||
text-align: right; |
||||
} |
||||
|
||||
.id, |
||||
.description, |
||||
.status { |
||||
display: none; |
||||
} |
||||
|
||||
.saving { |
||||
background-image: url("images/ajax.gif"); |
||||
background-repeat: no-repeat; |
||||
background-position: center; |
||||
} |
||||
|
||||
.error { |
||||
background-image: url("images/error.png"); |
||||
background-repeat: no-repeat; |
||||
background-position: center; |
||||
} |
||||
|
||||
.editing { |
||||
$editor-padding: (($header-line-height - $input-height-base) * .5); |
||||
|
||||
.editors { |
||||
display: block; |
||||
position: absolute; |
||||
z-index: 1; |
||||
top: 0; |
||||
left: 0; |
||||
width: 100%; |
||||
padding-top: $editor-padding; |
||||
border-radius: $border-radius-large $border-radius-large 0 0; |
||||
background-color: $header-bg; |
||||
} |
||||
|
||||
label, |
||||
.id.editor { |
||||
display: none; |
||||
} |
||||
|
||||
.release_end_date.editor, |
||||
.release_start_date.editor, |
||||
.effective_date.editor, |
||||
.sprint_start_date.editor { |
||||
position: relative; |
||||
width: 80px; |
||||
margin-bottom: $editor-padding; |
||||
margin-left: $editor-padding * 2; |
||||
padding: 0; |
||||
float: left; |
||||
font-size: $font-size-small-px; |
||||
text-align: center; |
||||
} |
||||
|
||||
.name.editor { |
||||
$name-width-minus: $header-right-width-wider + 35px; |
||||
|
||||
position: relative; |
||||
width: calc(100% - #{$name-width-minus}) !important; // stylelint-disable-line declaration-no-important |
||||
min-width: 128px; |
||||
margin-left: $header-line-height - 2px; |
||||
float: left; |
||||
} |
||||
|
||||
.description.editor { |
||||
display: none; |
||||
} |
||||
|
||||
.edit-actions { |
||||
margin-right: $editor-padding * 2; |
||||
margin-bottom: $editor-padding; |
||||
float: right; |
||||
} |
||||
} |
||||
|
||||
.menu { |
||||
position: relative; |
||||
height: $header-line-height; |
||||
overflow: visible; |
||||
transition: background-color 0s .1s, border-color 0s .1s; |
||||
border-right: 1px solid #888; |
||||
border-bottom: 1px solid $header-bg; |
||||
border-radius: ($border-radius-large - 1px) 0 0; |
||||
font-size: $font-size-small; |
||||
line-height: $line-height-base; |
||||
cursor: pointer; |
||||
|
||||
&:hover { |
||||
z-index: 1000; |
||||
transition: background-color 0s 0s, border-color 0s 0s; |
||||
border-color: $body-bg; |
||||
background-color: $body-bg; |
||||
} |
||||
|
||||
.icon { |
||||
position: relative; |
||||
top: 7px; |
||||
left: 6px; |
||||
padding: 0; |
||||
background-image: url("images/ui-icons_888888_256x240.png"); |
||||
background-position: -64px -16px; |
||||
} |
||||
|
||||
ul { |
||||
visibility: hidden; |
||||
position: absolute; |
||||
z-index: 999; |
||||
top: $header-line-height + 1px; |
||||
left: -1px; |
||||
margin: 0; |
||||
padding: $padding-small-vertical 0; |
||||
list-style: none; |
||||
transition: visibility 0s .1s; |
||||
border: 1px solid $header-bg; |
||||
border-top-width: 0; |
||||
border-radius: 0 0 $border-radius-base $border-radius-base; |
||||
background-color: $body-bg; |
||||
box-shadow: 0 2px 1px rgba(#000, .1); |
||||
|
||||
a { |
||||
color: $gray-900; |
||||
} |
||||
} |
||||
|
||||
&:hover .items { |
||||
visibility: visible; |
||||
transition: visibility 0s 0s; |
||||
} |
||||
|
||||
.item { |
||||
position: relative; |
||||
min-width: 100px; |
||||
white-space: nowrap; |
||||
|
||||
> a { |
||||
display: block; |
||||
padding: 4px 8px; |
||||
|
||||
&:hover { |
||||
background-color: $component-active-bg; |
||||
color: $component-active-color; |
||||
text-decoration: none; |
||||
} |
||||
} |
||||
|
||||
> .ui-icon { |
||||
position: absolute; |
||||
top: 4px; |
||||
right: 8px; |
||||
left: auto; |
||||
background-position: -32px -16px; |
||||
} |
||||
|
||||
ul { |
||||
position: absolute; |
||||
top: -($padding-small-vertical + 1px); |
||||
left: 100%; |
||||
border-width: 1px; |
||||
} |
||||
|
||||
&:hover { |
||||
background-color: darken($body-bg, 8%); |
||||
|
||||
ul { |
||||
visibility: visible; |
||||
transition: visibility 0s 0s; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
||||
.model.headertext { |
||||
cursor: pointer; |
||||
} |
||||
} |
||||
|
||||
.close_sprint { |
||||
float: left; |
||||
overflow: hidden; |
||||
color: $header-link; |
||||
white-space: nowrap; |
||||
} |
||||
|
||||
.closedbacklog { |
||||
.menu { |
||||
display: none; |
||||
} |
||||
|
||||
.headertext { |
||||
cursor: default; |
||||
} |
||||
} |
||||
} |
||||
|
||||
|
||||
//== Backlog items |
||||
// |
||||
|
||||
#backlogs_container { |
||||
.stories { |
||||
position: relative; |
||||
min-height: ($line-height-computed + $table-condensed-cell-padding * 2); |
||||
margin: 0; |
||||
padding: 0; |
||||
list-style: none; |
||||
font-size: $font-size-list; |
||||
|
||||
.v { |
||||
display: none; |
||||
} |
||||
|
||||
.placeholder { |
||||
min-height: ($line-height-computed + $table-condensed-cell-padding * 2); |
||||
background-color: $gray-700; |
||||
} |
||||
} |
||||
|
||||
.story { |
||||
display: block; |
||||
margin: 0; |
||||
padding: 0 $table-condensed-cell-padding; |
||||
border-top: 1px solid $gray-400; |
||||
background-color: $body-bg; |
||||
background-repeat: no-repeat; |
||||
background-position: center; |
||||
cursor: move; |
||||
|
||||
&:nth-child(2n) { |
||||
background-color: $gray-100; |
||||
} |
||||
|
||||
&:hover { |
||||
background-color: $highlight-bg; |
||||
} |
||||
|
||||
&.saving { |
||||
background-image: url("images/ajax.gif"); |
||||
color: $gray-600; |
||||
} |
||||
|
||||
&.error { |
||||
background-image: url("images/error.png"); |
||||
color: $brand-warning; |
||||
} |
||||
|
||||
.tracker_id { |
||||
display: none; |
||||
} |
||||
|
||||
.id { |
||||
position: relative; |
||||
width: $story-id-width; |
||||
margin: $table-condensed-cell-padding 0; |
||||
float: left; |
||||
|
||||
.t { |
||||
a { |
||||
display: block; |
||||
padding: $tracker-list-padding; |
||||
border-radius: $border-radius-small ($border-radius-small * 3) ($border-radius-small * 3) $border-radius-small; |
||||
@if $color-trackers { |
||||
background-color: $tracker-default-bg; |
||||
color: $tracker-default-text; |
||||
} @else { |
||||
background-color: darken($gray-100, 3%); |
||||
color: $gray-800; |
||||
} |
||||
font-weight: $font-weight-bold; |
||||
text-align: right; |
||||
|
||||
&::before { |
||||
content: "#"; |
||||
margin-left: -1em; |
||||
@if $color-trackers { |
||||
color: mix($tracker-default-text, $tracker-default-bg, 50%); |
||||
} @else { |
||||
color: $gray-600; |
||||
} |
||||
font-weight: $font-weight-normal; |
||||
} |
||||
|
||||
&:hover { |
||||
@if $color-trackers { |
||||
background-color: darken($tracker-default-bg, 10%); |
||||
} @else { |
||||
background-color: $gray-400; |
||||
} |
||||
text-decoration: none; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
||||
.fff-left > .project, |
||||
.fff-wrapmiddle > .fff-middle, |
||||
.fff-right > .status_id, |
||||
.fff-right > .story_points { |
||||
min-height: floor(.92 * $font-size-base * $line-height-base); |
||||
} |
||||
|
||||
.project { |
||||
display: block; |
||||
position: relative; |
||||
width: $story-project-width; |
||||
padding: $table-condensed-cell-padding 0 $table-condensed-cell-padding $table-condensed-cell-padding; |
||||
float: left; |
||||
overflow: hidden; |
||||
text-align: center; |
||||
white-space: nowrap; |
||||
|
||||
.t { |
||||
overflow: hidden; |
||||
} |
||||
} |
||||
|
||||
.fff-middle { |
||||
padding: $table-condensed-cell-padding 0; |
||||
} |
||||
|
||||
.subject { |
||||
@include text-overflow; |
||||
} |
||||
|
||||
&.closed .subject { |
||||
text-decoration: line-through; |
||||
} |
||||
|
||||
.status_id { |
||||
width: $story-status-width; |
||||
padding: $table-condensed-cell-padding 0 $table-condensed-cell-padding $table-condensed-cell-padding; |
||||
float: left; |
||||
white-space: nowrap; |
||||
} |
||||
|
||||
.story_points { |
||||
width: $story-right-width - ($story-status-width + $padding-base-horizontal + 1px); |
||||
padding: $table-condensed-cell-padding $table-condensed-cell-padding $table-condensed-cell-padding 0; |
||||
float: left; |
||||
text-align: right; |
||||
} |
||||
|
||||
.story_field { |
||||
overflow: hidden; |
||||
} |
||||
|
||||
.fixed_version_id, |
||||
.higher_item_id, |
||||
.story_project, |
||||
.user_status { |
||||
display: none; |
||||
} |
||||
|
||||
&.editing { |
||||
$input-padding-vertical-small: 3px; |
||||
$input-padding-horizontal-small: 5px; |
||||
|
||||
border-color: $highlight-border; |
||||
background-color: darken($highlight-bg, 10%); |
||||
cursor: default; |
||||
|
||||
+ .story { |
||||
border-top-color: $highlight-border; |
||||
} |
||||
|
||||
input, |
||||
select, |
||||
textarea { |
||||
border-color: $highlight-border; |
||||
|
||||
&:focus { |
||||
border-color: darken($highlight-border, 15%); |
||||
box-shadow: |
||||
inset 0 1px 2px rgba(0, 0, 0, .075), |
||||
0 0 5px rgba(darken($highlight-border, 15%), .5); |
||||
color: $gray-950; |
||||
} |
||||
} |
||||
|
||||
.editors { |
||||
@include clearfix; |
||||
display: block; |
||||
margin-left: $story-tracker-input-width + 5px; |
||||
padding: $table-condensed-cell-padding 0; |
||||
text-align: right; |
||||
|
||||
label { |
||||
display: none; |
||||
} |
||||
} |
||||
|
||||
.editor { |
||||
height: ($line-height-computed + ($input-padding-vertical-small * 2) + 2); |
||||
margin: 0; |
||||
margin-right: 5px; |
||||
padding: $input-padding-vertical-small $input-padding-horizontal-small; |
||||
font-family: inherit; |
||||
font-size: inherit; |
||||
vertical-align: top; |
||||
|
||||
&.tracker_id { |
||||
display: block; |
||||
width: $story-tracker-input-width; |
||||
margin-left: -($story-tracker-input-width + 5px); |
||||
float: left; |
||||
} |
||||
|
||||
&.status_id { |
||||
width: $story-status-input-width; |
||||
padding-right: 0; |
||||
float: left; |
||||
} |
||||
|
||||
&.story_points { |
||||
width: $story-sp-input-width; |
||||
margin-right: 0; |
||||
padding-right: 0; |
||||
float: left; |
||||
text-align: left; |
||||
} |
||||
|
||||
&.subject { |
||||
$subject-width-minus: $story-status-input-width + $story-sp-input-width + 5px * 2; |
||||
|
||||
width: calc(100% - #{$subject-width-minus}) !important; // stylelint-disable-line declaration-no-important |
||||
height: 60px; |
||||
float: left; |
||||
overflow: auto; |
||||
white-space: normal; |
||||
} |
||||
|
||||
&.category_id { |
||||
display: block; |
||||
top: 4px; |
||||
left: 456px; |
||||
width: 60px; |
||||
margin: 0; |
||||
} |
||||
} |
||||
|
||||
.story_field { |
||||
display: none; |
||||
} |
||||
|
||||
.project, |
||||
select.project_id.editor { |
||||
display: none; |
||||
} |
||||
|
||||
.edit-actions { |
||||
margin-top: 5px; |
||||
float: right; |
||||
} |
||||
} |
||||
} |
||||
|
||||
.closedbacklog .story { |
||||
cursor: default; |
||||
} |
||||
|
||||
// Override: display story subject in multiple lines |
||||
.rb-multilinesubject & .subject { |
||||
height: auto; |
||||
overflow: show; |
||||
white-space: normal; |
||||
} |
||||
|
||||
@if $color-trackers { |
||||
@each $tracker-id, $tracker-colors in $tracker-colors-map { |
||||
@include rb-tracker( |
||||
".tracker#{$tracker-id}", |
||||
map-get($tracker-colors, background), |
||||
map-get($tracker-colors, color) |
||||
); |
||||
} |
||||
} |
||||
} |
||||
|
||||
|
||||
//== Dialog |
||||
// |
||||
|
||||
.ui-dialog { |
||||
.ui-dialog-titlebar-close { |
||||
display: none; |
||||
} |
||||
|
||||
.ui-dialog-title { |
||||
margin-right: 0; |
||||
float: left; |
||||
} |
||||
|
||||
&.ui-widget-content { |
||||
@include nice-shadow(5); |
||||
border: 0 none; |
||||
} |
||||
|
||||
.ui-dialog-buttonpane.ui-widget-content { |
||||
border: 0 none; |
||||
} |
||||
|
||||
label { |
||||
display: block; |
||||
width: 100%; |
||||
font-size: 11px; |
||||
text-transform: capitalize; |
||||
} |
||||
|
||||
.editor { |
||||
width: 100%; |
||||
margin-bottom: 10px; |
||||
font-size: 12px; |
||||
} |
||||
} |
||||
|
||||
#sprint_editor .description { |
||||
height: 65px; |
||||
} |
||||
|
||||
|
||||
//== In-place Sprint Editor |
||||
// |
||||
|
||||
#backlogs_container { |
||||
|
||||
#backlogs_container .editing .editable { |
||||
display: none; |
||||
} |
||||
|
||||
.editing .edit-actions { |
||||
white-space: nowrap; |
||||
|
||||
a { |
||||
@include button-size($input-padding-vertical, $input-padding-horizontal, $font-size-base, $line-height-base, $border-radius-base); |
||||
display: inline-block; |
||||
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; |
||||
font-weight: $btn-font-weight; |
||||
text-align: center; |
||||
white-space: nowrap; |
||||
cursor: pointer; |
||||
user-select: none; |
||||
|
||||
&.save { |
||||
@include button-variant($btn-success-color, $btn-success-bg, $btn-success-border); |
||||
} |
||||
|
||||
&.cancel { |
||||
@include button-variant($btn-default-color, $btn-default-bg, $btn-default-border); |
||||
} |
||||
|
||||
+ a { |
||||
margin-left: 3px; |
||||
} |
||||
|
||||
&:hover, |
||||
&:active { |
||||
text-decoration: none; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
||||
|
||||
//== In-place Story Editor |
||||
// |
||||
|
||||
.debug { |
||||
.story { |
||||
.id, |
||||
.subject, |
||||
.status_id, |
||||
.story_points { |
||||
background-color: #f00; |
||||
} |
||||
} |
||||
|
||||
.header { |
||||
.name, |
||||
.sprint_start_date, |
||||
.effective_date, |
||||
.actions { |
||||
background-color: #f00; |
||||
} |
||||
} |
||||
|
||||
.menu, |
||||
.velocity, |
||||
#new_story { |
||||
background-color: #f00; |
||||
} |
||||
} |
||||
|
||||
|
||||
//== Completed sprints |
||||
// |
||||
|
||||
#show_completed_sprints { |
||||
margin-left: $padding-side * .5; |
||||
color: $gray-950; |
||||
cursor: pointer; |
||||
} |
||||
|
||||
|
||||
//== Datepicker bugfix: hide until it opens itself |
||||
// |
||||
|
||||
.ui-datepicker { |
||||
display: none; |
||||
} |
||||
@ -0,0 +1,63 @@
|
||||
@import "common"; |
||||
|
||||
table { |
||||
th, |
||||
td { |
||||
padding: $table-condensed-cell-padding $table-cell-padding; |
||||
} |
||||
} |
||||
|
||||
.ui-widget { |
||||
margin-bottom: $line-height-computed; |
||||
} |
||||
|
||||
.score { |
||||
display: inline-block; |
||||
width: 1.5em; |
||||
font-size: large; |
||||
text-align: center; |
||||
} |
||||
|
||||
.score_0 { |
||||
background-color: #f00; |
||||
} |
||||
|
||||
.score_1 { |
||||
background-color: #ff5300; |
||||
} |
||||
|
||||
.score_2 { |
||||
background-color: #ff8100; |
||||
} |
||||
|
||||
.score_3 { |
||||
background-color: #ffa100; |
||||
} |
||||
|
||||
.score_4 { |
||||
background-color: #fb0; |
||||
} |
||||
|
||||
.score_5 { |
||||
background-color: #ffd300; |
||||
} |
||||
|
||||
.score_6 { |
||||
background-color: #ffec00; |
||||
} |
||||
|
||||
.score_7 { |
||||
background-color: #e9fb00; |
||||
} |
||||
|
||||
.score_8 { |
||||
background-color: #b1f100; |
||||
} |
||||
|
||||
.score_9 { |
||||
background-color: #74e600; |
||||
} |
||||
|
||||
.score_10 { |
||||
background-color: #0c0; |
||||
} |
||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in new issue