update

ashefor · Oct 10, 2019 · 49e453c · 49e453c
1 parent 13ca6ea
commit 49e453c
Show file tree

Hide file tree

Showing 4 changed files with 73 additions and 54 deletions.
diff --git a/src/app/components/post/posts/create-post/create-post.component.scss b/src/app/components/post/posts/create-post/create-post.component.scss
@@ -1,3 +1,36 @@
+:host ::ng-deep md-editor{
+    .md-editor-container {
+        // min-height: 60vh !important;
+        // min-height: calc(60vh - 100px) !important;
+        // padding: 32px 36px;
+        width: 100%;
+        border: none;
+        margin-bottom: 24px;
+        color: #000;
+        background: 0 0;
+
+        .editor-container {
+            .preview-panel {
+                word-break: break-word;
+                // border-left: unset !important;
+                text-align: justify;
+              }
+
+              .ace-tm .ace_print-margin{
+                  width: unset !important
+              }
+
+              .ace-tm .ace_marker-layer .ace_active-line{
+                  background: unset !important
+              }
+
+              .ace_gutter{
+                  display: none;
+              }
+        }
+      }
+}
+
 .progress-bar{
     background-color: rgb(21, 26, 31, 0.4) !important
 }
@@ -126,35 +159,4 @@
         width: 70%;
     }
 }
-:host ::ng-deep md-editor{
-    .md-editor-container {
-        // min-height: 60vh !important;
-        // min-height: calc(60vh - 100px) !important;
-        // padding: 32px 36px;
-        width: 100%;
-        border: none;
-        margin-bottom: 24px;
-        color: #000;
-        background: 0 0;
-
-        .editor-container {
-            .preview-panel {
-                word-break: break-word;
-                // border-left: unset !important;
-                text-align: justify;
-              }
-
-              .ace-tm .ace_print-margin{
-                  width: unset !important
-              }
-
-              .ace-tm .ace_marker-layer .ace_active-line{
-                  background: unset !important
-              }
 
-              .ace_gutter{
-                  display: none;
-              }
-        }
-      }
-}
diff --git a/src/app/components/post/posts/single-post/single-post.component.html b/src/app/components/post/posts/single-post/single-post.component.html
@@ -7,7 +7,7 @@ <h1>{{post.title}}</h1>
                 </div>
                 <div class="post-author">
                     <span>
-                        <a href="#">
+                        <a routerLink="/{{post.author.username}}" routerLinkActive="router-link-active"  class="author">
                             <img class="profile-pic" src="https://bulma.io/images/placeholders/128x128.png" alt="{{post.author.username}}">
                             <span>{{post.author.username | titlecase}}</span>
                         </a>

diff --git a/src/app/components/post/posts/single-post/single-post.component.scss b/src/app/components/post/posts/single-post/single-post.component.scss
@@ -1,25 +1,37 @@
 $padding1rem: 1rem;
 
-
 :host ::ng-deep md-editor{
-    .md-editor-container{
+    .md-editor-container {
+        width: 100%;
         border: none;
+        margin-bottom: 24px;
+        color: #000;
+        background: 0 0;
+
+        .editor-container {
+            .preview-panel {
+                word-break: break-word;
+                text-align: justify;
+                border-left: unset !important;
 
-        .editor-container{
-            .preview-panel{
-                border: none !important;
                 img{
-                    width: 100%
+                    width: 100%;
                 }
-            }
+              }
 
-            .ace-tm{
-                .ace_print-margin{
-                    width: 0px;
-                }
-            }
+              .ace-tm .ace_print-margin{
+                  width: 0px;
+              }
+
+              .ace-tm .ace_marker-layer .ace_active-line{
+                  background: unset !important
+              }
+
+              .ace_gutter{
+                  display: none;
+              }
         }
-    }
+      }
 }
 
 .mb1_5{
@@ -59,6 +71,7 @@ $padding1rem: 1rem;
             a{
                 display: inline-block;
                 background: #66e2d5;
+                text-decoration: none;
                 color: #0a0a0a;
                 padding: 2px 12px 3px;
                 border-radius: 3px;
@@ -232,14 +245,18 @@ mat-chip-list{
         padding-right: 0;
     }
 }
-.profile-pic{
-    width: 28px;
-    height: 28px;
-    border-radius: 50px;
-    display: inline-block;
-    vertical-align: -9px;
-    margin-right: 2px;
-    background: #f5f6f7;
+.author{
+    color: #0a0a0a;
+    text-decoration: none;
+    .profile-pic{
+        width: 28px;
+        height: 28px;
+        border-radius: 50px;
+        display: inline-block;
+        vertical-align: -9px;
+        margin-right: 2px;
+        background: #f5f6f7;
+    }
 }
 @media (min-width: 500px) and (max-width: 767px) {
     .post_wrapper{

diff --git a/src/app/components/post/posts/single-post/single-post.component.ts b/src/app/components/post/posts/single-post/single-post.component.ts
@@ -83,7 +83,7 @@ export class SinglePostComponent implements OnInit {post: posts;
   deleteThisPost(post: posts) {
     swal({
       title: "Are you sure?",
-      text: `Once deleted, you will not be able to recover ${post.title}`,
+      text: 'Once deleted, you will not be able to recover this post',
       icon: "warning",
       buttons: true,
       dangerMode: true,