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;
|
||||
}
|
||||
|
||||
/*
|
||||
* 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;
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue