blob: 5fb5322453c3ce908f871ecb82a2295d27ad1b46 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
|
/*
* This file is part of Cockpit.
*
* Copyright (C) 2024 Red Hat, Inc.
*
* Cockpit is free software; you can redistribute it and/or modify it
* under the terms of the GNU Lesser General Public License as published by
* the Free Software Foundation; either version 2.1 of the License, or
* (at your option) any later version.
*
* Cockpit is distributed in the hope that it will be useful, but
* WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
* Lesser General Public License for more details.
*
* You should have received a copy of the GNU Lesser General Public License
* along with Cockpit; If not, see <http://www.gnu.org/licenses/>.
*/
/* This is our version of the PatternFly Truncate component. We have
it since we don't want Patternfly's unconditional tooltip.
Truncation in the middle doesn't work with Patternsfly's approach
in mixed RTL/LTR environments, so we only offer truncation at the
end.
*/
import * as React from "react";
import './cockpit-components-truncate.scss';
export const Truncate = ({
content,
...props
}) => {
return (
<span className="pf-v5-c-truncate ct-no-truncate-min-width" {...props}>
<span className="pf-v5-c-truncate__start">
{content}
</span>
</span>
);
};
|
