import PlusCircleIcon from '../../../../components/icons-components/PlusCircleIcon';
import HelpTooltip from '../../../../components/controls/HelpTooltip';
import Toggler from '../../../../components/controls/Toggler';
-import Tooltip from '../../../../components/controls/Tooltip';
import DropdownIcon from '../../../../components/icons-components/DropdownIcon';
import { isSonarCloud } from '../../../../helpers/system';
href="#"
onClick={this.handleClick}>
<BranchIcon branchLike={currentBranchLike} className="little-spacer-right" />
- <Tooltip mouseEnterDelay={1} overlay={displayName}>
- <span className="text-limited text-top">{displayName}</span>
- </Tooltip>
+ <span className="text-limited text-top" title={displayName}>
+ {displayName}
+ </span>
<DropdownIcon className="little-spacer-left" />
</a>
</Toggler>
} from '../../../../helpers/branches';
import { translate } from '../../../../helpers/l10n';
import { getBranchLikeUrl } from '../../../../helpers/urls';
-import Tooltip from '../../../../components/controls/Tooltip';
export interface Props {
branchLike: BranchLike;
active: props.selected
})}
to={getBranchLikeUrl(props.component.key, branchLike)}>
- <Tooltip mouseEnterDelay={0.5} overlay={displayName} placement="left">
- <div className="navbar-context-meta-branch-menu-item-name text-ellipsis">
- <BranchIcon
- branchLike={branchLike}
- className={classNames('little-spacer-right', { 'big-spacer-left': shouldBeIndented })}
- />
- {displayName}
- {isMainBranch(branchLike) && (
- <div className="outline-badge spacer-left">{translate('branches.main_branch')}</div>
- )}
- </div>
- </Tooltip>
+ <div
+ className="navbar-context-meta-branch-menu-item-name text-ellipsis"
+ title={displayName}>
+ <BranchIcon
+ branchLike={branchLike}
+ className={classNames('little-spacer-right', { 'big-spacer-left': shouldBeIndented })}
+ />
+ {displayName}
+ {isMainBranch(branchLike) && (
+ <div className="outline-badge spacer-left">{translate('branches.main_branch')}</div>
+ )}
+ </div>
<div className="big-spacer-left note">
<BranchStatus branchLike={branchLike} concise={true} />
</div>
}
className="little-spacer-right"
/>
- <Tooltip
- mouseEnterDelay={1}
- overlay="master"
+ <span
+ className="text-limited text-top"
+ title="master"
>
- <span
- className="text-limited text-top"
- >
- master
- </span>
- </Tooltip>
+ master
+ </span>
<DropdownIcon
className="little-spacer-left"
/>
}
className="little-spacer-right"
/>
- <Tooltip
- mouseEnterDelay={1}
- overlay="1234 – Feature PR"
+ <span
+ className="text-limited text-top"
+ title="1234 – Feature PR"
>
- <span
- className="text-limited text-top"
- >
- 1234 – Feature PR
- </span>
- </Tooltip>
+ 1234 – Feature PR
+ </span>
<DropdownIcon
className="little-spacer-left"
/>
}
className="little-spacer-right"
/>
- <Tooltip
- mouseEnterDelay={1}
- overlay="foo"
+ <span
+ className="text-limited text-top"
+ title="foo"
>
- <span
- className="text-limited text-top"
- >
- foo
- </span>
- </Tooltip>
+ foo
+ </span>
<DropdownIcon
className="little-spacer-left"
/>
}
}
>
- <Tooltip
- mouseEnterDelay={0.5}
- overlay="master"
- placement="left"
+ <div
+ className="navbar-context-meta-branch-menu-item-name text-ellipsis"
+ title="master"
>
+ <BranchIcon
+ branchLike={
+ Object {
+ "isMain": true,
+ "name": "master",
+ }
+ }
+ className="little-spacer-right"
+ />
+ master
<div
- className="navbar-context-meta-branch-menu-item-name text-ellipsis"
+ className="outline-badge spacer-left"
>
- <BranchIcon
- branchLike={
- Object {
- "isMain": true,
- "name": "master",
- }
- }
- className="little-spacer-right"
- />
- master
- <div
- className="outline-badge spacer-left"
- >
- branches.main_branch
- </div>
+ branches.main_branch
</div>
- </Tooltip>
+ </div>
<div
className="big-spacer-left note"
>
}
}
>
- <Tooltip
- mouseEnterDelay={0.5}
- overlay="foo"
- placement="left"
+ <div
+ className="navbar-context-meta-branch-menu-item-name text-ellipsis"
+ title="foo"
>
- <div
- className="navbar-context-meta-branch-menu-item-name text-ellipsis"
- >
- <BranchIcon
- branchLike={
- Object {
- "isMain": false,
- "mergeBranch": "master",
- "name": "foo",
- "status": Object {
- "bugs": 1,
- "codeSmells": 2,
- "qualityGateStatus": "ERROR",
- "vulnerabilities": 3,
- },
- "type": "SHORT",
- }
+ <BranchIcon
+ branchLike={
+ Object {
+ "isMain": false,
+ "mergeBranch": "master",
+ "name": "foo",
+ "status": Object {
+ "bugs": 1,
+ "codeSmells": 2,
+ "qualityGateStatus": "ERROR",
+ "vulnerabilities": 3,
+ },
+ "type": "SHORT",
}
- className="little-spacer-right big-spacer-left"
- />
- foo
- </div>
- </Tooltip>
+ }
+ className="little-spacer-right big-spacer-left"
+ />
+ foo
+ </div>
<div
className="big-spacer-left note"
>
}
}
>
- <Tooltip
- mouseEnterDelay={0.5}
- overlay="foo"
- placement="left"
+ <div
+ className="navbar-context-meta-branch-menu-item-name text-ellipsis"
+ title="foo"
>
- <div
- className="navbar-context-meta-branch-menu-item-name text-ellipsis"
- >
- <BranchIcon
- branchLike={
- Object {
- "isMain": false,
- "isOrphan": true,
- "mergeBranch": "master",
- "name": "foo",
- "status": Object {
- "bugs": 1,
- "codeSmells": 2,
- "qualityGateStatus": "ERROR",
- "vulnerabilities": 3,
- },
- "type": "SHORT",
- }
+ <BranchIcon
+ branchLike={
+ Object {
+ "isMain": false,
+ "isOrphan": true,
+ "mergeBranch": "master",
+ "name": "foo",
+ "status": Object {
+ "bugs": 1,
+ "codeSmells": 2,
+ "qualityGateStatus": "ERROR",
+ "vulnerabilities": 3,
+ },
+ "type": "SHORT",
}
- className="little-spacer-right"
- />
- foo
- </div>
- </Tooltip>
+ }
+ className="little-spacer-right"
+ />
+ foo
+ </div>
<div
className="big-spacer-left note"
>
import ShortLivingBranchIcon from '../../../components/icons-components/ShortLivingBranchIcon';
import LongLivingBranchIcon from '../../../components/icons-components/LongLivingBranchIcon';
import PullRequestIcon from '../../../components/icons-components/PullRequestIcon';
-import Tooltip from '../../../components/controls/Tooltip';
interface Props {
task: Task;
)}
{task.pullRequest && (
- <Tooltip overlay={task.pullRequestTitle}>
- <span className="text-limited text-text-top">
- <span style={{ marginLeft: 5, marginRight: 5 }}>/</span>
- {task.pullRequest}
- </span>
- </Tooltip>
+ <span className="text-limited text-text-top" title={task.pullRequestTitle}>
+ <span style={{ marginLeft: 5, marginRight: 5 }}>/</span>
+ {task.pullRequest}
+ </span>
)}
</Link>
)}
}
>
foo
- <Tooltip>
+ <span
+ className="text-limited text-text-top"
+ >
<span
- className="text-limited text-text-top"
- >
- <span
- style={
- Object {
- "marginLeft": 5,
- "marginRight": 5,
- }
+ style={
+ Object {
+ "marginLeft": 5,
+ "marginRight": 5,
}
- >
- /
- </span>
- pr-89
+ }
+ >
+ /
</span>
- </Tooltip>
+ pr-89
+ </span>
</Link>
<TaskType
type="REPORT"
import Modal from '../../../components/controls/Modal';
import Select from '../../../components/controls/Select';
import SeverityHelper from '../../../components/shared/SeverityHelper';
-import Tooltip from '../../../components/controls/Tooltip';
import { activateRule, Profile as BaseProfile } from '../../../api/quality-profiles';
import { Rule, RuleDetails, RuleActivation } from '../../../app/types';
import { SEVERITIES } from '../../../helpers/constants';
) : (
params.map(param => (
<div className="modal-field" key={param.key}>
- <label>
- <Tooltip overlay={param.key}>
- <span>{param.key}</span>
- </Tooltip>
- </label>
+ <label title={param.key}>{param.key}</label>
{param.type === 'TEXT' ? (
<textarea
className="width100"
{!ruleDetails.isExternal && (
<Link
className="coding-rules-detail-permalink link-no-underline spacer-left text-middle"
+ title={translate('permalink')}
to={getRuleUrl(ruleDetails.key, this.props.organization)}>
<LinkIcon />
</Link>
</ul>
</>
}>
- <a className="js-rule-filter link-no-underline spacer-left dropdown-toggle" href="#">
+ <a
+ className="js-rule-filter link-no-underline spacer-left dropdown-toggle"
+ href="#"
+ title={translate('coding_rules.filter_similar_rules')}>
<FilterIcon className="icon-half-transparent" />
<DropdownIcon className="icon-half-transparent" />
</a>
className="coding-rules-detail-permalink link-no-underline spacer-left text-middle"
onlyActiveOnIndex={false}
style={Object {}}
+ title="permalink"
to={
Object {
"pathname": "/coding_rules",
import FacetBox from '../../../components/facet/FacetBox';
import FacetItem from '../../../components/facet/FacetItem';
import FacetItemsList from '../../../components/facet/FacetItemsList';
-import Tooltip from '../../../components/controls/Tooltip';
import { translate } from '../../../helpers/l10n';
/*:: type Props = {|
disabled={false}
key={value}
name={
- <Tooltip overlay={facetName} mouseEnterDelay={0.5}>
- <strong id={`measure-overview-${value}-name`}>{facetName}</strong>
- </Tooltip>
+ <strong id={`measure-overview-${value}-name`} title={facetName}>
+ {facetName}
+ </strong>
}
onClick={onChange}
value={value}
* Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
*/
import * as React from 'react';
-import Tooltip from '../../../components/controls/Tooltip';
import { Event as IEvent } from '../../../api/projectActivity';
import { translate } from '../../../helpers/l10n';
export default function Event({ event }: Props) {
if (event.category === 'VERSION') {
return (
- <Tooltip mouseEnterDelay={0.5} overlay={`${translate('version')} ${event.name}`}>
- <span className="overview-analysis-event badge">{event.name}</span>
- </Tooltip>
+ <span
+ className="overview-analysis-event badge"
+ title={`${translate('version')} ${event.name}`}>
+ {event.name}
+ </span>
);
}
<div className="overview-analysis-event">
<span className="note">{translate('event.category', event.category)}:</span>{' '}
{event.description ? (
- <Tooltip mouseEnterDelay={0.5} overlay={event.description}>
- <strong>{event.name}</strong>
- </Tooltip>
+ <strong title={event.description}>{event.name}</strong>
) : (
<strong>{event.name}</strong>
)}
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`should render a version correctly 1`] = `
-<Tooltip
- mouseEnterDelay={0.5}
- overlay="version 6.5-SNAPSHOT"
+<span
+ className="overview-analysis-event badge"
+ title="version 6.5-SNAPSHOT"
>
- <span
- className="overview-analysis-event badge"
- >
- 6.5-SNAPSHOT
- </span>
-</Tooltip>
+ 6.5-SNAPSHOT
+</span>
`;
exports[`should render an event correctly 1`] = `
*/
// @flow
import React from 'react';
-import Tooltip from '../../../components/controls/Tooltip';
import ProjectEventIcon from '../../../components/icons-components/ProjectEventIcon';
import { translate } from '../../../helpers/l10n';
/*:: import type { Event as EventType } from '../types'; */
className={'project-activity-event-icon margin-align ' + event.category}
/>
</div>
- <Tooltip mouseEnterDelay={0.5} overlay={event.name}>
- <span className="project-activity-event-inner-text">
- <span className="note">{translate('event.category', event.category)}:</span>{' '}
- <strong title={event.description}>{event.name}</strong>
- </span>
- </Tooltip>
+ <span className="project-activity-event-inner-text">
+ <span className="note">{translate('event.category', event.category)}:</span>{' '}
+ <strong title={event.description}>{event.name}</strong>
+ </span>
</div>
);
}
import { getRatingTooltip } from './utils';
import Rating from '../ui/Rating';
import Level from '../ui/Level';
-import Tooltips from '../controls/Tooltip';
+import Tooltip from '../controls/Tooltip';
import { formatMeasure } from '../../helpers/measures';
interface Props {
const rating = <Rating small={small} value={value} />;
if (tooltip) {
return (
- <Tooltips overlay={tooltip}>
+ <Tooltip overlay={tooltip}>
<span className={className}>{rating}</span>
- </Tooltips>
+ </Tooltip>
);
}
return rating;