File tree Expand file tree Collapse file tree 1 file changed +8
-1
lines changed Expand file tree Collapse file tree 1 file changed +8
-1
lines changed Original file line number Diff line number Diff line change @@ -6,6 +6,7 @@ import { UserLogo } from '../../modules/header';
6
6
import palette from '../../lib/styles/palette' ;
7
7
import { createFallbackTitle } from '../../lib/utils' ;
8
8
import media from '../../lib/styles/media' ;
9
+ import { ellipsis } from '../../lib/styles/utils' ;
9
10
10
11
export interface HeaderLogoProps {
11
12
custom : boolean ;
@@ -35,7 +36,7 @@ const HeaderLogo: React.FC<HeaderLogoProps> = ({
35
36
< VelogLogoLink to = "/" >
36
37
< VelogIcon />
37
38
</ VelogLogoLink >
38
- < Link to = { velogPath } >
39
+ < Link to = { velogPath } className = "user-logo" >
39
40
{ userLogo . title || createFallbackTitle ( username ) }
40
41
</ Link >
41
42
</ HeaderLogoBlock >
@@ -65,6 +66,12 @@ const HeaderLogoBlock = styled.div`
65
66
color: inherit;
66
67
text-decoration: none;
67
68
}
69
+
70
+ .user-logo {
71
+ display: block;
72
+ max-width: calc(100vw - 200px);
73
+ ${ ellipsis } ;
74
+ }
68
75
` ;
69
76
70
77
const VelogLogoLink = styled ( Link ) `
You can’t perform that action at this time.
0 commit comments