From a41e113984d1e4762a906ccb7258b8bed8785a75 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Fernando=20Garc=C3=ADa?= Date: Mon, 1 Feb 2016 02:23:32 +0100 Subject: [PATCH 1/2] =?UTF-8?q?Issue=20#173=20La=20secci=C3=B3n=20de=20Lab?= =?UTF-8?q?s=20se=20rompe=20con=20el=20responsive?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../themes/mozillahispano2/css/responsive.css | 20 +++++++++++++++++++ wp-content/themes/mozillahispano2/style.css | 2 +- 2 files changed, 21 insertions(+), 1 deletion(-) diff --git a/wp-content/themes/mozillahispano2/css/responsive.css b/wp-content/themes/mozillahispano2/css/responsive.css index 11307f0..fbe0144 100644 --- a/wp-content/themes/mozillahispano2/css/responsive.css +++ b/wp-content/themes/mozillahispano2/css/responsive.css @@ -728,6 +728,25 @@ p.postmetadata { } +/* Labs https://www.mozilla-hispano.org/labs/ */ + #cuerpo { + display: flex; + flex-direction: column; + flex-wrap: nowrap; + clear: both; + } + .page-template-labs-index-php #post-363 { + order: 1; + width: 100%; + } + .page-template-labs-index-php #ultimas-noticias { + order: 2; + width: 100%; + } + .page-template-labs-index-php #labs-sidebar { + order: 3; + width: 100%; + } } /* TODO */ @@ -791,6 +810,7 @@ p.postmetadata { display: none; } /* }}} */ + /* Labs https://www.mozilla-hispano.org/labs/ */ } diff --git a/wp-content/themes/mozillahispano2/style.css b/wp-content/themes/mozillahispano2/style.css index d5c07aa..00e3d33 100644 --- a/wp-content/themes/mozillahispano2/style.css +++ b/wp-content/themes/mozillahispano2/style.css @@ -219,7 +219,7 @@ ul.listado-podcast li small { background-image:url(./media/mh-labs.png); background-position:18px 10px; background-repeat:no-repeat; - height:120px; + min-height:120px; padding-left:130px; padding-top:40px; } From 1d419ee8f1524fdc47427eeba1a0889fccbb27ef Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Fernando=20Garc=C3=ADa?= Date: Mon, 1 Feb 2016 02:36:40 +0100 Subject: [PATCH 2/2] mas especificidad a reglas de responsive ya que las de style las pisa --- wp-content/themes/mozillahispano2/css/responsive.css | 12 ++++++++---- 1 file changed, 8 insertions(+), 4 deletions(-) diff --git a/wp-content/themes/mozillahispano2/css/responsive.css b/wp-content/themes/mozillahispano2/css/responsive.css index fbe0144..3eb3cea 100644 --- a/wp-content/themes/mozillahispano2/css/responsive.css +++ b/wp-content/themes/mozillahispano2/css/responsive.css @@ -729,21 +729,25 @@ p.postmetadata { } /* Labs https://www.mozilla-hispano.org/labs/ */ - #cuerpo { + body.page-template-labs-index-php #cuerpo { display: flex; flex-direction: column; flex-wrap: nowrap; clear: both; } - .page-template-labs-index-php #post-363 { + body.page-template-labs-index-php #cuerpo #post-363 { order: 1; width: 100%; } - .page-template-labs-index-php #ultimas-noticias { + body.page-template-labs-index-php #cuerpo #ultimas-noticias { + float: inherit; + padding: 0 1em; order: 2; width: 100%; } - .page-template-labs-index-php #labs-sidebar { + body.page-template-labs-index-php #cuerpo #labs-sidebar { + float: inherit; + padding: 0 1em; order: 3; width: 100%; }