MxOS/ansible-koji
SHA256
Watch
6
0
Fork
You've already forked ansible-koji
 0
Code Issues 1 Pull requests Projects Releases Packages Wiki Activity Actions

fix(branding): enforce nowrap on navigation bar and optimize scaling

Browse source 
Co-developed-by: Gemini AI <renich+gemini@woralelandia.com>
Signed-off-by: Rénich Bon Ćirić <renich@woralelandia.com>
This commit is contained in:
Rénich Bon Ćirić 2026-06-16 11:38:59 -06:00
commit 3629ed78ed
Signed by: renich
GPG key ID: AB2A9F49384FE324
1 changed files with 9 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

14
roles/koji_hub/tasks/main.yaml
View file

@ -610,7 +610,7 @@
#mainNav ul {
display: flex;
flex-wrap: wrap;
flex-wrap: nowrap; /* Desactivar envoltura en pantallas de laptop y escritorio */
padding: 0;
margin: 0;
list-style-type: none;
@ -627,7 +627,7 @@
display: block;
color: #cbd5e1; /* Slate 300 para no seleccionado */
text-decoration: none;
padding: 12px 18px !important; /* Padding ajustado para evitar que las pestañas se envuelvan a la segunda línea */
padding: 12px 16px !important; /* Padding ajustado para asegurar alineación en una sola línea */
font-size: 14px !important;
font-family: inherit;
height: auto;
@ -816,10 +816,10 @@
color: #10b981;
}
/* --- Pantallas medianas (tabletas y laptops pequeñas) --- */
@media (min-width: 769px) and (max-width: 1100px) {
/* --- Pantallas medianas (tabletas y laptops pequeñas hasta el max-width del wrap) --- */
@media (min-width: 769px) and (max-width: 1280px) {
#mainNav ul li a {
padding: 10px 12px !important;
padding: 10px 10px !important;
font-size: 13px !important;
}
}
@ -862,6 +862,10 @@
gap: 8px;
}
#mainNav ul {
flex-wrap: wrap; /* Permitir envoltura en móviles */
}
#mainNav ul li {
flex: 1 1 45%; /* Menú más cómodo en móviles (dos por fila) */
}