From f3ce909d349c0f86f17ba08de3d232c7a59b8603 Mon Sep 17 00:00:00 2001
From: Ivo Valchev <Ivo.V.Valchev@gmail.com>
Date: Fri, 22 May 2020 16:15:22 +0200
Subject: [PATCH 1/3] View content type button on hover

---
 assets/js/app/sidebar/Components/Menu/_SubMenu.vue |  6 +++++-
 assets/scss/modules/admin/_sidebar.scss            | 13 +++++++++++--
 src/Menu/BackendMenuBuilder.php                    |  1 +
 3 files changed, 17 insertions(+), 3 deletions(-)

diff --git a/assets/js/app/sidebar/Components/Menu/_SubMenu.vue b/assets/js/app/sidebar/Components/Menu/_SubMenu.vue
index be914abfe..5193893c9 100644
--- a/assets/js/app/sidebar/Components/Menu/_SubMenu.vue
+++ b/assets/js/app/sidebar/Components/Menu/_SubMenu.vue
@@ -1,10 +1,14 @@
 <template>
   <ul class="link--menu">
-    <li v-if="item.link_new !== null" class="link--create">
+    <li v-if="item.link_new !== null" class="link--actions">
       <a :href="item.link_new">
         <i class="fas fa-fw fa-magic mr-2"></i
         ><span>New {{ item.singular_name }}</span>
       </a>
+      <a :href="item.link_listing">
+        <i class="fas fa-fw" :class="item.icon"></i>
+        <span>View {{ item.name }}</span>
+      </a>
     </li>
     <!-- eslint-disable vue/no-use-v-if-with-v-for -->
     <li
diff --git a/assets/scss/modules/admin/_sidebar.scss b/assets/scss/modules/admin/_sidebar.scss
index 19f76f077..e29c8a01a 100644
--- a/assets/scss/modules/admin/_sidebar.scss
+++ b/assets/scss/modules/admin/_sidebar.scss
@@ -123,12 +123,21 @@
       }
 
       li {
-        &.link--create {
-          border-bottom: dashed 1px rgba(0, 0, 0, 0.1);
+        &.link--actions {
+          display: flex;
+          align-content: space-around;
+          border-bottom: solid 1px rgba(0, 0, 0, 0.1);
 
           a {
             font-weight: $font-weight-bold;
             letter-spacing: $letter-spacing;
+            flex: 1;
+            overflow: hidden;
+            text-overflow: ellipsis;
+          }
+
+          a+a {
+            border-left: dashed 1px rgba(0, 0, 0, 0.1);
           }
         }
 
diff --git a/src/Menu/BackendMenuBuilder.php b/src/Menu/BackendMenuBuilder.php
index 88e6382b2..802304207 100644
--- a/src/Menu/BackendMenuBuilder.php
+++ b/src/Menu/BackendMenuBuilder.php
@@ -314,6 +314,7 @@ private function addContentItems(MenuItem $menu): void
                     'singular_slug' => $contentType['singular_slug'],
                     'icon' => $contentType['icon_many'],
                     'link_new' => $this->urlGenerator->generate('bolt_content_new', ['contentType' => $contentType->getSlug()]),
+                    'link_listing' => $contentType->getSlug(),
                     'singleton' => $contentType['singleton'],
                     'active' => $contentType->getSlug() === 'pages' ? true : false,
                     'submenu' => $this->getLatestRecords($contentType),

From 16c7a9f1a010d310c1c4ec41df046dd606e5c5b6 Mon Sep 17 00:00:00 2001
From: Ivo Valchev <Ivo.V.Valchev@gmail.com>
Date: Fri, 22 May 2020 16:25:38 +0200
Subject: [PATCH 2/3] No underline on buttons

---
 assets/scss/init/_base.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/assets/scss/init/_base.scss b/assets/scss/init/_base.scss
index 296ca9c3b..be98c51b0 100644
--- a/assets/scss/init/_base.scss
+++ b/assets/scss/init/_base.scss
@@ -62,7 +62,7 @@ small {
     margin-bottom: 1rem;
   }
 
-  a {
+  a:not(.btn) {
     text-decoration: underline;
   }
 }

From 78d598370fd3f4650efb4315c09b1ebcd4aa261d Mon Sep 17 00:00:00 2001
From: Ivo Valchev <Ivo.V.Valchev@gmail.com>
Date: Fri, 22 May 2020 17:11:59 +0200
Subject: [PATCH 3/3] Update _sidebar.scss

---
 assets/scss/modules/admin/_sidebar.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/assets/scss/modules/admin/_sidebar.scss b/assets/scss/modules/admin/_sidebar.scss
index e29c8a01a..46c54b84a 100644
--- a/assets/scss/modules/admin/_sidebar.scss
+++ b/assets/scss/modules/admin/_sidebar.scss
@@ -136,7 +136,7 @@
             text-overflow: ellipsis;
           }
 
-          a+a {
+          a + a {
             border-left: dashed 1px rgba(0, 0, 0, 0.1);
           }
         }