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 { #mainNav ul {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: nowrap; /* Desactivar envoltura en pantallas de laptop y escritorio */
padding: 0; padding: 0;
margin: 0; margin: 0;
list-style-type: none; list-style-type: none;
@ -627,7 +627,7 @@
display: block; display: block;
color: #cbd5e1; /* Slate 300 para no seleccionado */ color: #cbd5e1; /* Slate 300 para no seleccionado */
text-decoration: none; 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-size: 14px !important;
font-family: inherit; font-family: inherit;
height: auto; height: auto;
@ -816,10 +816,10 @@
color: #10b981; color: #10b981;
} }
/* --- Pantallas medianas (tabletas y laptops pequeñas) --- */ /* --- Pantallas medianas (tabletas y laptops pequeñas hasta el max-width del wrap) --- */
@media (min-width: 769px) and (max-width: 1100px) { @media (min-width: 769px) and (max-width: 1280px) {
#mainNav ul li a { #mainNav ul li a {
padding: 10px 12px !important; padding: 10px 10px !important;
font-size: 13px !important; font-size: 13px !important;
} }
} }
@ -862,6 +862,10 @@
gap: 8px; gap: 8px;
} }
#mainNav ul {
flex-wrap: wrap; /* Permitir envoltura en móviles */
}
#mainNav ul li { #mainNav ul li {
flex: 1 1 45%; /* Menú más cómodo en móviles (dos por fila) */ flex: 1 1 45%; /* Menú más cómodo en móviles (dos por fila) */
} }