mirror of
https://codeberg.org/forgejo/forgejo.git
synced 2025-10-17 06:28:22 +00:00
a6f7ad3a6fThis commit removes the hard-coded height of 500px, using that as a max-height instead. The height of items in the dropdown menu, assuming a default font size of 16px, is 36px, so the old CSS would cause overly large dropdown menus in instances of Forgejo where less than 14 languages are offered.
87 lines
1.4 KiB
CSS
87 lines
1.4 KiB
CSS
.home .logo {
|
|
max-width: 220px;
|
|
}
|
|
|
|
@media (max-width: 767.98px) {
|
|
.home .hero h1 {
|
|
font-size: 3.5em;
|
|
}
|
|
.home .hero h2 {
|
|
font-size: 2em;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
.home .hero h1 {
|
|
font-size: 5.5em;
|
|
}
|
|
.home .hero h2 {
|
|
font-size: 3em;
|
|
}
|
|
}
|
|
|
|
.home .hero .svg {
|
|
color: var(--color-green);
|
|
height: 40px;
|
|
width: 50px;
|
|
vertical-align: bottom;
|
|
}
|
|
|
|
.home .hero.header {
|
|
font-size: 20px;
|
|
}
|
|
|
|
.home p.large {
|
|
font-size: 16px;
|
|
}
|
|
|
|
.home .stackable {
|
|
padding-top: 30px;
|
|
}
|
|
|
|
.home a {
|
|
color: var(--color-green);
|
|
}
|
|
|
|
.page-footer {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
background-color: var(--color-footer);
|
|
border-top: 1px solid var(--color-secondary);
|
|
padding: 8px 20px;
|
|
}
|
|
|
|
.page-footer .left-links {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-items: center;
|
|
justify-content: center;
|
|
gap: 0.25em;
|
|
}
|
|
|
|
.page-footer .right-links {
|
|
min-width: 180px; /* make sure the menu dropdown doesn't overflow horizontally when language name is short */
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.page-footer .right-links > a {
|
|
border-left: 1px solid var(--color-secondary-dark-1);
|
|
padding-left: 8px;
|
|
margin-left: 5px;
|
|
}
|
|
|
|
.page-footer .ui.dropdown.language .menu {
|
|
max-height: min(500px, calc(100vh - 60px));
|
|
overflow-y: auto;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
@media (max-width: 880px) {
|
|
.page-footer {
|
|
flex-direction: column;
|
|
gap: 0.5em;
|
|
}
|
|
}
|