feature/character-detail & feature/comic-detail — Changed a little bi…

…t text look. Better price too.
jeandat · May 5, 2016 · 6ad38c7 · 6ad38c7
1 parent 7bc5e14
commit 6ad38c7
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 20 deletions.
diff --git a/app/character/detail/_character-detail.scss b/app/character/detail/_character-detail.scss
@@ -8,8 +8,8 @@
     &__text {
         background-color: black;
         color: $light;
-        font-size: 1rem;
-        line-height: 1.4rem;
+        font-size: 1.1rem;
+        line-height: 2rem;
         padding: $content-padding/2 0;
         box-shadow: $content-padding 0 0 0 black, -$content-padding 0 0 0 black;
     }

diff --git a/app/comic/detail/_comic-detail.scss b/app/comic/detail/_comic-detail.scss
@@ -8,26 +8,18 @@
     &__text {
         background-color: black;
         color: $light;
-        font-size: 1rem;
-        line-height: 1.4rem;
+        font-size: 1.1rem;
+        line-height: 2rem;
         padding: $content-padding/2 0;
         box-shadow: $content-padding 0 0 0 black, -$content-padding 0 0 0 black;
+        &--price{
+            font-weight: bold;
+            background-color: $assertive;
+            box-shadow: $content-padding 0 0 0 $assertive, -$content-padding 0 0 0 $assertive;
+        }
     }
     &__background {
         background-size: cover;
         background-position: top center;
     }
-    &__price{
-        font-weight: bold;
-        position: absolute;
-        top: -36px;
-        right: 0;
-        color: black;
-        background: rgba($light,.8);
-        padding: 26px 5px 5px 5px;
-        border-radius: 50%;
-        height: 50px;
-        width: 80px;
-        text-align: center;
-    }
 }
diff --git a/app/comic/detail/comic-detail.jade b/app/comic/detail/comic-detail.jade
@@ -10,9 +10,10 @@ ion-modal-view.comic(ng-controller='ComicDetailController as vm')
             span.comic__text {{::vm.comic.title}}
             br
             br
-            span.comic__text(ng-if='::vm.comic.printPrice') {{::vm.comic.printPrice}} $
-            br
-            br
+            div(ng-if='::vm.comic.printPrice')
+                span.comic__text.comic__text--price {{::vm.comic.printPrice}} $
+                br
+                br
             span.comic__text.comic__description(ng-bind-html='::vm.comic.description | html2text')