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;
`;
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<Props> = ({ selectedBranch, branches, onSelectBranch, sw
return (
<ActionBar>
<Level
<FlexShrinkLevel
left={
branches?.length > 0 && (
<BranchSelector

View File

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