Accept cover image in blog

Victor Costa
1 parent 8a7d004e
Showing 2 changed files with 19 additions and 1 deletions Show diff stats
src/app/components/noosfero-articles/blog/blog.html
src/app/components/noosfero-articles/blog/blog.scss
-<div class="page-header">
+<div class="blog-cover" ng-show="vm.article.image">
+  <img ng-src="{{vm.article.image.url}}" class="img-responsive">
+  <h3 ng-bind="vm.article.title"></h3>
+</div>
+
+<div class="page-header" ng-show="!vm.article.image">
   <h3 ng-bind="vm.article.title"></h3>
 </div>
@@ -0,0 +1,13 @@
+.blog-cover {
+  margin: -15px;
+  position: relative;
+  h3 {
+    position: absolute;
+    bottom: 0;
+    background-color: rgba(0, 0, 0, 0.4);
+    color: white;
+    padding: 10px 20px;
+    margin: 0;
+    width: 100%;
+  }
+}
1	-<div class="page-header">	1	+<div class="blog-cover" ng-show="vm.article.image">
		2	+ <img ng-src="{{vm.article.image.url}}" class="img-responsive">
		3	+ <h3 ng-bind="vm.article.title"></h3>
		4	+</div>
		5	+
		6	+<div class="page-header" ng-show="!vm.article.image">
2	<h3 ng-bind="vm.article.title"></h3>	7	<h3 ng-bind="vm.article.title"></h3>
3	</div>	8	</div>
4		9
@@ -0,0 +1,13 @@		@@ -0,0 +1,13 @@
	1	+.blog-cover {
	2	+ margin: -15px;
	3	+ position: relative;
	4	+ h3 {
	5	+ position: absolute;
	6	+ bottom: 0;
	7	+ background-color: rgba(0, 0, 0, 0.4);
	8	+ color: white;
	9	+ padding: 10px 20px;
	10	+ margin: 0;
	11	+ width: 100%;
	12	+ }
	13	+}