From 8123fbb1648573d37ef1f7c630a20b9c781fa566 Mon Sep 17 00:00:00 2001 From: Florian Scholdei Date: Mon, 21 Sep 2020 10:37:03 +0200 Subject: [PATCH] Correct overflow for too long branch names --- .../src/repos/codeSection/components/CodeActionBar.tsx | 9 ++++++++- yarn.lock | 8 ++++---- 2 files changed, 12 insertions(+), 5 deletions(-) diff --git a/scm-ui/ui-webapp/src/repos/codeSection/components/CodeActionBar.tsx b/scm-ui/ui-webapp/src/repos/codeSection/components/CodeActionBar.tsx index f20ef26d3f..fbe3216d44 100644 --- a/scm-ui/ui-webapp/src/repos/codeSection/components/CodeActionBar.tsx +++ b/scm-ui/ui-webapp/src/repos/codeSection/components/CodeActionBar.tsx @@ -41,6 +41,13 @@ const ActionBar = styled.div` margin-bottom: 1em; `; +const FlexShrinkLevel = styled(Level)` + .level-left { + flex-shrink: 1; + margin-right: 0.75rem; + } +`; + type Props = { selectedBranch?: string; branches: Branch[]; @@ -54,7 +61,7 @@ const CodeActionBar: FC = ({ selectedBranch, branches, onSelectBranch, sw return ( - 0 && (