yujunjun/strapi
1
0
Fork 0
mirror of https://github.com/strapi/strapi.git synced 2025-09-05 14:53:01 +00:00
Code Issues Packages Projects Releases Wiki Activity

Ellipsis on locale cell only

Browse Source
This commit is contained in:
mfrachet 2021-04-08 14:41:27 +02:00
parent 118d81bec8
commit 2f4d847d3b
2 changed files with 9 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/strapi-plugin-content-manager/admin/src/components/CustomTable/styledComponents.js
View File

@ -14,8 +14,6 @@ const Table = styled.table`
border: none; border: none;
padding: 0; padding: 0;
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
} }
th, th,

11
packages/strapi-plugin-i18n/admin/src/components/LocaleListCell/LocaleListCell.js
View File

@ -3,6 +3,7 @@ import PropTypes from 'prop-types';
import { Padded, Text } from '@buffetjs/core'; import { Padded, Text } from '@buffetjs/core';
import { Tooltip } from '@buffetjs/styles'; import { Tooltip } from '@buffetjs/styles';
import get from 'lodash/get'; import get from 'lodash/get';
import styled from 'styled-components';
const mapToLocaleName = (locales, localeCode) => const mapToLocaleName = (locales, localeCode) =>
get( get(
@ -11,6 +12,12 @@ const mapToLocaleName = (locales, localeCode) =>
localeCode localeCode
); );
const LocaleName = styled.div`
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
`;
const LocaleListCell = ({ locales, localizations, locale: currentLocaleCode, id }) => { const LocaleListCell = ({ locales, localizations, locale: currentLocaleCode, id }) => {
const allLocalizations = [{ locale: currentLocaleCode }, ...localizations]; const allLocalizations = [{ locale: currentLocaleCode }, ...localizations];
const localizationNames = allLocalizations.map(locale => locale.locale); const localizationNames = allLocalizations.map(locale => locale.locale);
@ -47,9 +54,9 @@ const LocaleListCell = ({ locales, localizations, locale: currentLocaleCode, id
return ( return (
<div> <div>
<span data-for={elId} data-tip={localesNames}> <LocaleName data-for={elId} data-tip={localesNames}>
{localesNames} {localesNames}
</span> </LocaleName>
<Tooltip id={elId} place="bottom" delay={0}> <Tooltip id={elId} place="bottom" delay={0}>
{localesArray.map(name => ( {localesArray.map(name => (
<Padded key={name} top bottom size="xs"> <Padded key={name} top bottom size="xs">