f.weber/homebrewery
0
0
Fork 0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2026-01-19 14:12:40 +00:00
Code Wiki Activity

Greatly improved the user page UI

Browse Source
This commit is contained in:
Scott Tolksdorf
2016-12-03 16:27:15 -05:00
parent be783e5f6b
commit e5ffb7c629
8 changed files with 96 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

55
client/homebrew/pages/userPage/brewItem/brewItem.less
View File

@@ -1,21 +1,60 @@
.brewItem{
position : relative;
display : inline-block;
vertical-align : top;
box-sizing : border-box;
width : 30%;
box-sizing : border-box;
overflow : hidden;
width : 48%;
margin-right : 15px;
margin-bottom : 15px;
padding : 5px 15px 5px 8px;
padding-right : 15px;
border : 1px solid #c9ad6a;
border-radius : 5px;
-webkit-column-break-inside : avoid;
page-break-inside : avoid;
break-inside : avoid;
p.description{
//overflow : hidden;
//width : 90%;
//text-overflow : ellipsis;
white-space : nowrap;
h4{
margin-bottom : 5px;
font-size : 2.2em;
}
a{
margin-right : 10px;
.info{
font-family : ScalySans;
font-size : 1.2em;
&>span{
margin-right : 15px;
}
}
&:hover{
.links{
opacity : 1;
}
}
&:nth-child(2n + 1){
margin-right : 0px;
}
.links{
.animate(opacity);
position : absolute;
top : 0px;
right : 0px;
height : 100%;
width : 2em;
opacity : 0;
background-color : fade(black, 60%);
text-align : center;
a{
.animate(opacity);
display : block;
margin : 8px 0px;
opacity : 0.6;
font-size : 1.3em;
color : white;
&:hover{
opacity : 1;
}
}
}
}