Correct overflow for too long branch names

This commit is contained in:
Florian Scholdei
2020-09-21 10:37:03 +02:00
parent dcc2c45dad
commit 8123fbb164
2 changed files with 12 additions and 5 deletions

View File

@@ -41,6 +41,13 @@ const ActionBar = styled.div`
margin-bottom: 1em; margin-bottom: 1em;
`; `;
const FlexShrinkLevel = styled(Level)`
.level-left {
flex-shrink: 1;
margin-right: 0.75rem;
}
`;
type Props = { type Props = {
selectedBranch?: string; selectedBranch?: string;
branches: Branch[]; branches: Branch[];
@@ -54,7 +61,7 @@ const CodeActionBar: FC<Props> = ({ selectedBranch, branches, onSelectBranch, sw
return ( return (
<ActionBar> <ActionBar>
<Level <FlexShrinkLevel
left={ left={
branches?.length > 0 && ( branches?.length > 0 && (
<BranchSelector <BranchSelector

View File

@@ -11719,10 +11719,10 @@ mini-create-react-context@^0.4.0:
"@babel/runtime" "^7.5.5" "@babel/runtime" "^7.5.5"
tiny-warning "^1.0.3" tiny-warning "^1.0.3"
mini-css-extract-plugin@^0.10.0: mini-css-extract-plugin@^0.11.0:
version "0.10.1" version "0.11.2"
resolved "https://registry.yarnpkg.com/mini-css-extract-plugin/-/mini-css-extract-plugin-0.10.1.tgz#2592c891f965e15750da6a6c0b60740b5b0cb62d" resolved "https://registry.yarnpkg.com/mini-css-extract-plugin/-/mini-css-extract-plugin-0.11.2.tgz#e3af4d5e04fbcaaf11838ab230510073060b37bf"
integrity sha512-9B10gZixtNjHerADBrMxPXM5G0uL0CRGMcLRV67I8nd1SKbwJrI0okKUzD+PxKsUZ9Dxt8/hPvtzF0DrRnrOyA== integrity sha512-h2LknfX4U1kScXxH8xE9LCOqT5B+068EAj36qicMb8l4dqdJoyHcmWmpd+ueyZfgu/POvIn+teoUnTtei2ikug==
dependencies: dependencies:
loader-utils "^1.1.0" loader-utils "^1.1.0"
normalize-url "1.9.1" normalize-url "1.9.1"