Se evitan los saltos de columna no deseados en la página general de proyectos

This commit is contained in:
Manuel Cillero 2018-02-26 17:48:48 +01:00
parent 9f0a77f7ca
commit 60611f3dcb

View file

@ -158,6 +158,23 @@ p.breadcrumb, p.buttons, p.author, p.other-formats {
font-size: 13px !important;
}
/*
* Avoid break inside each project block when use columns in the project's page.
*
* See https://stackoverflow.com/q/7785374
*/
#projects-index {
column-gap: 24px;
-webkit-column-gap: 24px;
-moz-column-gap: 24px;
}
#projects-index ul li {
-webkit-column-break-inside: avoid; /* Chrome, Safari */
page-break-inside: avoid; /* Theoretically FF 20+ */
break-inside: avoid-column; /* IE 11 */
display: table; /* Actually FF 20+ */
}
div#activity dt.icon {
background-position: 0 4px !important;
}