refactor: update views

Author: mrholek

src/pug/_partials/header.pug

@@ -4,10 +4,6 @@ header.header.header-sticky.mb-4
       svg.icon.icon-lg
         use(xlink:href="node_modules/@coreui/icons/sprites/free.svg#cil-menu")
         |
-    a.header-brand.d-md-none(href="#")
-      svg(width="118" height="46" alt="CoreUI Logo")
-        use(xlink:href="assets/brand/coreui.svg#full")
-        |
     ul.header-nav.d-none.d-md-flex
       li.nav-item
         a.nav-link(href="#") Dashboard

src/pug/_partials/sidebar.pug

@@ -6,7 +6,7 @@
         |
       svg.sidebar-brand-narrow(width="32" height="32" alt="CoreUI Logo")
         use(xlink:href="assets/brand/coreui.svg#signet")
-    button.btn-close.d-md-none(type='button' data-coreui-dismiss='offcanvas' aria-label='Close' onclick='coreui.Sidebar.getInstance(document.querySelector("#sidebar")).toggle()')
+    button.btn-close.d-md-none(type='button' data-coreui-dismiss='offcanvas' data-coreui-theme="dark" aria-label='Close' onclick='coreui.Sidebar.getInstance(document.querySelector("#sidebar")).toggle()')
   ul.sidebar-nav(data-coreui="navigation" data-simplebar)
     li.nav-item
       a.nav-link(href='index.html')

src/pug/views/index.pug

@@ -382,27 +382,25 @@ block view
                       img.avatar-img(src='assets/img/avatars/1.jpg', alt='user@email.com')
                       span.avatar-status.bg-success
                   td
-                    div Yiorgos Avraamu
-                    .small.text-body-secondary
+                    .text-nowrap Yiorgos Avraamu
+                    .small.text-body-secondary.text-nowrap
                       span New
                       |  | Registered: Jan 1, 2020
                   td.text-center
                     svg.icon.icon-xl
                       use(xlink:href="node_modules/@coreui/icons/sprites/flag.svg#cif-us")
                   td
-                    .clearfix
-                      .float-start
-                        .fw-semibold 50%
-                      .float-end
-                        small.text-body-secondary Jun 11, 2020 - Jul 10, 2020
+                    .d-flex.justify-content-between.align-items-baseline
+                      .fw-semibold 50%
+                      .ms-1.text-nowrap.small.text-body-secondary Jun 11, 2020 - Jul 10, 2020
                     .progress.progress-thin
                       .progress-bar.bg-success(role='progressbar', style='width: 50%', aria-valuenow='50', aria-valuemin='0', aria-valuemax='100')
                   td.text-center
                     svg.icon.icon-xl
                       use(xlink:href="node_modules/@coreui/icons/sprites/brand.svg#cib-cc-mastercard")
                   td
                     .small.text-body-secondary Last login
-                    .fw-semibold 10 sec ago
+                    .fw-semibold.text-nowrap 10 sec ago
                   td
                     .dropdown
                       button.btn.btn-transparent.p-0(type='button', data-coreui-toggle='dropdown', aria-haspopup='true', aria-expanded='false')
@@ -418,27 +416,25 @@ block view
                       img.avatar-img(src='assets/img/avatars/2.jpg', alt='user@email.com')
                       span.avatar-status.bg-danger
                   td
-                    div Avram Tarasios
-                    .small.text-body-secondary
+                    .text-nowrap Avram Tarasios
+                    .small.text-body-secondary.text-nowrap
                       span Recurring
                       |  | Registered: Jan 1, 2020
                   td.text-center
                     svg.icon.icon-xl
                       use(xlink:href="node_modules/@coreui/icons/sprites/flag.svg#cif-br")
                   td
-                    .clearfix
-                      .float-start
-                        .fw-semibold 10%
-                      .float-end
-                        small.text-body-secondary Jun 11, 2020 - Jul 10, 2020
+                    .d-flex.justify-content-between.align-items-baseline
+                      .fw-semibold 10%
+                      .ms-1.text-nowrap.small.text-body-secondary Jun 11, 2020 - Jul 10, 2020
                     .progress.progress-thin
                       .progress-bar.bg-info(role='progressbar', style='width: 10%', aria-valuenow='10', aria-valuemin='0', aria-valuemax='100')
                   td.text-center
                     svg.icon.icon-xl
                       use(xlink:href="node_modules/@coreui/icons/sprites/brand.svg#cib-cc-visa")
                   td
                     .small.text-body-secondary Last login
-                    .fw-semibold 5 minutes ago
+                    .fw-semibold.text-nowrap 5 minutes ago
                   td
                     .dropdown
                       button.btn.btn-transparent.p-0(type='button', data-coreui-toggle='dropdown', aria-haspopup='true', aria-expanded='false')
@@ -454,27 +450,25 @@ block view
                       img.avatar-img(src='assets/img/avatars/3.jpg', alt='user@email.com')
                       span.avatar-status.bg-warning
                   td
-                    div Quintin Ed
-                    .small.text-body-secondary
+                    .text-nowrap Quintin Ed
+                    .small.text-body-secondary.text-nowrap
                       span New
                       |  | Registered: Jan 1, 2020
                   td.text-center
                     svg.icon.icon-xl
                       use(xlink:href="node_modules/@coreui/icons/sprites/flag.svg#cif-in")
                   td
-                    .clearfix
-                      .float-start
-                        .fw-semibold 74%
-                      .float-end
-                        small.text-body-secondary Jun 11, 2020 - Jul 10, 2020
+                    .d-flex.justify-content-between.align-items-baseline
+                      .fw-semibold 74%
+                      .ms-1.text-nowrap.small.text-body-secondary Jun 11, 2020 - Jul 10, 2020
                     .progress.progress-thin
                       .progress-bar.bg-warning(role='progressbar', style='width: 74%', aria-valuenow='74', aria-valuemin='0', aria-valuemax='100')
                   td.text-center
                     svg.icon.icon-xl
                       use(xlink:href="node_modules/@coreui/icons/sprites/brand.svg#cib-cc-stripe")
                   td
                     .small.text-body-secondary Last login
-                    .fw-semibold 1 hour ago
+                    .fw-semibold.text-nowrap 1 hour ago
                   td
                     .dropdown
                       button.btn.btn-transparent.p-0(type='button', data-coreui-toggle='dropdown', aria-haspopup='true', aria-expanded='false')
@@ -490,27 +484,25 @@ block view
                       img.avatar-img(src='assets/img/avatars/4.jpg', alt='user@email.com')
                       span.avatar-status.bg-secondary
                   td
-                    div Enéas Kwadwo
-                    .small.text-body-secondary
+                    .text-nowrap Enéas Kwadwo
+                    .small.text-body-secondary.text-nowrap
                       span New
                       |  | Registered: Jan 1, 2020
                   td.text-center
                     svg.icon.icon-xl
                       use(xlink:href="node_modules/@coreui/icons/sprites/flag.svg#cif-fr")
                   td
-                    .clearfix
-                      .float-start
-                        .fw-semibold 98%
-                      .float-end
-                        small.text-body-secondary Jun 11, 2020 - Jul 10, 2020
+                    .d-flex.justify-content-between.align-items-baseline
+                      .fw-semibold 98%
+                      .ms-1.text-nowrap.small.text-body-secondary Jun 11, 2020 - Jul 10, 2020
                     .progress.progress-thin
                       .progress-bar.bg-danger(role='progressbar', style='width: 98%', aria-valuenow='98', aria-valuemin='0', aria-valuemax='100')
                   td.text-center
                     svg.icon.icon-xl
                       use(xlink:href="node_modules/@coreui/icons/sprites/brand.svg#cib-cc-paypal")
                   td
                     .small.text-body-secondary Last login
-                    .fw-semibold Last month
+                    .fw-semibold.text-nowrap Last month
                   td
                     .dropdown
                       button.btn.btn-transparent.p-0(type='button', data-coreui-toggle='dropdown', aria-haspopup='true', aria-expanded='false')
@@ -526,27 +518,25 @@ block view
                       img.avatar-img(src='assets/img/avatars/5.jpg', alt='user@email.com')
                       span.avatar-status.bg-success
                   td
-                    div Agapetus Tadeáš
-                    .small.text-body-secondary
+                    .text-nowrap Agapetus Tadeáš
+                    .small.text-body-secondary.text-nowrap
                       span New
                       |  | Registered: Jan 1, 2020
                   td.text-center
                     svg.icon.icon-xl
                       use(xlink:href="node_modules/@coreui/icons/sprites/flag.svg#cif-es")
                   td
-                    .clearfix
-                      .float-start
-                        .fw-semibold 22%
-                      .float-end
-                        small.text-body-secondary Jun 11, 2020 - Jul 10, 2020
+                    .d-flex.justify-content-between.align-items-baseline
+                      .fw-semibold 22%
+                      .ms-1.text-nowrap.small.text-body-secondary Jun 11, 2020 - Jul 10, 2020
                     .progress.progress-thin
                       .progress-bar.bg-info(role='progressbar', style='width: 22%', aria-valuenow='22', aria-valuemin='0', aria-valuemax='100')
                   td.text-center
                     svg.icon.icon-xl
                       use(xlink:href="node_modules/@coreui/icons/sprites/brand.svg#cib-cc-apple-pay")
                   td
                     .small.text-body-secondary Last login
-                    .fw-semibold Last week
+                    .fw-semibold.text-nowrap Last week
                   td
                     .dropdown.dropup
                       button.btn.btn-transparent.p-0(type='button', data-coreui-toggle='dropdown', aria-haspopup='true', aria-expanded='false')
@@ -562,27 +552,25 @@ block view
                       img.avatar-img(src='assets/img/avatars/6.jpg', alt='user@email.com')
                       span.avatar-status.bg-danger
                   td
-                    div Friderik Dávid
-                    .small.text-body-secondary
+                    .text-nowrap Friderik Dávid
+                    .small.text-body-secondary.text-nowrap
                       span New
                       |  | Registered: Jan 1, 2020
                   td.text-center
                     svg.icon.icon-xl
                       use(xlink:href="node_modules/@coreui/icons/sprites/flag.svg#cif-pl")
                   td
-                    .clearfix
-                      .float-start
-                        .fw-semibold 43%
-                      .float-end
-                        small.text-body-secondary Jun 11, 2020 - Jul 10, 2020
+                    .d-flex.justify-content-between.align-items-baseline
+                      .fw-semibold 43%
+                      .ms-1.text-nowrap.small.text-body-secondary Jun 11, 2020 - Jul 10, 2020
                     .progress.progress-thin
                       .progress-bar.bg-success(role='progressbar', style='width: 43%', aria-valuenow='43', aria-valuemin='0', aria-valuemax='100')
                   td.text-center
                     svg.icon.icon-xl
                       use(xlink:href="node_modules/@coreui/icons/sprites/brand.svg#cib-cc-amex")
                   td
                     .small.text-body-secondary Last login
-                    .fw-semibold Yesterday
+                    .fw-semibold.text-nowrap Yesterday
                   td
                     .dropdown.dropup
                       button.btn.btn-transparent.p-0(type='button', data-coreui-toggle='dropdown', aria-haspopup='true', aria-expanded='false')

src/views/base/accordion.html

@@ -55,7 +55,7 @@
             <use xlink:href="assets/brand/coreui.svg#signet"></use>
           </svg>
         </div>
-        <button class="btn-close d-md-none" type="button" data-coreui-dismiss="offcanvas" aria-label="Close" onclick="coreui.Sidebar.getInstance(document.querySelector(&quot;#sidebar&quot;)).toggle()"></button>
+        <button class="btn-close d-md-none" type="button" data-coreui-dismiss="offcanvas" data-coreui-theme="dark" aria-label="Close" onclick="coreui.Sidebar.getInstance(document.querySelector(&quot;#sidebar&quot;)).toggle()"></button>
       </div>
       <ul class="sidebar-nav" data-coreui="navigation" data-simplebar>
         <li class="nav-item"><a class="nav-link" href="index.html">
@@ -192,10 +192,7 @@
             <svg class="icon icon-lg">
               <use xlink:href="node_modules/@coreui/icons/sprites/free.svg#cil-menu"></use>
             </svg>
-          </button><a class="header-brand d-md-none" href="#">
-            <svg width="118" height="46" alt="CoreUI Logo">
-              <use xlink:href="assets/brand/coreui.svg#full"></use>
-            </svg></a>
+          </button>
           <ul class="header-nav d-none d-md-flex">
             <li class="nav-item"><a class="nav-link" href="#">Dashboard</a></li>
             <li class="nav-item"><a class="nav-link" href="#">Users</a></li>

src/views/base/breadcrumb.html

@@ -55,7 +55,7 @@
             <use xlink:href="assets/brand/coreui.svg#signet"></use>
           </svg>
         </div>
-        <button class="btn-close d-md-none" type="button" data-coreui-dismiss="offcanvas" aria-label="Close" onclick="coreui.Sidebar.getInstance(document.querySelector(&quot;#sidebar&quot;)).toggle()"></button>
+        <button class="btn-close d-md-none" type="button" data-coreui-dismiss="offcanvas" data-coreui-theme="dark" aria-label="Close" onclick="coreui.Sidebar.getInstance(document.querySelector(&quot;#sidebar&quot;)).toggle()"></button>
       </div>
       <ul class="sidebar-nav" data-coreui="navigation" data-simplebar>
         <li class="nav-item"><a class="nav-link" href="index.html">
@@ -192,10 +192,7 @@
             <svg class="icon icon-lg">
               <use xlink:href="node_modules/@coreui/icons/sprites/free.svg#cil-menu"></use>
             </svg>
-          </button><a class="header-brand d-md-none" href="#">
-            <svg width="118" height="46" alt="CoreUI Logo">
-              <use xlink:href="assets/brand/coreui.svg#full"></use>
-            </svg></a>
+          </button>
           <ul class="header-nav d-none d-md-flex">
             <li class="nav-item"><a class="nav-link" href="#">Dashboard</a></li>
             <li class="nav-item"><a class="nav-link" href="#">Users</a></li>

src/views/base/cards.html

@@ -55,7 +55,7 @@
             <use xlink:href="assets/brand/coreui.svg#signet"></use>
           </svg>
         </div>
-        <button class="btn-close d-md-none" type="button" data-coreui-dismiss="offcanvas" aria-label="Close" onclick="coreui.Sidebar.getInstance(document.querySelector(&quot;#sidebar&quot;)).toggle()"></button>
+        <button class="btn-close d-md-none" type="button" data-coreui-dismiss="offcanvas" data-coreui-theme="dark" aria-label="Close" onclick="coreui.Sidebar.getInstance(document.querySelector(&quot;#sidebar&quot;)).toggle()"></button>
       </div>
       <ul class="sidebar-nav" data-coreui="navigation" data-simplebar>
         <li class="nav-item"><a class="nav-link" href="index.html">
@@ -192,10 +192,7 @@
             <svg class="icon icon-lg">
               <use xlink:href="node_modules/@coreui/icons/sprites/free.svg#cil-menu"></use>
             </svg>
-          </button><a class="header-brand d-md-none" href="#">
-            <svg width="118" height="46" alt="CoreUI Logo">
-              <use xlink:href="assets/brand/coreui.svg#full"></use>
-            </svg></a>
+          </button>
           <ul class="header-nav d-none d-md-flex">
             <li class="nav-item"><a class="nav-link" href="#">Dashboard</a></li>
             <li class="nav-item"><a class="nav-link" href="#">Users</a></li>

src/views/base/carousel.html

@@ -55,7 +55,7 @@
             <use xlink:href="assets/brand/coreui.svg#signet"></use>
           </svg>
         </div>
-        <button class="btn-close d-md-none" type="button" data-coreui-dismiss="offcanvas" aria-label="Close" onclick="coreui.Sidebar.getInstance(document.querySelector(&quot;#sidebar&quot;)).toggle()"></button>
+        <button class="btn-close d-md-none" type="button" data-coreui-dismiss="offcanvas" data-coreui-theme="dark" aria-label="Close" onclick="coreui.Sidebar.getInstance(document.querySelector(&quot;#sidebar&quot;)).toggle()"></button>
       </div>
       <ul class="sidebar-nav" data-coreui="navigation" data-simplebar>
         <li class="nav-item"><a class="nav-link" href="index.html">
@@ -192,10 +192,7 @@
             <svg class="icon icon-lg">
               <use xlink:href="node_modules/@coreui/icons/sprites/free.svg#cil-menu"></use>
             </svg>
-          </button><a class="header-brand d-md-none" href="#">
-            <svg width="118" height="46" alt="CoreUI Logo">
-              <use xlink:href="assets/brand/coreui.svg#full"></use>
-            </svg></a>
+          </button>
           <ul class="header-nav d-none d-md-flex">
             <li class="nav-item"><a class="nav-link" href="#">Dashboard</a></li>
             <li class="nav-item"><a class="nav-link" href="#">Users</a></li>

src/views/base/collapse.html

@@ -55,7 +55,7 @@
             <use xlink:href="assets/brand/coreui.svg#signet"></use>
           </svg>
         </div>
-        <button class="btn-close d-md-none" type="button" data-coreui-dismiss="offcanvas" aria-label="Close" onclick="coreui.Sidebar.getInstance(document.querySelector(&quot;#sidebar&quot;)).toggle()"></button>
+        <button class="btn-close d-md-none" type="button" data-coreui-dismiss="offcanvas" data-coreui-theme="dark" aria-label="Close" onclick="coreui.Sidebar.getInstance(document.querySelector(&quot;#sidebar&quot;)).toggle()"></button>
       </div>
       <ul class="sidebar-nav" data-coreui="navigation" data-simplebar>
         <li class="nav-item"><a class="nav-link" href="index.html">
@@ -192,10 +192,7 @@
             <svg class="icon icon-lg">
               <use xlink:href="node_modules/@coreui/icons/sprites/free.svg#cil-menu"></use>
             </svg>
-          </button><a class="header-brand d-md-none" href="#">
-            <svg width="118" height="46" alt="CoreUI Logo">
-              <use xlink:href="assets/brand/coreui.svg#full"></use>
-            </svg></a>
+          </button>
           <ul class="header-nav d-none d-md-flex">
             <li class="nav-item"><a class="nav-link" href="#">Dashboard</a></li>
             <li class="nav-item"><a class="nav-link" href="#">Users</a></li>

src/views/base/list-group.html

@@ -55,7 +55,7 @@
             <use xlink:href="assets/brand/coreui.svg#signet"></use>
           </svg>
         </div>
-        <button class="btn-close d-md-none" type="button" data-coreui-dismiss="offcanvas" aria-label="Close" onclick="coreui.Sidebar.getInstance(document.querySelector(&quot;#sidebar&quot;)).toggle()"></button>
+        <button class="btn-close d-md-none" type="button" data-coreui-dismiss="offcanvas" data-coreui-theme="dark" aria-label="Close" onclick="coreui.Sidebar.getInstance(document.querySelector(&quot;#sidebar&quot;)).toggle()"></button>
       </div>
       <ul class="sidebar-nav" data-coreui="navigation" data-simplebar>
         <li class="nav-item"><a class="nav-link" href="index.html">
@@ -192,10 +192,7 @@
             <svg class="icon icon-lg">
               <use xlink:href="node_modules/@coreui/icons/sprites/free.svg#cil-menu"></use>
             </svg>
-          </button><a class="header-brand d-md-none" href="#">
-            <svg width="118" height="46" alt="CoreUI Logo">
-              <use xlink:href="assets/brand/coreui.svg#full"></use>
-            </svg></a>
+          </button>
           <ul class="header-nav d-none d-md-flex">
             <li class="nav-item"><a class="nav-link" href="#">Dashboard</a></li>
             <li class="nav-item"><a class="nav-link" href="#">Users</a></li>