Attachment 204247 Details for Bug 237772 – A diff of layout.css

[patch] A diff of layout.css

layout.css.diff (text/plain), 2.43 KB, created by wintellect on 2019-05-07 13:53:54 UTC

(hide)

Description:

Filename:

MIME Type:

Creator: wintellect

Created: 2019-05-07 13:53:54 UTC

Size: 2.43 KB

patch

obsolete

>--- layout.css.old	2019-05-07 13:50:21.000000000 +0100
>+++ layout.css	2019-05-07 13:08:55.000000000 +0100
>@@ -161,13 +161,15 @@
> 
> #frontfeaturecontainer {
>   clear: both;
>+  display: flex;
>+  flex-wrap: wrap;
> }
> 
> #frontfeatureleft{
>-  width: 30%;
>+  flex-basis: 33%;
>   margin: 0;
>   padding: 0;
>-  float: left;
>+  flex-grow: 20;
> }
> 
> #frontfeatureleft h2 {
>@@ -184,20 +186,20 @@
> 	}
> 
> #frontfeaturemiddle {
>-  float: left;
>+  flex-grow: 1;
>   margin-top: 20px;
>   background: url(../images/beastie.png) no-repeat top left;
>   min-height: 196px;
>-  width: 30%;
>+  flex-basis: 33%;
>+  min-width: 350px;
> }
> 
> #frontfeatureright {
>-  position: relative;
>+  flex-grow: 1;
>   border: 0px;
>   padding: 0px;
>   margin: 0px;
>-  width: 30%;
>-  float: right;
>+  flex-basis: 33%;
> }
> 
> /* News/Events/Media/Security Box */
>@@ -205,17 +207,20 @@
> #frontnemscontainer {
>   width: 100%;
>   background: #eee;
>-  display: inline;
>-  float: left;
>+  display: flex;
>+  flex-wrap: wrap;
>   margin-top: 8px;
>   margin-bottom: 8px;
>+  justify-content: center;
> }
> 
> #frontnews {
>-  width: 24%;
>+  flex-grow: 1;
>+  flex-basis: 300px;
>   margin: 0;
>   padding: 0;
>-  float: left;
>+  border-left: 5px solid white;
>+  border-right: 5px solid white;
> }
> 
> #frontnewscontent {
>@@ -223,10 +228,12 @@
> }
> 
> #frontevents {
>-  width: 24%;
>+  flex-grow: 1;
>+  flex-basis: 300px;
>   margin: 0;
>   padding: 0;
>-  float: left;
>+  border-left: 5px solid white;
>+  border-right: 5px solid white;
> }
> 
> #fronteventscontent {
>@@ -234,10 +241,12 @@
> }
> 
> #frontmedia {
>-  width: 24%;
>+  flex-grow: 1;
>+  flex-basis: 300px;
>   margin: 0;
>   padding: 0;
>-  float: left;
>+  border-left: 5px solid white;
>+  border-right: 5px solid white;
> }
> 
> #frontmediacontent {
>@@ -245,10 +254,12 @@
> }
> 
> #frontsecurity {
>-  width: 24%;
>+  flex-grow: 1;
>+  flex-basis: 300px;
>   margin: 0;
>   padding: 0;
>-  float: left;
>+  border-left: 5px solid white;
>+  border-right: 5px solid white;
> }
> 
> #frontsecuritycontent {
>@@ -263,6 +274,7 @@
>   padding: 0;
>   background-color: #fff;
>   float: left;
>+  display: none;
> }
> 
> .newseventswrap {
>@@ -342,11 +354,10 @@
> #frontreleases {
>   padding: 0;
>   margin: 8px;
>-  margin-left: 190px;
>+  margin-left: 160px;
>   margin-top: 5px;
>   padding-bottom: 20px;
>   color: #666;
>-  width: 85%;
> }
> 
> #frontreleasescontent {
>@@ -461,7 +472,7 @@
> 
> .frontgetroundbox {
>   margin-top: 50px;
>-  margin-left: 160px;
>+  margin-left: 140px;
>   padding: 0;
>   width: 190px;
>   background-color: #FACC2E;

Actions: View | Diff

Attachments on bug 237772: 204245 | 204247