Hi,
I think i found a bug here
seafile-ui.css
.nav {
display: flex;
flex-wrap: wrap;
padding-left: 0;
margin-bottom: 0;
list-style: none; }
flex-wrap: wrap; seems incorrect
if you comment it like that
.nav {
display: flex;
/*! flex-wrap: wrap; */
padding-left: 0;
margin-bottom: 0;
list-style: none; }
You get correct links
Can you confirm the bug ?
See here please : flex-wrap - CSS : Feuilles de style en cascade | MDN
There are still some size issues here
.nav-item {
padding: 0 .75rem;
min-width: 1rem;
transition: .3s color;
user-select: none;
cursor: pointer;
display: flex;
align-items: center;
}
That can be solved by this rule
white-space: nowrap;
.nav-item {
padding: 0 .75rem;
min-width: 1rem;
white-space: nowrap;
transition: .3s color;
user-select: none;
cursor: pointer;
display: flex;
align-items: center;
}
Also, some links are too close
Adding this property seems correct in seahub_react.css
.nav .nav-item {
padding: 0 0.5rem;
}
It is still not fully convenient in some cases, but is it usable now 