diff --git a/README.md b/README.md index 68b295ce..e22bfb1f 100644 --- a/README.md +++ b/README.md @@ -18,7 +18,9 @@ This is a [single-spa](https://single-spa.js.org/) example React microapp. ## Config -For available variables config, please refer to `config/development.js` and `config/production.js`. +For available variables config which depend on the running environment (`development` or `production`), please refer to `config/development.js` and `config/production.js`. + +For application constants which don't depend on the running environment use `src/constants/index.js`. ## NPM Commands diff --git a/src/routes/MyTeamsList/components/TeamCard/index.jsx b/src/routes/MyTeamsList/components/TeamCard/index.jsx index e1828f71..a8828bef 100644 --- a/src/routes/MyTeamsList/components/TeamCard/index.jsx +++ b/src/routes/MyTeamsList/components/TeamCard/index.jsx @@ -46,9 +46,11 @@ const TeamCard = ({ team }) => { /> - - {team.name} - +
+ + {team.name} + +
}> diff --git a/src/routes/MyTeamsList/components/TeamCard/styles.module.scss b/src/routes/MyTeamsList/components/TeamCard/styles.module.scss index 5394ebe0..ff7f7d5e 100644 --- a/src/routes/MyTeamsList/components/TeamCard/styles.module.scss +++ b/src/routes/MyTeamsList/components/TeamCard/styles.module.scss @@ -6,6 +6,12 @@ position: relative; } +.title-wrapper { + box-sizing: border-box; + padding-right: 24px; + width: 100%; +} + .title { @include font-barlow; color: #219174; @@ -13,10 +19,12 @@ font-size: 20px; font-weight: 600; line-height: 24px; - overflow: hidden; + margin-right: 40px; text-decoration: none; text-transform: uppercase; + overflow: hidden; text-overflow: ellipsis; + white-space: nowrap; max-width: 100%; }