From 60611f3dcb6cfc938bbc3a600dbd2d88dab7a54e Mon Sep 17 00:00:00 2001 From: Manuel Cillero Date: Mon, 26 Feb 2018 17:48:48 +0100 Subject: [PATCH] =?UTF-8?q?Se=20evitan=20los=20saltos=20de=20columna=20no?= =?UTF-8?q?=20deseados=20en=20la=20p=C3=A1gina=20general=20de=20proyectos?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../circlepro/stylesheets/application.css | 17 +++++++++++++++++ 1 file changed, 17 insertions(+) diff --git a/public/themes/circlepro/stylesheets/application.css b/public/themes/circlepro/stylesheets/application.css index a930ffd..13614e6 100644 --- a/public/themes/circlepro/stylesheets/application.css +++ b/public/themes/circlepro/stylesheets/application.css @@ -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; }