sábado, 16 de marzo de 2013

Reducir espacio en la barra de acciones de Sharepoint 2010

En los últimos proyectos, se nos está pidiendo que reduzcamos el espacio que hay sobre la ribbon, con la finalidad de optimizar la presentación en tabletas y otros dispositivos móviles:

 
Esto en un principio parecía trivial, pero personalmente me costó más tiempo del que hubiera deseado.
 
Así que tras modificar múltiples estilos y ver como se descuadraban las cosas cuando ajustábamos otras, encontré que la manera más sencilla de hacerlo era incluyendo este estilo en la CSS:


BODY #s4-ribbonrow{
 overflow-y: visible;
 margin-top: -6px;
}


En nuestro caso, hemos llegado incluso a prescindir de literales que no consideramos fundamentales, como puede ser HERRAMIENTAS DE BIBLIOTECAS:

 
Por medio de los estilos:
 
.ms-cui-cg-i{
 display:none;
}
.ms-cui-ct-ul{
 margin-top:19px;
}