Modify sidebar styles

kutaloweb · Aug 25, 2018 · 05dd6a3 · 05dd6a3
1 parent 139ad42
commit 05dd6a3
Show file tree

Hide file tree

Showing 7 changed files with 14 additions and 26 deletions.
diff --git a/resources/assets/js/components/SocialSharing.vue b/resources/assets/js/components/SocialSharing.vue
@@ -1,7 +1,7 @@
 <template>
     <social-sharing :url="url" :title="title" inline-template>
         <div>
-            <div class="parallel-label">{{ trans('general.share') }}</div>
+            <div class="text-muted card-caps mb-1">{{ trans('general.share') }}</div>
             <div class="social-icons">
                 <a href="#" class="social-icon">
                     <network network="facebook">

diff --git a/resources/assets/js/views/post/PostCard.vue b/resources/assets/js/views/post/PostCard.vue
@@ -5,8 +5,8 @@
             <img class="card-img-top img-responsive" :src="post.cover" :alt="post.title">
         </div>
         <div class="card-body">
-            <h3 class="card-title post-title">{{ post.title }}</h3>
-            <h5 class="card-text">{{ limitWords(post.stripped_body) }}</h5>
+            <h3 class="card-title post-title list-title">{{ post.title }}</h3>
+            <h5 class="card-text list-text">{{ limitWords(post.stripped_body) }}</h5>
             <p class="card-text">
                 <small class="text-muted card-caps">
                     {{ post.category.name }} / {{ post.created_at }}

diff --git a/resources/assets/js/views/post/View.vue b/resources/assets/js/views/post/View.vue
@@ -6,18 +6,19 @@
                     <div class="card">
                         <div class="card-body">
                             <div class="row">
-                                <div class="col-9 col-md-9">
+                                <div class="col-md-9">
                                     <span class="text-muted card-caps">
                                         {{ categoryName }} <span v-if="categoryName">/</span> {{ post.created_at }}
                                     </span>
                                     <h1 class="card-title post-title">{{ post.title }}</h1>
                                     <div class="card-text" v-html="post.body"></div>
                                 </div>
-                                <div class="col-3 col-md-3 mt-1" v-if="post.body">
+                                <div class="col-md-3" v-if="post.body">
                                     <social-sharing
                                             :url="`${getConfig('app_url')}/${categorySlug}/${post.slug}`"
                                             :title="`${post.title}`">
                                     </social-sharing>
+                                    <div class="text-muted card-caps mt-3 mb-1">{{ trans('general.contact_info') }}</div>
                                 </div>
                             </div>
                         </div>

diff --git a/resources/assets/sass/app.scss b/resources/assets/sass/app.scss
@@ -2650,21 +2650,10 @@ samp {
   margin: 10px;
 }
 
-.parallel-label, .parallel-label b {
-  color: #a1a1a1;
-}
-
-.parallel-label {
-  position: absolute;
-  top: 0;
-  left: 3px;
-  transform-origin: top left;
-  -webkit-transform-origin: top left;
-  transform: translateX(0) rotate(90deg);
-  -webkit-transform: translateX(0) rotate(90deg);
-  font-size: .9rem;
-  letter-spacing: .2em;
-  line-height: 1em;
-  text-transform: uppercase;
-  white-space: nowrap;
+.list-title {
+  line-height: 25px;
+}
+
+.list-text {
+  line-height: 22px;
 }
diff --git a/resources/assets/sass/social.scss b/resources/assets/sass/social.scss
@@ -1,8 +1,4 @@
 .social-icons {
-  margin-top: 10px;
-  vertical-align: top;
-  display: inline;
-  height: 100px;
   color: #fff;
   text-decoration: none;
 

diff --git a/resources/lang/en/general.php b/resources/lang/en/general.php
@@ -14,6 +14,7 @@
     'cancel_upload' => 'Cancel Upload',
     'choose_image' => 'Choose',
     'close' => 'Close',
+    'contact_info' => 'Contact Info',
     'date_between' => 'Date Between',
     'date_range' => 'Date Range',
     'delete' => 'Delete',

diff --git a/resources/lang/ru/general.php b/resources/lang/ru/general.php
@@ -14,6 +14,7 @@
     'cancel_upload' => 'Сбросить загрузку',
     'choose_image' => 'Выбрать',
     'close' => 'Закрыть',
+    'contact_info' => 'Контакты',
     'date_range' => 'Интервал дат',
     'delete' => 'Удалить',
     'descending' => 'По убыванию',