Protei/PromucFlow_constructor
2
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

add ellipsis to org name in settings

Browse Source
This commit is contained in:
Kaushik Varanasi 2021-03-16 13:22:25 +05:30
parent 03be391fa3
commit 2dcecfbf79
3 changed files with 11 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
app/client/src/constants/DefaultTheme.tsx
View File

@ -50,6 +50,13 @@ export const hideScrollbar = css`
} }
`; `;
export const addEllipsisToTextBlock = css`
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
display: block;
`;
export const scrollbarDark = css` export const scrollbarDark = css`
scrollbar-color: ${(props) => props.theme.colors.paneCard} scrollbar-color: ${(props) => props.theme.colors.paneCard}
${(props) => props.theme.colors.paneBG}; ${(props) => props.theme.colors.paneBG};

6
app/client/src/pages/Applications/index.tsx
View File

@ -11,6 +11,7 @@ import { connect, useDispatch, useSelector } from "react-redux";
import { useLocation } from "react-router-dom"; import { useLocation } from "react-router-dom";
import { AppState } from "reducers"; import { AppState } from "reducers";
import { Card, Classes as BlueprintClasses, Dialog } from "@blueprintjs/core"; import { Card, Classes as BlueprintClasses, Dialog } from "@blueprintjs/core";
import { addEllipsisToTextBlock } from "constants/DefaultTheme";
import { import {
getApplicationList, getApplicationList,
getApplicationSearchKeyword, getApplicationSearchKeyword,
@ -469,10 +470,7 @@ const CreateNewLabel = styled(Text)`
const OrgNameElement = styled(Text)` const OrgNameElement = styled(Text)`
max-width: 500px; max-width: 500px;
text-overflow: ellipsis; ${addEllipsisToTextBlock}
overflow: hidden;
white-space: nowrap;
display: block;
`; `;
const OrgNameHolder = styled(Text)` const OrgNameHolder = styled(Text)`

2
app/client/src/pages/organization/settings.tsx
View File

@ -18,6 +18,7 @@ import IconComponent from "components/designSystems/appsmith/IconComponent";
import { GeneralSettings } from "./General"; import { GeneralSettings } from "./General";
import * as Sentry from "@sentry/react"; import * as Sentry from "@sentry/react";
import { getAllApplications } from "actions/applicationActions"; import { getAllApplications } from "actions/applicationActions";
import { addEllipsisToTextBlock } from "constants/DefaultTheme";
const SentryRoute = Sentry.withSentryRouting(Route); const SentryRoute = Sentry.withSentryRouting(Route);
const LinkToApplications = styled(Link)` const LinkToApplications = styled(Link)`
@ -31,6 +32,7 @@ const LinkToApplications = styled(Link)`
svg { svg {
cursor: pointer; cursor: pointer;
} }
${addEllipsisToTextBlock}
`; `;
const SettingsWrapper = styled.div` const SettingsWrapper = styled.div`
width: ${(props) => props.theme.pageContentWidth}px; width: ${(props) => props.theme.pageContentWidth}px;