Merge pull request #1836 from bolt/update-top-toolbar

Update top toolbar. Kill your darlings!

Author: I-Valchev

Diff for: assets/js/app/toolbar/Components/Toolbar.vue

@@ -8,10 +8,16 @@
       <img
         src="/assets/images/bolt_logo_dashboard.svg"
         alt="⚙️ Bolt"
-        height="28"
+        height="26"
       />
     </div>
 
+    <div class="toolbar-item toolbar-item__site">
+      <a href="/" target="_blank">
+        <i class="fas fa-sign-out-alt"></i>{{ labels['action.view_site'] }}
+      </a>
+    </div>
+
     <form
       :action="backendPrefix"
       class="toolbar-item toolbar-item__filter input-group"
@@ -25,41 +31,16 @@
         :value="filterValue"
       />
       <div class="input-group-append">
-        <button class="btn btn-tertiary" type="submit">
-          <i class="fas fa-search"></i>{{ labels['listing.button_search'] }}
+        <button
+          class="btn btn-tertiary"
+          type="submit"
+          :title="labels['listing.button_search']"
+        >
+          <i class="fas fa-search" style="margin: 0;"></i>
         </button>
       </div>
     </form>
 
-    <div class="toolbar-item toolbar-item__site">
-      <a href="/" target="_blank">
-        <i class="fas fa-sign-out-alt"></i>{{ labels['action.view_site'] }}
-      </a>
-    </div>
-
-    <div class="toolbar-item btn-group toolbar-item__new">
-      <button
-        class="btn new-item__dropdown-toggler dropdown-toggle"
-        type="button"
-        data-toggle="dropdown"
-        data-display="static"
-        aria-haspopup="true"
-        aria-expanded="false"
-      >
-        <i class="fas fa-magic"></i>{{ labels['action.create_new'] }}…
-      </button>
-      <div class="new-item__dropdown dropdown-menu">
-        <ul>
-          <li v-for="(item, index) in createMenu" :key="index">
-            <a :href="item.link_new"
-              ><i :class="`fa fa-fw ${item.icon}`"></i>
-              {{ item.singular_name }}</a
-            >
-          </li>
-        </ul>
-      </div>
-    </div>
-
     <div class="toolbar-item btn-group toolbar-item__profile">
       <button
         class="btn user profile__dropdown-toggler dropdown-toggle"

Diff for: assets/scss/modules/admin/_toolbar.scss

@@ -41,7 +41,6 @@
     align-items: center;
     justify-content: center;
     font-size: 0.875rem;
-    padding: 0;
 
     a {
       font-size: 0.9375rem;
@@ -119,15 +118,7 @@
 
     &__brand {
       justify-content: left;
-      padding-left: 2rem;
-
-      @include media-breakpoint-up(lg) {
-        flex: 0 1 $admin-sidebar-width;
-      }
-
-      @include media-breakpoint-up(wd) {
-        flex: 0 1 $admin-sidebar-width-wide;
-      }
+      padding: 0 2rem;
 
       svg,
       img {
@@ -152,7 +143,7 @@
 
     &__filter {
       margin-left: auto;
-      max-width: 400px;
+      max-width: 200px;
       margin-right: 1rem;
     }
 
@@ -161,6 +152,7 @@
 
       @include media-breakpoint-up(sm) {
         display: block;
+        padding-top: 0.1rem;
       }
 
       a {

Diff for: package-lock.json

@@ -32,14 +32,14 @@
     "baguettebox.js": "^1.11.1",
     "bootbox": "^5.4.0",
     "bootstrap": "^4.5.2",
-    "browserslist": "^4.14.0",
-    "caniuse-lite": "^1.0.30001122",
+    "browserslist": "^4.14.1",
+    "caniuse-lite": "^1.0.30001124",
     "codemirror": "^5.57.0",
     "dropzone": "^5.7.2",
     "flagpack": "^1.0.5",
     "hotkeys-js": "^3.8.1",
     "jquery": "^3.5.1",
-    "locutus": "^2.0.11",
+    "locutus": "^2.0.12",
     "luxon": "^1.25.0",
     "no-scroll": "^2.1.1",
     "node-vibrant": "^3.1.5",
@@ -61,7 +61,7 @@
     "zxcvbn": "^4.4.2"
   },
   "devDependencies": {
-    "@babel/core": "^7.11.5",
+    "@babel/core": "^7.11.6",
     "@babel/plugin-transform-regenerator": "^7.10.4",
     "@babel/plugin-transform-runtime": "^7.11.5",
     "@babel/polyfill": "^7.11.5",

Diff for: package.json

@@ -28,8 +28,7 @@
         {# Setting the labels and their localisations that are used in the sidebar-menu. #}
         {% set labels = {
             'about.bolt_documentation': 'about.bolt_documentation'|trans,
-            'action.view_site': 'action.view_site'|trans,
-            'action.create_new': 'action.create_new'|trans,
+            'action.view_site': config.get('general/sitename'),
             'general.greeting': 'general.greeting'|trans({'%name%': user_display_name}),
             'action.logout': 'action.logout'|trans,
             'action.edit_profile': 'action.edit_profile'|trans,