villivateur
/
pinout.vvzero.com
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Fix layout of boards rows. 

This removes empty spaces from the layout of the boards on the most of
the browsers. The code preserves left aligned layout and is backward
compatible with EI1

Thanks!
This commit is contained in:
Peter Blazejewicz 2019-09-28 20:44:41 +02:00
parent eed810d831
commit fd9c7967c3
2 changed files with 27 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
resources/pinout.scss
View File

@ -169,11 +169,24 @@ Content Area
Boards Page
*/
#boards > ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
#boards .board, #featured .board {
box-sizing:border-box;
width:25%;
display:block;
float:left;
text-align:center;
a {

14
resources/pinout.scss.css
View File

@ -134,11 +134,23 @@ Content Area
/*
Boards Page
*/
#boards > ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start; }
#boards .board, #featured .board {
box-sizing: border-box;
width: 25%;
display: block;
float: left;
text-align: center; }
#boards .board a, #featured .board a {
padding-top: 20px;