Nemcio/SCM-Manager
1
0
Fork 0
mirror of https://github.com/scm-manager/scm-manager.git synced 2025-11-10 07:25:44 +01:00
Code Issues Packages Projects Releases Activity

remove useless class

Browse Source
This commit is contained in:
Eduard Heimbuch
2020-06-22 11:27:05 +02:00
parent d2346278f1
commit dcf1fd84c5
2 changed files with 261 additions and 70 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
scm-ui/ui-components/src/Tooltip.tsx
View File

@@ -38,9 +38,8 @@ class Tooltip extends React.Component<Props> {
render() { render() {
const { className, message, location, children } = this.props; const { className, message, location, children } = this.props;
const multiline = message.length > 60 ? "is-multiline" : "";
return ( return (
<span className={classNames("tooltip", "has-tooltip-" + location, multiline, className)} data-tooltip={message}> <span className={classNames("tooltip", "has-tooltip-" + location, className)} data-tooltip={message}>
{children} {children}
</span> </span>
); );

320
scm-ui/ui-components/src/__snapshots__/storyshots.test.ts.snap
View File

@@ -17281,7 +17281,7 @@ exports[`Storyshots Diff File Controls 1`] = `
className="control" className="control"
> >
<span <span
className="tooltip has-tooltip-top is-multiline" className="tooltip has-tooltip-top"
data-tooltip="A skull and crossbones or death's head is a symbol consisting of a human skull and two long bones crossed together under or behind the skull. The design originates in the Late Middle Ages as a symbol of death and especially as a memento mori on tombstones." data-tooltip="A skull and crossbones or death's head is a symbol consisting of a human skull and two long bones crossed together under or behind the skull. The design originates in the Late Middle Ages as a symbol of death and especially as a memento mori on tombstones."
> >
<a <a
@@ -17862,7 +17862,7 @@ exports[`Storyshots Diff File Controls 1`] = `
className="control" className="control"
> >
<span <span
className="tooltip has-tooltip-top is-multiline" className="tooltip has-tooltip-top"
data-tooltip="A skull and crossbones or death's head is a symbol consisting of a human skull and two long bones crossed together under or behind the skull. The design originates in the Late Middle Ages as a symbol of death and especially as a memento mori on tombstones." data-tooltip="A skull and crossbones or death's head is a symbol consisting of a human skull and two long bones crossed together under or behind the skull. The design originates in the Late Middle Ages as a symbol of death and especially as a memento mori on tombstones."
> >
<a <a
@@ -18720,7 +18720,7 @@ exports[`Storyshots Diff File Controls 1`] = `
className="control" className="control"
> >
<span <span
className="tooltip has-tooltip-top is-multiline" className="tooltip has-tooltip-top"
data-tooltip="A skull and crossbones or death's head is a symbol consisting of a human skull and two long bones crossed together under or behind the skull. The design originates in the Late Middle Ages as a symbol of death and especially as a memento mori on tombstones." data-tooltip="A skull and crossbones or death's head is a symbol consisting of a human skull and two long bones crossed together under or behind the skull. The design originates in the Late Middle Ages as a symbol of death and especially as a memento mori on tombstones."
> >
<a <a
@@ -19174,7 +19174,7 @@ exports[`Storyshots Diff File Controls 1`] = `
className="control" className="control"
> >
<span <span
className="tooltip has-tooltip-top is-multiline" className="tooltip has-tooltip-top"
data-tooltip="A skull and crossbones or death's head is a symbol consisting of a human skull and two long bones crossed together under or behind the skull. The design originates in the Late Middle Ages as a symbol of death and especially as a memento mori on tombstones." data-tooltip="A skull and crossbones or death's head is a symbol consisting of a human skull and two long bones crossed together under or behind the skull. The design originates in the Late Middle Ages as a symbol of death and especially as a memento mori on tombstones."
> >
<a <a
@@ -19628,7 +19628,7 @@ exports[`Storyshots Diff File Controls 1`] = `
className="control" className="control"
> >
<span <span
className="tooltip has-tooltip-top is-multiline" className="tooltip has-tooltip-top"
data-tooltip="A skull and crossbones or death's head is a symbol consisting of a human skull and two long bones crossed together under or behind the skull. The design originates in the Late Middle Ages as a symbol of death and especially as a memento mori on tombstones." data-tooltip="A skull and crossbones or death's head is a symbol consisting of a human skull and two long bones crossed together under or behind the skull. The design originates in the Late Middle Ages as a symbol of death and especially as a memento mori on tombstones."
> >
<a <a
@@ -20689,7 +20689,7 @@ exports[`Storyshots Diff File Controls 1`] = `
className="control" className="control"
> >
<span <span
className="tooltip has-tooltip-top is-multiline" className="tooltip has-tooltip-top"
data-tooltip="A skull and crossbones or death's head is a symbol consisting of a human skull and two long bones crossed together under or behind the skull. The design originates in the Late Middle Ages as a symbol of death and especially as a memento mori on tombstones." data-tooltip="A skull and crossbones or death's head is a symbol consisting of a human skull and two long bones crossed together under or behind the skull. The design originates in the Late Middle Ages as a symbol of death and especially as a memento mori on tombstones."
> >
<a <a
@@ -43584,81 +43584,273 @@ exports[`Storyshots Toast Warning 1`] = `null`;
exports[`Storyshots Tooltip Default 1`] = ` exports[`Storyshots Tooltip Default 1`] = `
<div <div
className="Tooltipstories__Wrapper-sc-1c34uq-0 kMYfDl" className="Tooltipstories__Wrapper-sc-1c34uq-0 QoXmo"
> >
<div> <div
<div className="Tooltipstories__Spacing-sc-1c34uq-1 fFVjYs"
className="Tooltipstories__Spacing-sc-1c34uq-1 loCuMv" >
<span
className="tooltip has-tooltip-right"
data-tooltip="Heart of Gold"
> >
<span <button
className="tooltip has-tooltip-right" className="button is-info"
data-tooltip="Heart of Gold" onClick={[Function]}
type="button"
> >
<button right
className="button is-info"
onClick={[Function]}
type="button"
>
right
</button> </button>
</span> </span>
</div> </div>
<div <div
className="Tooltipstories__Spacing-sc-1c34uq-1 loCuMv" className="Tooltipstories__Spacing-sc-1c34uq-1 fFVjYs"
>
<span
className="tooltip has-tooltip-top"
data-tooltip="Heart of Gold"
> >
<span <button
className="tooltip has-tooltip-top" className="button is-info"
data-tooltip="Heart of Gold" onClick={[Function]}
type="button"
> >
<button top
className="button is-info"
onClick={[Function]}
type="button"
>
top
</button> </button>
</span> </span>
</div> </div>
<div <div
className="Tooltipstories__Spacing-sc-1c34uq-1 loCuMv" className="Tooltipstories__Spacing-sc-1c34uq-1 fFVjYs"
>
<span
className="tooltip has-tooltip-left"
data-tooltip="Heart of Gold"
> >
<span <button
className="tooltip has-tooltip-left" className="button is-info"
data-tooltip="Heart of Gold" onClick={[Function]}
type="button"
> >
<button left
className="button is-info"
onClick={[Function]}
type="button"
>
left
</button> </button>
</span> </span>
</div> </div>
<div <div
className="Tooltipstories__Spacing-sc-1c34uq-1 loCuMv" className="Tooltipstories__Spacing-sc-1c34uq-1 fFVjYs"
>
<span
className="tooltip has-tooltip-bottom"
data-tooltip="Heart of Gold"
> >
<span <button
className="tooltip has-tooltip-bottom" className="button is-info"
data-tooltip="Heart of Gold" onClick={[Function]}
type="button"
> >
<button bottom
className="button is-info"
onClick={[Function]}
type="button"
>
bottom
</button> </button>
</span> </span>
</div> </div>
</div>
`;
exports[`Storyshots Tooltip Multiline 1`] = `
<div
className="Tooltipstories__Wrapper-sc-1c34uq-0 QoXmo"
>
<div
className="Tooltipstories__Spacing-sc-1c34uq-1 fFVjYs"
>
<span
className="tooltip has-tooltip-right"
data-tooltip="Characters:
- Arthur Dent
- Ford Prefect
- Zaphod Beeblebrox
- Marvin the Paranoid Android
- Trillian
- Slartibartfast"
>
<button
className="button is-info"
onClick={[Function]}
type="button"
>
right
</button>
</span>
</div>
<div
className="Tooltipstories__Spacing-sc-1c34uq-1 fFVjYs"
>
<span
className="tooltip has-tooltip-top"
data-tooltip="Characters:
- Arthur Dent
- Ford Prefect
- Zaphod Beeblebrox
- Marvin the Paranoid Android
- Trillian
- Slartibartfast"
>
<button
className="button is-info"
onClick={[Function]}
type="button"
>
top
</button>
</span>
</div>
<div
className="Tooltipstories__Spacing-sc-1c34uq-1 fFVjYs"
>
<span
className="tooltip has-tooltip-left"
data-tooltip="Characters:
- Arthur Dent
- Ford Prefect
- Zaphod Beeblebrox
- Marvin the Paranoid Android
- Trillian
- Slartibartfast"
>
<button
className="button is-info"
onClick={[Function]}
type="button"
>
left
</button>
</span>
</div>
<div
className="Tooltipstories__Spacing-sc-1c34uq-1 fFVjYs"
>
<span
className="tooltip has-tooltip-bottom"
data-tooltip="Characters:
- Arthur Dent
- Ford Prefect
- Zaphod Beeblebrox
- Marvin the Paranoid Android
- Trillian
- Slartibartfast"
>
<button
className="button is-info"
onClick={[Function]}
type="button"
>
bottom
</button>
</span>
</div>
</div>
`;
exports[`Storyshots Tooltip Short Multiline 1`] = `
<div
className="Tooltipstories__Wrapper-sc-1c34uq-0 QoXmo"
>
<div
className="Tooltipstories__Spacing-sc-1c34uq-1 fFVjYs"
>
<span
className="tooltip has-tooltip-right"
data-tooltip="* a
* b
* c"
>
<button
className="button is-info"
onClick={[Function]}
type="button"
>
right
</button>
</span>
</div>
<div
className="Tooltipstories__Spacing-sc-1c34uq-1 fFVjYs"
>
<span
className="tooltip has-tooltip-top"
data-tooltip="* a
* b
* c"
>
<button
className="button is-info"
onClick={[Function]}
type="button"
>
top
</button>
</span>
</div>
<div
className="Tooltipstories__Spacing-sc-1c34uq-1 fFVjYs"
>
<span
className="tooltip has-tooltip-left"
data-tooltip="* a
* b
* c"
>
<button
className="button is-info"
onClick={[Function]}
type="button"
>
left
</button>
</span>
</div>
<div
className="Tooltipstories__Spacing-sc-1c34uq-1 fFVjYs"
>
<span
className="tooltip has-tooltip-bottom"
data-tooltip="* a
* b
* c"
>
<button
className="button is-info"
onClick={[Function]}
type="button"
>
bottom
</button>
</span>
</div> </div>
</div> </div>
`; `;