Se evitan los saltos de columna no deseados en la página general de proyectos
This commit is contained in:
parent
9f0a77f7ca
commit
60611f3dcb
1 changed files with 17 additions and 0 deletions
|
@ -158,6 +158,23 @@ p.breadcrumb, p.buttons, p.author, p.other-formats {
|
||||||
font-size: 13px !important;
|
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 {
|
div#activity dt.icon {
|
||||||
background-position: 0 4px !important;
|
background-position: 0 4px !important;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue