Ellipsize long filenames and sharee names in public share page header
Signed-off-by: Jan-Christoph Borchardt <hey@jancborchardt.net>
This commit is contained in:
parent
e4f3098492
commit
b9806f7012
|
@ -165,6 +165,8 @@ thead {
|
||||||
font-weight: 300;
|
font-weight: 300;
|
||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
opacity: .57;
|
opacity: .57;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
}
|
}
|
||||||
|
|
||||||
#note-content {
|
#note-content {
|
||||||
|
|
|
@ -65,6 +65,8 @@
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
|
overflow: hidden;
|
||||||
|
|
||||||
&:focus {
|
&:focus {
|
||||||
opacity: .75;
|
opacity: .75;
|
||||||
}
|
}
|
||||||
|
@ -151,6 +153,7 @@
|
||||||
flex: 0 0;
|
flex: 0 0;
|
||||||
flex-grow: 1;
|
flex-grow: 1;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
#header-right, .header-right {
|
#header-right, .header-right {
|
||||||
|
@ -206,7 +209,7 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* show appname next to logo */
|
/* only used for public share pages now as we have the app icons when logged in */
|
||||||
.header-appname {
|
.header-appname {
|
||||||
color: var(--color-primary-text);
|
color: var(--color-primary-text);
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
|
@ -214,6 +217,8 @@
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
padding-right: 5px;
|
padding-right: 5px;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* do not show menu toggle on public share links as there is no menu */
|
/* do not show menu toggle on public share links as there is no menu */
|
||||||
|
|
Loading…
Reference in New Issue