From ce5596c4894e4e8b2876f837b1bfee1914986a9f Mon Sep 17 00:00:00 2001 From: Scott Tolksdorf Date: Sat, 3 Dec 2016 14:54:11 -0500 Subject: [PATCH] Making the user page a bit prettier --- client/homebrew/pages/userPage/brewItem/brewItem.less | 10 ++++++---- client/homebrew/pages/userPage/userPage.jsx | 4 ++-- client/homebrew/pages/userPage/userPage.less | 2 +- 3 files changed, 9 insertions(+), 7 deletions(-) diff --git a/client/homebrew/pages/userPage/brewItem/brewItem.less b/client/homebrew/pages/userPage/brewItem/brewItem.less index 226399044..b0d307f48 100644 --- a/client/homebrew/pages/userPage/brewItem/brewItem.less +++ b/client/homebrew/pages/userPage/brewItem/brewItem.less @@ -2,15 +2,17 @@ .brewItem{ display : inline-block; vertical-align : top; - width : 25%; + box-sizing : border-box; + width : 30%; margin-bottom : 15px; + padding-right : 15px; -webkit-column-break-inside : avoid; page-break-inside : avoid; break-inside : avoid; p.description{ - overflow : hidden; - width : 90%; - text-overflow : ellipsis; + //overflow : hidden; + //width : 90%; + //text-overflow : ellipsis; white-space : nowrap; } a{ diff --git a/client/homebrew/pages/userPage/userPage.jsx b/client/homebrew/pages/userPage/userPage.jsx index 19f2a5c40..4756da7f7 100644 --- a/client/homebrew/pages/userPage/userPage.jsx +++ b/client/homebrew/pages/userPage/userPage.jsx @@ -10,11 +10,11 @@ const Account = require('../../navbar/account.navitem.jsx'); const BrewItem = require('./brewItem/brewItem.jsx'); const brew = { - title : 'test', + title : 'SUPER Long title woah now', authors : [] } -//const BREWS = _.times(25, ()=>{ return brew}); +const BREWS = _.times(25, ()=>{ return brew}); const UserPage = React.createClass({ diff --git a/client/homebrew/pages/userPage/userPage.less b/client/homebrew/pages/userPage/userPage.less index b2f257ab7..3bab937ee 100644 --- a/client/homebrew/pages/userPage/userPage.less +++ b/client/homebrew/pages/userPage/userPage.less @@ -17,7 +17,7 @@ .phb{ .noColumns(); height : auto; - min-height : 350px; + min-height : 279.4mm; margin : 20px auto; &::after{ display : none;