* Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
*/
define([
- 'components/issue/views/action-options-view',
+ 'components/common/action-options-view',
'./templates'
], function (ActionOptionsView) {
var $ = jQuery;
-<h6>{{t 'coding_rules.filter_similar_rules'}}</h6>
+<header class="menu-search">
+ <h6>{{t 'coding_rules.filter_similar_rules'}}</h6>
+</header>
-<div class="issue-action-options">
- <a href="#" class="issue-action-option" data-property="languages" data-value="{{lang}}">
- {{langName}}
- </a>
+<ul class="menu">
+ <li>
+ <a href="#" class="issue-action-option" data-property="languages" data-value="{{lang}}">
+ {{langName}}
+ </a>
+ </li>
{{#if severity}}
- <a href="#" class="issue-action-option" data-property="severities" data-value="{{severity}}">
- {{severityHelper severity}}
- </a>
+ <li>
+ <a href="#" class="issue-action-option" data-property="severities" data-value="{{severity}}">
+ {{severityHelper severity}}
+ </a>
+ </li>
{{/if}}
{{#if debtChar}}
- <hr>
+ <li class="divider"></li>
- <a href="#" class="issue-action-option" data-property="debt_characteristics" data-value="{{debtChar}}">
- {{debtCharName}}
- </a>
+ <li>
+ <a href="#" class="issue-action-option" data-property="debt_characteristics" data-value="{{debtChar}}">
+ {{debtCharName}}
+ </a>
+ </li>
{{#if debtSubChar}}
- <a href="#" class="issue-action-option" data-property="debt_characteristics" data-value="{{debtSubChar}}">
- {{debtSubCharName}}
- </a>
+ <li>
+ <a href="#" class="issue-action-option" data-property="debt_characteristics" data-value="{{debtSubChar}}">
+ {{debtSubCharName}}
+ </a>
+ </li>
{{/if}}
{{/if}}
{{#notEmpty tags}}
- <hr>
+ <li class="divider"></li>
{{#each tags}}
- <a href="#" class="issue-action-option" data-property="tags" data-value="{{this}}">
- <i class="icon-tags icon-half-transparent"></i> {{this}}
- </a>
+ <li>
+ <a href="#" class="issue-action-option" data-property="tags" data-value="{{this}}">
+ <i class="icon-tags icon-half-transparent"></i> {{this}}
+ </a>
+ </li>
{{/each}}
{{/notEmpty}}
-</div>
+</ul>
<div class="bubble-popup-arrow"></div>
define([
- 'components/issue/views/action-options-view',
+ 'components/common/action-options-view',
'./templates'
], function (ActionOptionsView) {
return ActionOptionsView.extend({
template: Templates['issues-issue-filter-form'],
- selectInitialOption: function () {
- return this.makeActive(this.getOptions().first());
- },
-
selectOption: function (e) {
var property = $(e.currentTarget).data('property'),
value = $(e.currentTarget).data('value');
this.trigger('select', property, value);
- return ActionOptionsView.prototype.selectOption.apply(this, arguments);
+ this._super(e);
},
serializeData: function () {
- return _.extend(ActionOptionsView.prototype.serializeData.apply(this, arguments), {
+ return _.extend(this._super(), {
s: this.model.get('severity')
});
}
-<h6>{{t "issue.filter_similar_issues"}}</h6>
+<header class="menu-search">
+ <h6>{{t "issue.filter_similar_issues"}}</h6>
+</header>
-<div class="issue-action-options">
- <a href="#" class="issue-action-option" data-property="severities" data-value="{{s}}">
- {{severityIcon severity}} {{t "severity" severity}}
- </a>
-
- <a href="#" class="issue-action-option" data-property="statuses" data-value="{{status}}">
- {{statusIcon status}} {{t "issue.status" status}}
- </a>
-
- {{#if resolution}}
- <a href="#" class="issue-action-option" data-property="resolutions" data-value="{{resolution}}">
- {{t "issue.resolution" resolution}}
+<ul class="menu">
+ <li>
+ <a href="#" data-property="severities" data-value="{{s}}">
+ {{severityIcon severity}} {{t "severity" severity}}
</a>
- {{else}}
- <a href="#" class="issue-action-option" data-property="resolved" data-value="false">
- {{t "unresolved"}}
- </a>
- {{/if}}
+ </li>
- {{#if assignee}}
- <a href="#" class="issue-action-option" data-property="assignees" data-value="{{assignee}}">
- {{t "assigned_to"}} {{assigneeName}}
+ <li>
+ <a href="#" data-property="statuses" data-value="{{status}}">
+ {{statusIcon status}} {{t "issue.status" status}}
</a>
- {{else}}
- <a href="#" class="issue-action-option" data-property="assigned" data-value="false">
- {{t "unassigned"}}
- </a>
- {{/if}}
+ </li>
- {{#if actionPlan}}
- <a href="#" class="issue-action-option" data-property="actionPlans" data-value="{{actionPlan}}">
- {{t "issue.planned_for"}} {{actionPlanName}}
- </a>
- {{else}}
- <a href="#" class="issue-action-option" data-property="planned" data-value="false">
- {{t "issue.unplanned"}}
- </a>
- {{/if}}
+ <li>
+ {{#if resolution}}
+ <a href="#" data-property="resolutions" data-value="{{resolution}}">
+ {{t "issue.resolution" resolution}}
+ </a>
+ {{else}}
+ <a href="#" data-property="resolved" data-value="false">
+ {{t "unresolved"}}
+ </a>
+ {{/if}}
+ </li>
- <hr>
+ <li>
+ {{#if assignee}}
+ <a href="#" data-property="assignees" data-value="{{assignee}}">
+ {{t "assigned_to"}} {{assigneeName}}
+ </a>
+ {{else}}
+ <a href="#" data-property="assigned" data-value="false">
+ {{t "unassigned"}}
+ </a>
+ {{/if}}
+ </li>
- <a href="#" class="issue-action-option" data-property="rules" data-value="{{rule}}">
- {{limitString ruleName}}
- </a>
+ <li>
+ {{#if actionPlan}}
+ <a href="#" data-property="actionPlans" data-value="{{actionPlan}}">
+ {{t "issue.planned_for"}} {{actionPlanName}}
+ </a>
+ {{else}}
+ <a href="#" data-property="planned" data-value="false">
+ {{t "issue.unplanned"}}
+ </a>
+ {{/if}}
+ </li>
- {{#each tags}}
- <a href="#" class="issue-action-option" data-property="tags" data-value="{{this}}">
- <i class="icon-tags icon-half-transparent"></i> {{this}}
+ <li class="divider"></li>
+
+ <li>
+ <a href="#" data-property="rules" data-value="{{rule}}">
+ {{limitString ruleName}}
</a>
+ </li>
+
+ {{#each tags}}
+ <li>
+ <a href="#" data-property="tags" data-value="{{this}}">
+ <i class="icon-tags icon-half-transparent"></i> {{this}}
+ </a>
+ </li>
{{/each}}
- <hr>
+ <li class="divider"></li>
- <a href="#" class="issue-action-option" data-property="projectUuids" data-value="{{projectUuid}}">
- {{qualifierIcon "TRK"}} {{projectLongName}}
- </a>
+ <li>
+ <a href="#" data-property="projectUuids" data-value="{{projectUuid}}">
+ {{qualifierIcon "TRK"}} {{projectLongName}}
+ </a>
+ </li>
{{#if subProject}}
- <a href="#" class="issue-action-option" data-property="moduleUuids" data-value="{{subProjectUuid}}">
- {{qualifierIcon "BRC"}} {{subProjectLongName}}
- </a>
+ <li>
+ <a href="#" data-property="moduleUuids" data-value="{{subProjectUuid}}">
+ {{qualifierIcon "BRC"}} {{subProjectLongName}}
+ </a>
+ </li>
{{/if}}
- <a href="#" class="issue-action-option" data-property="fileUuids" data-value="{{componentUuid}}">
- {{qualifierIcon componentQualifier}} {{fileFromPath componentLongName}}
- </a>
-</div>
+ <li>
+ <a href="#" data-property="fileUuids" data-value="{{componentUuid}}">
+ {{qualifierIcon componentQualifier}} {{fileFromPath componentLongName}}
+ </a>
+ </li>
+</ul>
<div class="bubble-popup-arrow"></div>
--- /dev/null
+define([
+ 'components/common/popup'
+], function (PopupView) {
+
+ var $ = jQuery;
+
+ return PopupView.extend({
+ className: 'bubble-popup bubble-popup-menu',
+ keyScope: 'action-options',
+
+ ui: {
+ options: '.menu > li > a'
+ },
+
+ events: function () {
+ return {
+ 'click @ui.options': 'selectOption',
+ 'mouseenter @ui.options': 'activateOptionByPointer'
+ };
+ },
+
+ initialize: function () {
+ this.bindShortcuts();
+ },
+
+ onRender: function () {
+ PopupView.prototype.onRender.apply(this, arguments);
+ this.selectInitialOption();
+ },
+
+ getOptions: function () {
+ return this.$('.menu > li > a');
+ },
+
+ getActiveOption: function () {
+ return this.getOptions().filter('.active');
+ },
+
+ makeActive: function (option) {
+ if (option.length > 0) {
+ this.getOptions().removeClass('active').tooltip('hide');
+ option.addClass('active').tooltip('show');
+ }
+ },
+
+ selectInitialOption: function () {
+ this.makeActive(this.getOptions().first());
+ },
+
+ selectNextOption: function () {
+ this.makeActive(this.getActiveOption().parent().nextAll('li:not(.divider)').first().children('a'));
+ return false;
+ },
+
+ selectPreviousOption: function () {
+ this.makeActive(this.getActiveOption().parent().prevAll('li:not(.divider)').first().children('a'));
+ return false;
+ },
+
+ activateOptionByPointer: function (e) {
+ this.makeActive($(e.currentTarget));
+ },
+
+ bindShortcuts: function () {
+ var that = this;
+ this.currentKeyScope = key.getScope();
+ key.setScope(this.keyScope);
+ key('down', this.keyScope, function () {
+ return that.selectNextOption();
+ });
+ key('up', this.keyScope, function () {
+ return that.selectPreviousOption();
+ });
+ key('return', this.keyScope, function () {
+ return that.selectActiveOption();
+ });
+ key('escape', this.keyScope, function () {
+ return that.destroy();
+ });
+ key('backspace', this.keyScope, function () {
+ return false;
+ });
+ key('shift+tab', this.keyScope, function () {
+ return false;
+ });
+ },
+
+ unbindShortcuts: function () {
+ key.unbind('down', this.keyScope);
+ key.unbind('up', this.keyScope);
+ key.unbind('return', this.keyScope);
+ key.unbind('escape', this.keyScope);
+ key.unbind('backspace', this.keyScope);
+ key.unbind('tab', this.keyScope);
+ key.unbind('shift+tab', this.keyScope);
+ key.setScope(this.currentKeyScope);
+ },
+
+ onDestroy: function () {
+ PopupView.prototype.onDestroy.apply(this, arguments);
+ this.unbindShortcuts();
+ this.$('[data-toggle="tooltip"]').tooltip('destroy');
+ $('.tooltip').remove();
+ },
+
+ selectOption: function (e) {
+ e.preventDefault();
+ this.destroy();
+ },
+
+ selectActiveOption: function () {
+ this.getActiveOption().click();
+ }
+ });
+
+});
-<a href="#" class="issue-action-option js-issue-assignee" data-value="{{id}}" data-text="{{text}}">
- {{text}}
-</a>
+<li>
+ <a href="#" class="js-issue-assignee" data-value="{{id}}" data-text="{{text}}">
+ {{text}}
+ </a>
+</li>
-<div class="issue-action-options">
- <i class="icon-search issue-action-options-search-icon"></i>
- <input class="issue-action-options-search" type="text" placeholder="Search..." value="{{query}}">
+<div class="search-box menu-search">
+ <button class="search-box-submit button-clean">
+ <i class="icon-search-new"></i>
+ </button>
+ <input class="search-box-input" type="search" placeholder="Search" value="{{query}}">
</div>
+<ul class="menu"></ul>
+
<div class="bubble-popup-arrow"></div>
-<div class="issue-action-options">
+<ul class="menu">
{{#each items}}
{{#notEq status 'CLOSED'}}
- <a href="#" class="issue-action-option js-issue-assignee" data-value="{{key}}" data-text="{{name}}">
- {{name}}
- </a>
+ <li>
+ <a href="#" class="js-issue-assignee" data-value="{{key}}" data-text="{{name}}">
+ {{name}}
+ </a>
+ </li>
{{/notEq}}
{{/each}}
-</div>
+</ul>
<div class="bubble-popup-arrow"></div>
-<div class="issue-action-options">
+<ul class="menu">
{{#each items}}
- <a href="#" class="issue-action-option js-issue-severity" data-value="{{this}}">
- {{severityIcon this}} {{t 'severity' this}}
- </a>
+ <li>
+ <a href="#" class="js-issue-severity" data-value="{{this}}">
+ {{severityIcon this}} {{t 'severity' this}}
+ </a>
+ </li>
{{/each}}
-</div>
+</ul>
<div class="bubble-popup-arrow"></div>
-<a href="#" class="issue-action-option" data-value="{{tag}}" data-text="{{tag}}"
- {{#if selected}}data-selected{{/if}}>
+<li>
+ <a href="#" data-value="{{tag}}" data-text="{{tag}}"
+ {{#if selected}}data-selected{{/if}}>
- {{#if selected}}
- <i class="icon-checkbox icon-checkbox-checked"></i>
- {{else}}
- <i class="icon-checkbox"></i>
- {{/if}}
+ {{#if selected}}
+ <i class="icon-checkbox icon-checkbox-checked"></i>
+ {{else}}
+ <i class="icon-checkbox"></i>
+ {{/if}}
- {{#if custom}}
- + {{tag}}
- {{else}}
- {{tag}}
- {{/if}}
-</a>
+ {{#if custom}}
+ + {{tag}}
+ {{else}}
+ {{tag}}
+ {{/if}}
+ </a>
+</li>
-<div class="issue-action-options">
- <i class="icon-search issue-action-options-search-icon"></i>
- <input class="issue-action-options-search" type="text" placeholder="Search..." value="{{query}}">
+<div class="search-box menu-search">
+ <button class="search-box-submit button-clean">
+ <i class="icon-search-new"></i>
+ </button>
+ <input class="search-box-input" type="search" placeholder="Search" value="{{query}}">
</div>
+<ul class="menu"></ul>
+
<div class="bubble-popup-arrow"></div>
-<div class="issue-action-options">
+<ul class="menu">
{{#each transitions}}
- <a href="#" class="issue-action-option js-issue-transition" data-value="{{this}}"
- title="{{t 'issue.transition' this 'description'}}" data-placement="right" data-toggle="tooltip">
- {{t 'issue.transition' this}}
- </a>
+ <li>
+ <a href="#" class="js-issue-transition" data-value="{{this}}"
+ title="{{t 'issue.transition' this 'description'}}" data-placement="right" data-container="body">
+ {{t 'issue.transition' this}}
+ </a>
+ </li>
{{/each}}
-</div>
+</ul>
<div class="bubble-popup-arrow"></div>
+++ /dev/null
-define([
- 'components/common/popup'
-], function (PopupView) {
-
- var $ = jQuery;
-
- return PopupView.extend({
- keyScope: 'issue-action-options',
-
- ui: {
- options: '.issue-action-option'
- },
-
- events: function () {
- return {
- 'click .issue-action-option': 'selectOption',
- 'mouseenter .issue-action-option': 'activateOptionByPointer'
- };
- },
-
- initialize: function () {
- this.bindShortcuts();
- },
-
- onRender: function () {
- PopupView.prototype.onRender.apply(this, arguments);
- this.selectInitialOption();
- this.$('[data-toggle="tooltip"]').tooltip({ container: 'body' });
- },
-
- getOptions: function () {
- return this.$('.issue-action-option');
- },
-
- getActiveOption: function () {
- return this.getOptions().filter('.active');
- },
-
- makeActive: function (option) {
- if (option.length > 0) {
- this.getOptions().removeClass('active');
- option.addClass('active');
- }
- },
-
- selectInitialOption: function () {
- this.makeActive(this.getOptions().first());
- },
-
- selectNextOption: function () {
- this.makeActive(this.getActiveOption().nextAll('.issue-action-option').first());
- return false;
- },
-
- selectPreviousOption: function () {
- this.makeActive(this.getActiveOption().prevAll('.issue-action-option').first());
- return false;
- },
-
- activateOptionByPointer: function (e) {
- this.makeActive($(e.currentTarget));
- },
-
- bindShortcuts: function () {
- var that = this;
- this.currentKeyScope = key.getScope();
- key.setScope(this.keyScope);
- key('down', this.keyScope, function () {
- return that.selectNextOption();
- });
- key('up', this.keyScope, function () {
- return that.selectPreviousOption();
- });
- key('return', this.keyScope, function () {
- return that.selectActiveOption();
- });
- key('escape', this.keyScope, function () {
- return that.destroy();
- });
- key('backspace', this.keyScope, function () {
- return false;
- });
- key('shift+tab', this.keyScope, function () {
- return false;
- });
- },
-
- unbindShortcuts: function () {
- key.unbind('down', this.keyScope);
- key.unbind('up', this.keyScope);
- key.unbind('return', this.keyScope);
- key.unbind('escape', this.keyScope);
- key.unbind('backspace', this.keyScope);
- key.unbind('tab', this.keyScope);
- key.unbind('shift+tab', this.keyScope);
- key.setScope(this.currentKeyScope);
- },
-
- onDestroy: function () {
- PopupView.prototype.onDestroy.apply(this, arguments);
- this.unbindShortcuts();
- this.$('[data-toggle="tooltip"]').tooltip('destroy');
- $('.tooltip').remove();
- },
-
- selectOption: function (e) {
- e.preventDefault();
- this.destroy();
- },
-
- selectActiveOption: function () {
- this.getActiveOption().click();
- }
- });
-
-});
define([
- './action-options-view',
+ 'components/common/action-options-view',
'../templates'
], function (ActionOptionsView) {
},
initialize: function () {
- ActionOptionsView.prototype.initialize.apply(this, arguments);
- this.assignees = [];
+ this._super();
+ this.assignees = null;
this.debouncedSearch = _.debounce(this.search, 250);
},
onRender: function () {
var that = this;
- ActionOptionsView.prototype.onRender.apply(this, arguments);
+ this._super();
this.renderTags();
setTimeout(function () {
that.$('input').focus();
},
renderTags: function () {
- this.$('.issue-action-option').remove();
+ this.$('.menu').empty();
this.getAssignees().forEach(this.renderAssignee, this);
+ this.bindUIElements();
this.selectInitialOption();
},
renderAssignee: function (assignee) {
var html = this.optionTemplate(assignee);
- this.$('.issue-action-options').append(html);
+ this.$('.menu').append(html);
},
selectOption: function (e) {
var assignee = $(e.currentTarget).data('value'),
assigneeName = $(e.currentTarget).data('text');
this.submit(assignee, assigneeName);
- return ActionOptionsView.prototype.selectOption.apply(this, arguments);
+ return this._super(e);
},
submit: function (assignee, assigneeName) {
that.resetAssignees(data.users);
});
} else {
- this.resetAssignees([]);
+ this.resetAssignees();
}
},
resetAssignees: function (users) {
- this.assignees = users.map(function (user) {
- return { id: user.login, text: user.name };
- });
+ if (users) {
+ this.assignees = users.map(function (user) {
+ return { id: user.login, text: user.name };
+ });
+ } else {
+ this.assignees = null;
+ }
this.renderTags();
},
getAssignees: function () {
- if (this.assignees.length > 0) {
+ if (this.assignees) {
return this.assignees;
}
var assignees = [{ id: '', text: t('unassigned') }],
define([
- './action-options-view',
+ 'components/common/action-options-view',
'../templates'
], function (ActionOptionsView) {
define([
- './action-options-view',
+ 'components/common/action-options-view',
'../templates'
], function (ActionOptionsView) {
define([
- './action-options-view',
+ 'components/common/action-options-view',
'../templates'
], function (ActionOptionsView) {
requestTags: function () {
var that = this;
- return $.get(baseUrl + '/api/issues/tags', { ps: 25 }).done(function (data) {
+ return $.get(baseUrl + '/api/issues/tags', { ps: 10 }).done(function (data) {
that.tags = data.tags;
that.renderTags();
});
},
renderTags: function () {
- this.$('.issue-action-option').remove();
+ this.$('.menu').empty();
this.filterTags(this.getTags()).forEach(this.renderSelectedTag, this);
this.filterTags(_.difference(this.tags, this.getTags())).forEach(this.renderTag, this);
if (this.query.length > 0 && this.tags.indexOf(this.query) === -1 && this.getTags().indexOf(this.query) === -1) {
selected: true,
custom: false
});
- return this.$('.issue-action-options').append(html);
+ return this.$('.menu').append(html);
},
renderTag: function (tag) {
selected: false,
custom: false
});
- return this.$('.issue-action-options').append(html);
+ return this.$('.menu').append(html);
},
renderCustomTag: function (tag) {
selected: false,
custom: true
});
- return this.$('.issue-action-options').append(html);
+ return this.$('.menu').append(html);
},
selectOption: function (e) {
define([
- './action-options-view',
+ 'components/common/action-options-view',
'../templates'
], function (ActionOptionsView) {
box-shadow: @defaultShadow;
}
+.bubble-popup-menu {
+ padding: 0;
+}
+
.bubble-popup-arrow,
.bubble-popup-arrow:after {
position: absolute;
text-align: left; // Ensures proper alignment if parent has it changed (e.g., modal footer)
background-color: #fff;
border: 1px solid @barBorderColor;
- box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
+ box-shadow: @defaultShadow;
background-clip: padding-box;
&.pull-right {
white-space: nowrap;
}
-.issue-action-options {
- position: relative;
- min-width: 120px;
- margin: 0 -10px;
- font-size: @smallFontSize;
-}
-
-.issue-action-option {
- display: block;
- padding: 3px 10px;
-}
-
-a.issue-action-option {
- border-bottom: none;
- color: @baseFontColor;
-
- &.active {
- background-color: @barBackgroundColor;
- color: @baseFontColor;
- }
-}
-
input.issue-action-options-search {
padding: 0 10px 0 30px;
border: none;
*/
@import (reference) "../mixins";
@import (reference) "../variables";
+@import (reference) "../init/links";
+@import (reference) "../init/type";
@import (reference) "ui";
.menu {
> li > a,
> li > span {
display: block;
- padding: 4px 20px;
+ padding: 4px 16px;
line-height: 16px;
clear: both;
font-weight: normal;
> li > a {
color: @baseFontColor;
+ .link-no-underline;
+ .trans(none);
}
.divider {
&:hover, &:focus {
text-decoration: none;
color: @baseFontColor;
- background-color: @lightBlue;
+ background-color: @barBackgroundColor;
}
}
-
-.menu > .active > a {
+.menu > .active > a,
+.menu > li > a.active {
&, &:hover, &:focus {
color: @baseFontColor;
text-decoration: none;
outline: 0;
- background-color: @lightBlue;
+ background-color: @barBackgroundColor;
}
}
+
+.menu-search {
+ padding: 4px 16px 0;
+
+ .search-box-input { font-size: @smallFontSize; }
+}
color: @secondFontColor;
font-size: @iconSmallFontSize;
}
+
+ .icon-search-new {
+ position: relative;
+ top: 1px;
+ }
}
content: "\f002";
font-size: @iconFontSize;
}
+.icon-search-new {
+ display: inline-block;
+ vertical-align: top;
+ .square(16px);
+ background-size: 13px 14px;
+ background: no-repeat center center;
+ background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2213%22%20height%3D%2214%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%221.414%22%3E%3Cpath%20d%3D%22M9%206.5c0-.964-.342-1.788-1.027-2.473C7.288%203.342%206.463%203%205.5%203c-.964%200-1.788.342-2.473%201.027C2.342%204.712%202%205.537%202%206.5c0%20.964.342%201.788%201.027%202.473C3.712%209.658%204.537%2010%205.5%2010c.964%200%201.788-.342%202.473-1.027C8.658%208.288%209%207.463%209%206.5zm4%206.5c0%20.27-.1.505-.297.703-.198.198-.432.297-.703.297-.28%200-.516-.1-.703-.297l-2.68-2.672c-.932.647-1.97.97-3.117.97-.745%200-1.457-.145-2.137-.434-.68-.29-1.265-.68-1.758-1.171-.492-.493-.882-1.08-1.17-1.758C.144%207.957%200%207.245%200%206.5c0-.745.145-1.457.434-2.137.29-.68.68-1.265%201.17-1.758.494-.492%201.08-.882%201.76-1.17C4.043%201.144%204.753%201%205.5%201c.745%200%201.457.145%202.137.434.68.29%201.265.68%201.758%201.17.492.494.882%201.08%201.17%201.76.29.68.435%201.39.435%202.136%200%201.146-.323%202.185-.97%203.117l2.68%202.68c.194.193.29.427.29.703z%22%20fill%3D%22%23777%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E');
+}
.icon-edit:before {
content: "\f040";
font-size: @iconFontSize;
* Shadows
*/
-@defaultShadow: 10px 10px 20px rgba(0, 0, 0, 0.5);
+@defaultShadow: 0 6px 12px rgba(0, 0, 0, .175);
})
.then(function () {
- casper.waitForSelector('.issue-action-option[data-value=design]');
+ casper.waitForSelector('a[data-value=design]');
})
.then(function () {
- casper.click('.issue-action-option[data-value=design]');
+ casper.click('a[data-value=design]');
test.assertSelectorContains('.issue.selected .js-issue-tags', 'security, cwe, design');
})
.then(function () {
- casper.click('.issue-action-option[data-value=cwe]');
+ casper.click('a[data-value=cwe]');
test.assertSelectorContains('.issue.selected .js-issue-tags', 'security, design');
})
.then(function () {
casper.click('.issue.selected .js-issue-transition');
- casper.waitForSelector('.issue-action-option');
+ casper.waitForSelector('.menu > li > a');
})
.then(function () {
- test.assertExists('.issue-action-option[data-value=unconfirm]');
- test.assertExists('.issue-action-option[data-value=resolve]');
- test.assertExists('.issue-action-option[data-value=falsepositive]');
+ test.assertExists('a[data-value=unconfirm]');
+ test.assertExists('a[data-value=resolve]');
+ test.assertExists('a[data-value=falsepositive]');
})
.then(function () {
projects / sonarqube.git / commitdiff