f0ck/f0ckv2
3
4
Fork 1
Code Issues 11 Pull Requests Actions Packages Projects Releases Wiki Activity

navbar rework

Browse Source
This commit is contained in:
schrumpel
2022-10-27 15:04:00 +02:00
parent d13eeea588
commit 2c9058dec7
2 changed files with 185 additions and 90 deletions
Download Patch File Download Diff File Expand all files Collapse all files

59
public/s/css/f0ck.css
View File

@ -2691,17 +2691,62 @@ table img {
.navbar-nav {
display: grid !important;
grid-template-rows: 1fr 1fr;
grid-template-columns: 0fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 0.25em;
}
}
.placeholder {
visibility: hidden;
/* Navbar Rework */
.navbar-nav-guests {
width: 100%;
display: flex;
flex-direction: column;
padding: 5px 0 5px 0;
margin-bottom: 0;
list-style: none;
margin: 0;
margin-right: 0px;
margin-left: 0px;
align-self: center;
margin-left: .5rem;
margin-right: .5rem;
}
.navbar-expand-lg .navbar-nav-guests {
flex-direction: row;
}
ul.navbar-nav-guests li.nav-item {
margin-right: .5rem;
}
.navbar-expand-lg .navbar-nav-guests .nav-link, .pagination > a, .pagination > span {
padding-right: .5rem;
padding-left: .5rem;
}
@media (max-width: 768px) {
ul.navbar-nav-guests {
display: grid !important;
grid-template-columns: 1fr 1fr;
grid-gap: .25em;
margin: 0;
padding: 5px;
}
ul.navbar-nav-guests li.nav-item {
margin-right: unset;
}
a.nav-link span {
/* This is a dirty and temporary hack to hide long usernames on mobile devices when logged in */
max-width: 10ch;
overflow: auto;
.nav-link.user {
justify-content: left;
}
}
.navigation-links-guest {
justify-content: center;
display: grid;
grid-template-columns: 1fr;
align-content: center;
width: 100%;
}