diff --git a/app/assets/stylesheets/stream_element.css.scss b/app/assets/stylesheets/stream_element.css.scss index 33a2f031f..b2cdec0fd 100644 --- a/app/assets/stylesheets/stream_element.css.scss +++ b/app/assets/stylesheets/stream_element.css.scss @@ -1,8 +1,5 @@ #main_stream .stream_element, #main_stream > div > .photo { - border-bottom: 1px solid $border-grey; - padding: 10px; - & > .media { margin: 0px; } @@ -12,7 +9,42 @@ } } +#main_stream > div > .photo { + & > .media { + overflow: visible; + > .bd { + position: relative; + overflow: inherit; + > .controls { + position: absolute; + right: 6px; + top: 1px; + width: 15px; + height: 15px; + text-align: center; + line-height: 15px; + } + } + &:hover > .bd > .controls { background: #fff; } + } + .thumbnail { + height: 200px; + padding: 10px; + margin: 0 5px 10px; + text-align: center; + line-height: 200px; + border: 1px solid $border-grey; + background: #fefefe; + box-shadow: 3px 3px 2px #eee; + img { + &.big_photo { max-height: 200px; } + } + } +} + #main_stream .stream_element { + border-bottom: 1px solid $border-grey; + padding: 10px; & > .media { & > .img > .avatar.small { height: 50px; diff --git a/app/assets/templates/photo_tpl.jst.hbs b/app/assets/templates/photo_tpl.jst.hbs index 534b9b998..4898c44be 100644 --- a/app/assets/templates/photo_tpl.jst.hbs +++ b/app/assets/templates/photo_tpl.jst.hbs @@ -1,4 +1,4 @@ -