Merge pull request #1018 from batuhawk/master

Table layout updated for module show page

public/css/custom.css

@@ -7,6 +7,7 @@
     font-style: normal;
 }
 
+/*--------Item Tax Tag--------*/
 .el-select .el-select__tags .el-tag
 {
     background: #55588b !important;
@@ -44,6 +45,8 @@
     width: 20px !important;
     overflow: hidden;
 }
+/*--------Item Tax Tag Finish--------*/
+
 
 /*--------General Button Hover--------*/
 .btn:hover
@@ -325,29 +328,29 @@
 /*--------Long Texts Finish--------*/
 
 
-/*--------Thead Row Margin--------*/
+/*--------Table Head Row Margin--------*/
 .thead-light .row
 {
     margin: 0;
 }
-/*--------Thead Row Margin Finish--------*/
+/*--------Table Head Row Margin Finish--------*/
 
 
-/*--------Tbody Row Margin--------*/
+/*--------Table Head Column Letter Spacing--------*/
+.table thead th
+{
+    letter-spacing: 0;
+}
+/*--------Table Head Column Letter Spacing Finish--------*/
+
+
+/*--------Table Body Row Margin--------*/
 .table, tbody .row
 {
     margin-right: 0;
     margin-left: 0;
 }
-/*--------Tbody Row Margin Finish--------*/
+/*--------Table Body Row Margin Finish--------*/
-
-
-/*--------Thead Column Letter Spacing--------*/
-.table thead th
-{
-    letter-spacing: 0;
-}
-/*--------Thead Column Letter Spacing Finish--------*/
 
 
 /*--------Card Footer--------*/
@@ -375,12 +378,12 @@
 /*--------Border Top Finish--------*/
 
 
-/*--------Border Top--------*/
+/*--------Border Bottom--------*/
 .border-bottom-1
 {
     border-bottom: 1px solid #e9ecef !important;
 }
-/*--------Border Top Finish--------*/
+/*--------Border Bottom Finish--------*/
 
 
 /*--------Border Top Style--------*/
@@ -460,18 +463,12 @@
 /*--------Card Action Button Finish--------*/
 
 
-/*--------Module Show Second Card--------*/
+/*--------Table Layout Fixed--------*/
-.table-fixed
+.table-layout-fixed
 {
     table-layout: fixed;
 }
-
+/*--------Table Layout Fixed Finish--------*/
-.long-module-detail
-{
-    overflow: hidden;
-    text-overflow: ellipsis;
-}
-/*--------Module Show Second Card Finish--------*/
 
 
 /*--------Akaunting Loader--------*/
@@ -549,7 +546,7 @@
 /*--------Akaunting Loader Finish--------*/
 
 
-/*--------Settings Index Page Icons--------*/
+/*--------Settings Index Page--------*/
 .settings-icons
 {
     position: relative;
@@ -558,14 +555,12 @@
     width: 45px;
     padding-top: 10px;
 }
-/*--------Settings Index Page Icons Finish--------*/
 
 
-/*--------Settings Button Clipboard--------*/
 .btn-icon-clipboard:focus {
     outline: none;
 }
-/*--------Settings Button Clipboard Finish--------*/
+/*--------Settings Index Page Finish--------*/
 
 
 /*--------Box Shadow None Focus--------*/
@@ -585,12 +580,12 @@
 /*--------Pagination Alignment Finish--------*/
 
 
-/*--------Akaunting Tables--------*/
+/*--------Akaunting Style Table Column--------*/
 .col-aka
 {
     margin-left: -51px;
 }
-/*--------Akaunting Tables--------*/
+/*--------Akaunting Style Table Column Finish--------*/
 
 
 /*--------Login Background--------*/

resources/views/modules/item/show.blade.php

@@ -232,52 +232,52 @@
             <h3>{{ trans('modules.about') }}</h3>
 
             <div class="card">
-                <table class="table table-fixed">
+                <table class="table">
                     <tbody>
                         @if ($module->vendor_name)
-                            <tr>
+                            <tr class="row">
-                                <th>{{ trans_choice('general.developers', 1) }}</th>
+                                <th class="col-5">{{ trans_choice('general.developers', 1) }}</th>
-                                <td class="text-right"><a href="{{ url('apps/vendors/' . $module->vendor->slug) }}">{{ $module->vendor_name }}</a></td>
+                                <td class="col-7 text-right"><a href="{{ url('apps/vendors/' . $module->vendor->slug) }}">{{ $module->vendor_name }}</a></td>
                             </tr>
                         @endif
                         @if ($module->version)
-                            <tr>
+                            <tr class="row">
-                                <th>{{ trans('footer.version') }}</th>
+                                <th class="col-5">{{ trans('footer.version') }}</th>
-                                <td class="text-right">{{ $module->version }}</td>
+                                <td class="col-7 text-right">{{ $module->version }}</td>
                             </tr>
                         @endif
                         @if ($module->created_at)
-                            <tr>
+                            <tr class="row">
-                                <th>{{ trans('modules.added') }}</th>
+                                <th class="col-5">{{ trans('modules.added') }}</th>
-                                <td class="text-right long-module-detail">@date($module->created_at)</td>
+                                <td class="col-7 text-right long-texts">@date($module->created_at)</td>
                             </tr>
                         @endif
                         @if ($module->updated_at)
-                            <tr>
+                            <tr class="row">
-                                <th>{{ trans('modules.updated') }}</th>
+                                <th class="col-5">{{ trans('modules.updated') }}</th>
-                                <td class="text-right">{{ Date::parse($module->updated_at)->diffForHumans() }}</td>
+                                <td class="col-7 text-right">{{ Date::parse($module->updated_at)->diffForHumans() }}</td>
                             </tr>
                         @endif
                         @if ($module->compatibility)
-                            <tr>
+                            <tr class="row">
-                                <th>{{ trans('modules.compatibility') }}</th>
+                                <th class="col-5">{{ trans('modules.compatibility') }}</th>
-                                <td class="text-right">{{ $module->compatibility }}</td>
+                                <td class="col-7 text-right">{{ $module->compatibility }}</td>
                             </tr>
                         @endif
                         @if ($module->category)
-                            <tr>
+                            <tr class="row">
-                                <th>{{ trans_choice('general.categories', 1) }}</th>
+                                <th class="col-5">{{ trans_choice('general.categories', 1) }}</th>
-                                <td class="text-right"><a href="{{ url('apps/categories/' . $module->category->slug) }}">{{ $module->category->name }}</a></td>
+                                <td class="col-7 text-right"><a href="{{ url('apps/categories/' . $module->category->slug) }}">{{ $module->category->name }}</a></td>
                             </tr>
                         @endif
-                        <tr>
+                        <tr class="row">
-                            <th>{{ trans('modules.documentation') }}</th>
+                            <th class="col-5">{{ trans('modules.documentation') }}</th>
                             @if ($module->documentation)
-                                <td class="text-right">
+                                <td class="col-7 text-right">
                                     <a class="font-weight-bold" href="{{ url('apps/docs/' . $module->slug) }}">{{ trans('modules.view') }}</a>
                                 </td>
                             @else
-                               <th class="text-right">{{ trans('general.na') }}</th>
+                               <th class="col-7 text-right">{{ trans('general.na') }}</th>
                             @endif
                         </tr>
                     </tbody>