refactor: update layout

mrholek · mrholek · commit 985b95f89b4d · 2023-09-24T01:11:07.000+02:00
diff --git a/src/pug/_partials/header.pug b/src/pug/_partials/header.pug
@@ -1,6 +1,6 @@
 header.header.header-sticky.mb-4
   .container-fluid.border-bottom
-    button.header-toggler.px-md-0.me-md-3(type="button" onclick="coreui.Sidebar.getInstance(document.querySelector('#sidebar')).toggle()")
+    button.header-toggler.px-md-1.me-md-3(type="button" onclick="coreui.Sidebar.getInstance(document.querySelector('#sidebar')).toggle()")
       svg.icon.icon-lg
         use(xlink:href="node_modules/@coreui/icons/sprites/free.svg#cil-menu")
         |
diff --git a/src/views/base/accordion.html b/src/views/base/accordion.html
@@ -188,7 +188,7 @@
     <div class="wrapper d-flex flex-column min-vh-100">
       <header class="header header-sticky mb-4">
         <div class="container-fluid border-bottom">
-          <button class="header-toggler px-md-0 me-md-3" type="button" onclick="coreui.Sidebar.getInstance(document.querySelector('#sidebar')).toggle()">
+          <button class="header-toggler px-md-1 me-md-3" type="button" onclick="coreui.Sidebar.getInstance(document.querySelector('#sidebar')).toggle()">
             <svg class="icon icon-lg">
               <use xlink:href="node_modules/@coreui/icons/sprites/free.svg#cil-menu"></use>
             </svg>
diff --git a/src/views/base/breadcrumb.html b/src/views/base/breadcrumb.html
@@ -188,7 +188,7 @@
     <div class="wrapper d-flex flex-column min-vh-100">
       <header class="header header-sticky mb-4">
         <div class="container-fluid border-bottom">
-          <button class="header-toggler px-md-0 me-md-3" type="button" onclick="coreui.Sidebar.getInstance(document.querySelector('#sidebar')).toggle()">
+          <button class="header-toggler px-md-1 me-md-3" type="button" onclick="coreui.Sidebar.getInstance(document.querySelector('#sidebar')).toggle()">
             <svg class="icon icon-lg">
               <use xlink:href="node_modules/@coreui/icons/sprites/free.svg#cil-menu"></use>
             </svg>
diff --git a/src/views/base/cards.html b/src/views/base/cards.html
@@ -188,7 +188,7 @@
     <div class="wrapper d-flex flex-column min-vh-100">
       <header class="header header-sticky mb-4">
         <div class="container-fluid border-bottom">
-          <button class="header-toggler px-md-0 me-md-3" type="button" onclick="coreui.Sidebar.getInstance(document.querySelector('#sidebar')).toggle()">
+          <button class="header-toggler px-md-1 me-md-3" type="button" onclick="coreui.Sidebar.getInstance(document.querySelector('#sidebar')).toggle()">
             <svg class="icon icon-lg">
               <use xlink:href="node_modules/@coreui/icons/sprites/free.svg#cil-menu"></use>
             </svg>
diff --git a/src/views/base/carousel.html b/src/views/base/carousel.html
@@ -188,7 +188,7 @@
     <div class="wrapper d-flex flex-column min-vh-100">
       <header class="header header-sticky mb-4">
         <div class="container-fluid border-bottom">
-          <button class="header-toggler px-md-0 me-md-3" type="button" onclick="coreui.Sidebar.getInstance(document.querySelector('#sidebar')).toggle()">
+          <button class="header-toggler px-md-1 me-md-3" type="button" onclick="coreui.Sidebar.getInstance(document.querySelector('#sidebar')).toggle()">
             <svg class="icon icon-lg">
               <use xlink:href="node_modules/@coreui/icons/sprites/free.svg#cil-menu"></use>
             </svg>
diff --git a/src/views/base/collapse.html b/src/views/base/collapse.html
@@ -188,7 +188,7 @@
     <div class="wrapper d-flex flex-column min-vh-100">
       <header class="header header-sticky mb-4">
         <div class="container-fluid border-bottom">
-          <button class="header-toggler px-md-0 me-md-3" type="button" onclick="coreui.Sidebar.getInstance(document.querySelector('#sidebar')).toggle()">
+          <button class="header-toggler px-md-1 me-md-3" type="button" onclick="coreui.Sidebar.getInstance(document.querySelector('#sidebar')).toggle()">
             <svg class="icon icon-lg">
               <use xlink:href="node_modules/@coreui/icons/sprites/free.svg#cil-menu"></use>
             </svg>
diff --git a/src/views/base/list-group.html b/src/views/base/list-group.html
@@ -188,7 +188,7 @@
     <div class="wrapper d-flex flex-column min-vh-100">
       <header class="header header-sticky mb-4">
         <div class="container-fluid border-bottom">
-          <button class="header-toggler px-md-0 me-md-3" type="button" onclick="coreui.Sidebar.getInstance(document.querySelector('#sidebar')).toggle()">
+          <button class="header-toggler px-md-1 me-md-3" type="button" onclick="coreui.Sidebar.getInstance(document.querySelector('#sidebar')).toggle()">
             <svg class="icon icon-lg">
               <use xlink:href="node_modules/@coreui/icons/sprites/free.svg#cil-menu"></use>
             </svg>
diff --git a/src/views/base/navs-tabs.html b/src/views/base/navs-tabs.html
@@ -188,7 +188,7 @@
     <div class="wrapper d-flex flex-column min-vh-100">
       <header class="header header-sticky mb-4">
         <div class="container-fluid border-bottom">
-          <button class="header-toggler px-md-0 me-md-3" type="button" onclick="coreui.Sidebar.getInstance(document.querySelector('#sidebar')).toggle()">
+          <button class="header-toggler px-md-1 me-md-3" type="button" onclick="coreui.Sidebar.getInstance(document.querySelector('#sidebar')).toggle()">
             <svg class="icon icon-lg">
               <use xlink:href="node_modules/@coreui/icons/sprites/free.svg#cil-menu"></use>
             </svg>
diff --git a/src/views/base/pagination.html b/src/views/base/pagination.html
@@ -188,7 +188,7 @@
     <div class="wrapper d-flex flex-column min-vh-100">
       <header class="header header-sticky mb-4">
         <div class="container-fluid border-bottom">
-          <button class="header-toggler px-md-0 me-md-3" type="button" onclick="coreui.Sidebar.getInstance(document.querySelector('#sidebar')).toggle()">
+          <button class="header-toggler px-md-1 me-md-3" type="button" onclick="coreui.Sidebar.getInstance(document.querySelector('#sidebar')).toggle()">
             <svg class="icon icon-lg">
               <use xlink:href="node_modules/@coreui/icons/sprites/free.svg#cil-menu"></use>
             </svg>
diff --git a/src/views/base/placeholders.html b/src/views/base/placeholders.html
@@ -188,7 +188,7 @@
     <div class="wrapper d-flex flex-column min-vh-100">
       <header class="header header-sticky mb-4">
         <div class="container-fluid border-bottom">
-          <button class="header-toggler px-md-0 me-md-3" type="button" onclick="coreui.Sidebar.getInstance(document.querySelector('#sidebar')).toggle()">
+          <button class="header-toggler px-md-1 me-md-3" type="button" onclick="coreui.Sidebar.getInstance(document.querySelector('#sidebar')).toggle()">
             <svg class="icon icon-lg">
               <use xlink:href="node_modules/@coreui/icons/sprites/free.svg#cil-menu"></use>
             </svg>
diff --git a/src/views/base/popovers.html b/src/views/base/popovers.html
@@ -188,7 +188,7 @@
     <div class="wrapper d-flex flex-column min-vh-100">
       <header class="header header-sticky mb-4">
         <div class="container-fluid border-bottom">
-          <button class="header-toggler px-md-0 me-md-3" type="button" onclick="coreui.Sidebar.getInstance(document.querySelector('#sidebar')).toggle()">
+          <button class="header-toggler px-md-1 me-md-3" type="button" onclick="coreui.Sidebar.getInstance(document.querySelector('#sidebar')).toggle()">
             <svg class="icon icon-lg">
               <use xlink:href="node_modules/@coreui/icons/sprites/free.svg#cil-menu"></use>
             </svg>
diff --git a/src/views/base/progress.html b/src/views/base/progress.html
@@ -188,7 +188,7 @@
     <div class="wrapper d-flex flex-column min-vh-100">
       <header class="header header-sticky mb-4">
         <div class="container-fluid border-bottom">
-          <button class="header-toggler px-md-0 me-md-3" type="button" onclick="coreui.Sidebar.getInstance(document.querySelector('#sidebar')).toggle()">
+          <button class="header-toggler px-md-1 me-md-3" type="button" onclick="coreui.Sidebar.getInstance(document.querySelector('#sidebar')).toggle()">
             <svg class="icon icon-lg">
               <use xlink:href="node_modules/@coreui/icons/sprites/free.svg#cil-menu"></use>
             </svg>
diff --git a/src/views/base/spinners.html b/src/views/base/spinners.html
@@ -188,7 +188,7 @@
     <div class="wrapper d-flex flex-column min-vh-100">
       <header class="header header-sticky mb-4">
         <div class="container-fluid border-bottom">
-          <button class="header-toggler px-md-0 me-md-3" type="button" onclick="coreui.Sidebar.getInstance(document.querySelector('#sidebar')).toggle()">
+          <button class="header-toggler px-md-1 me-md-3" type="button" onclick="coreui.Sidebar.getInstance(document.querySelector('#sidebar')).toggle()">
             <svg class="icon icon-lg">
               <use xlink:href="node_modules/@coreui/icons/sprites/free.svg#cil-menu"></use>
             </svg>
diff --git a/src/views/base/tables.html b/src/views/base/tables.html
@@ -188,7 +188,7 @@
     <div class="wrapper d-flex flex-column min-vh-100">
       <header class="header header-sticky mb-4">
         <div class="container-fluid border-bottom">
-          <button class="header-toggler px-md-0 me-md-3" type="button" onclick="coreui.Sidebar.getInstance(document.querySelector('#sidebar')).toggle()">
+          <button class="header-toggler px-md-1 me-md-3" type="button" onclick="coreui.Sidebar.getInstance(document.querySelector('#sidebar')).toggle()">
             <svg class="icon icon-lg">
               <use xlink:href="node_modules/@coreui/icons/sprites/free.svg#cil-menu"></use>
             </svg>
diff --git a/src/views/base/tooltips.html b/src/views/base/tooltips.html
@@ -188,7 +188,7 @@
     <div class="wrapper d-flex flex-column min-vh-100">
       <header class="header header-sticky mb-4">
         <div class="container-fluid border-bottom">
-          <button class="header-toggler px-md-0 me-md-3" type="button" onclick="coreui.Sidebar.getInstance(document.querySelector('#sidebar')).toggle()">
+          <button class="header-toggler px-md-1 me-md-3" type="button" onclick="coreui.Sidebar.getInstance(document.querySelector('#sidebar')).toggle()">
             <svg class="icon icon-lg">
               <use xlink:href="node_modules/@coreui/icons/sprites/free.svg#cil-menu"></use>
             </svg>
diff --git a/src/views/blank.html b/src/views/blank.html
@@ -187,7 +187,7 @@
     <div class="wrapper d-flex flex-column min-vh-100">
       <header class="header header-sticky mb-4">
         <div class="container-fluid border-bottom">
-          <button class="header-toggler px-md-0 me-md-3" type="button" onclick="coreui.Sidebar.getInstance(document.querySelector('#sidebar')).toggle()">
+          <button class="header-toggler px-md-1 me-md-3" type="button" onclick="coreui.Sidebar.getInstance(document.querySelector('#sidebar')).toggle()">
             <svg class="icon icon-lg">
               <use xlink:href="node_modules/@coreui/icons/sprites/free.svg#cil-menu"></use>
             </svg>
diff --git a/src/views/buttons/button-group.html b/src/views/buttons/button-group.html
@@ -188,7 +188,7 @@
     <div class="wrapper d-flex flex-column min-vh-100">
       <header class="header header-sticky mb-4">
         <div class="container-fluid border-bottom">
-          <button class="header-toggler px-md-0 me-md-3" type="button" onclick="coreui.Sidebar.getInstance(document.querySelector('#sidebar')).toggle()">
+          <button class="header-toggler px-md-1 me-md-3" type="button" onclick="coreui.Sidebar.getInstance(document.querySelector('#sidebar')).toggle()">
             <svg class="icon icon-lg">
               <use xlink:href="node_modules/@coreui/icons/sprites/free.svg#cil-menu"></use>
             </svg>
diff --git a/src/views/buttons/buttons.html b/src/views/buttons/buttons.html
@@ -188,7 +188,7 @@
     <div class="wrapper d-flex flex-column min-vh-100">
       <header class="header header-sticky mb-4">
         <div class="container-fluid border-bottom">
-          <button class="header-toggler px-md-0 me-md-3" type="button" onclick="coreui.Sidebar.getInstance(document.querySelector('#sidebar')).toggle()">
+          <button class="header-toggler px-md-1 me-md-3" type="button" onclick="coreui.Sidebar.getInstance(document.querySelector('#sidebar')).toggle()">
             <svg class="icon icon-lg">
               <use xlink:href="node_modules/@coreui/icons/sprites/free.svg#cil-menu"></use>
             </svg>
diff --git a/src/views/buttons/dropdowns.html b/src/views/buttons/dropdowns.html
@@ -188,7 +188,7 @@
     <div class="wrapper d-flex flex-column min-vh-100">
       <header class="header header-sticky mb-4">
         <div class="container-fluid border-bottom">
-          <button class="header-toggler px-md-0 me-md-3" type="button" onclick="coreui.Sidebar.getInstance(document.querySelector('#sidebar')).toggle()">
+          <button class="header-toggler px-md-1 me-md-3" type="button" onclick="coreui.Sidebar.getInstance(document.querySelector('#sidebar')).toggle()">
             <svg class="icon icon-lg">
               <use xlink:href="node_modules/@coreui/icons/sprites/free.svg#cil-menu"></use>
             </svg>
diff --git a/src/views/charts.html b/src/views/charts.html
@@ -188,7 +188,7 @@
     <div class="wrapper d-flex flex-column min-vh-100">
       <header class="header header-sticky mb-4">
         <div class="container-fluid border-bottom">
-          <button class="header-toggler px-md-0 me-md-3" type="button" onclick="coreui.Sidebar.getInstance(document.querySelector('#sidebar')).toggle()">
+          <button class="header-toggler px-md-1 me-md-3" type="button" onclick="coreui.Sidebar.getInstance(document.querySelector('#sidebar')).toggle()">
             <svg class="icon icon-lg">
               <use xlink:href="node_modules/@coreui/icons/sprites/free.svg#cil-menu"></use>
             </svg>
diff --git a/src/views/colors.html b/src/views/colors.html
@@ -187,7 +187,7 @@
     <div class="wrapper d-flex flex-column min-vh-100">
       <header class="header header-sticky mb-4">
         <div class="container-fluid border-bottom">
-          <button class="header-toggler px-md-0 me-md-3" type="button" onclick="coreui.Sidebar.getInstance(document.querySelector('#sidebar')).toggle()">
+          <button class="header-toggler px-md-1 me-md-3" type="button" onclick="coreui.Sidebar.getInstance(document.querySelector('#sidebar')).toggle()">
             <svg class="icon icon-lg">
               <use xlink:href="node_modules/@coreui/icons/sprites/free.svg#cil-menu"></use>
             </svg>
diff --git a/src/views/forms/checks-radios.html b/src/views/forms/checks-radios.html
@@ -188,7 +188,7 @@
     <div class="wrapper d-flex flex-column min-vh-100">
       <header class="header header-sticky mb-4">
         <div class="container-fluid border-bottom">
-          <button class="header-toggler px-md-0 me-md-3" type="button" onclick="coreui.Sidebar.getInstance(document.querySelector('#sidebar')).toggle()">
+          <button class="header-toggler px-md-1 me-md-3" type="button" onclick="coreui.Sidebar.getInstance(document.querySelector('#sidebar')).toggle()">
             <svg class="icon icon-lg">
               <use xlink:href="node_modules/@coreui/icons/sprites/free.svg#cil-menu"></use>
             </svg>
diff --git a/src/views/forms/floating-labels.html b/src/views/forms/floating-labels.html
@@ -188,7 +188,7 @@
     <div class="wrapper d-flex flex-column min-vh-100">
       <header class="header header-sticky mb-4">
         <div class="container-fluid border-bottom">
-          <button class="header-toggler px-md-0 me-md-3" type="button" onclick="coreui.Sidebar.getInstance(document.querySelector('#sidebar')).toggle()">
+          <button class="header-toggler px-md-1 me-md-3" type="button" onclick="coreui.Sidebar.getInstance(document.querySelector('#sidebar')).toggle()">
             <svg class="icon icon-lg">
               <use xlink:href="node_modules/@coreui/icons/sprites/free.svg#cil-menu"></use>
             </svg>
diff --git a/src/views/forms/form-control.html b/src/views/forms/form-control.html
@@ -188,7 +188,7 @@
     <div class="wrapper d-flex flex-column min-vh-100">
       <header class="header header-sticky mb-4">
         <div class="container-fluid border-bottom">
-          <button class="header-toggler px-md-0 me-md-3" type="button" onclick="coreui.Sidebar.getInstance(document.querySelector('#sidebar')).toggle()">
+          <button class="header-toggler px-md-1 me-md-3" type="button" onclick="coreui.Sidebar.getInstance(document.querySelector('#sidebar')).toggle()">
             <svg class="icon icon-lg">
               <use xlink:href="node_modules/@coreui/icons/sprites/free.svg#cil-menu"></use>
             </svg>
diff --git a/src/views/forms/input-group.html b/src/views/forms/input-group.html
@@ -188,7 +188,7 @@
     <div class="wrapper d-flex flex-column min-vh-100">
       <header class="header header-sticky mb-4">
         <div class="container-fluid border-bottom">
-          <button class="header-toggler px-md-0 me-md-3" type="button" onclick="coreui.Sidebar.getInstance(document.querySelector('#sidebar')).toggle()">
+          <button class="header-toggler px-md-1 me-md-3" type="button" onclick="coreui.Sidebar.getInstance(document.querySelector('#sidebar')).toggle()">
             <svg class="icon icon-lg">
               <use xlink:href="node_modules/@coreui/icons/sprites/free.svg#cil-menu"></use>
             </svg>
diff --git a/src/views/forms/layout.html b/src/views/forms/layout.html
@@ -188,7 +188,7 @@
     <div class="wrapper d-flex flex-column min-vh-100">
       <header class="header header-sticky mb-4">
         <div class="container-fluid border-bottom">
-          <button class="header-toggler px-md-0 me-md-3" type="button" onclick="coreui.Sidebar.getInstance(document.querySelector('#sidebar')).toggle()">
+          <button class="header-toggler px-md-1 me-md-3" type="button" onclick="coreui.Sidebar.getInstance(document.querySelector('#sidebar')).toggle()">
             <svg class="icon icon-lg">
               <use xlink:href="node_modules/@coreui/icons/sprites/free.svg#cil-menu"></use>
             </svg>
diff --git a/src/views/forms/range.html b/src/views/forms/range.html
@@ -188,7 +188,7 @@
     <div class="wrapper d-flex flex-column min-vh-100">
       <header class="header header-sticky mb-4">
         <div class="container-fluid border-bottom">
-          <button class="header-toggler px-md-0 me-md-3" type="button" onclick="coreui.Sidebar.getInstance(document.querySelector('#sidebar')).toggle()">
+          <button class="header-toggler px-md-1 me-md-3" type="button" onclick="coreui.Sidebar.getInstance(document.querySelector('#sidebar')).toggle()">
             <svg class="icon icon-lg">
               <use xlink:href="node_modules/@coreui/icons/sprites/free.svg#cil-menu"></use>
             </svg>
diff --git a/src/views/forms/select.html b/src/views/forms/select.html
@@ -188,7 +188,7 @@
     <div class="wrapper d-flex flex-column min-vh-100">
       <header class="header header-sticky mb-4">
         <div class="container-fluid border-bottom">
-          <button class="header-toggler px-md-0 me-md-3" type="button" onclick="coreui.Sidebar.getInstance(document.querySelector('#sidebar')).toggle()">
+          <button class="header-toggler px-md-1 me-md-3" type="button" onclick="coreui.Sidebar.getInstance(document.querySelector('#sidebar')).toggle()">
             <svg class="icon icon-lg">
               <use xlink:href="node_modules/@coreui/icons/sprites/free.svg#cil-menu"></use>
             </svg>
diff --git a/src/views/forms/validation.html b/src/views/forms/validation.html
@@ -188,7 +188,7 @@
     <div class="wrapper d-flex flex-column min-vh-100">
       <header class="header header-sticky mb-4">
         <div class="container-fluid border-bottom">
-          <button class="header-toggler px-md-0 me-md-3" type="button" onclick="coreui.Sidebar.getInstance(document.querySelector('#sidebar')).toggle()">
+          <button class="header-toggler px-md-1 me-md-3" type="button" onclick="coreui.Sidebar.getInstance(document.querySelector('#sidebar')).toggle()">
             <svg class="icon icon-lg">
               <use xlink:href="node_modules/@coreui/icons/sprites/free.svg#cil-menu"></use>
             </svg>
diff --git a/src/views/icons/coreui-icons-brand.html b/src/views/icons/coreui-icons-brand.html
@@ -188,7 +188,7 @@
     <div class="wrapper d-flex flex-column min-vh-100">
       <header class="header header-sticky mb-4">
         <div class="container-fluid border-bottom">
-          <button class="header-toggler px-md-0 me-md-3" type="button" onclick="coreui.Sidebar.getInstance(document.querySelector('#sidebar')).toggle()">
+          <button class="header-toggler px-md-1 me-md-3" type="button" onclick="coreui.Sidebar.getInstance(document.querySelector('#sidebar')).toggle()">
             <svg class="icon icon-lg">
               <use xlink:href="node_modules/@coreui/icons/sprites/free.svg#cil-menu"></use>
             </svg>
diff --git a/src/views/icons/coreui-icons-flag.html b/src/views/icons/coreui-icons-flag.html
@@ -188,7 +188,7 @@
     <div class="wrapper d-flex flex-column min-vh-100">
       <header class="header header-sticky mb-4">
         <div class="container-fluid border-bottom">
-          <button class="header-toggler px-md-0 me-md-3" type="button" onclick="coreui.Sidebar.getInstance(document.querySelector('#sidebar')).toggle()">
+          <button class="header-toggler px-md-1 me-md-3" type="button" onclick="coreui.Sidebar.getInstance(document.querySelector('#sidebar')).toggle()">
             <svg class="icon icon-lg">
               <use xlink:href="node_modules/@coreui/icons/sprites/free.svg#cil-menu"></use>
             </svg>
diff --git a/src/views/icons/coreui-icons-free.html b/src/views/icons/coreui-icons-free.html
@@ -188,7 +188,7 @@
     <div class="wrapper d-flex flex-column min-vh-100">
       <header class="header header-sticky mb-4">
         <div class="container-fluid border-bottom">
-          <button class="header-toggler px-md-0 me-md-3" type="button" onclick="coreui.Sidebar.getInstance(document.querySelector('#sidebar')).toggle()">
+          <button class="header-toggler px-md-1 me-md-3" type="button" onclick="coreui.Sidebar.getInstance(document.querySelector('#sidebar')).toggle()">
             <svg class="icon icon-lg">
               <use xlink:href="node_modules/@coreui/icons/sprites/free.svg#cil-menu"></use>
             </svg>
diff --git a/src/views/index.html b/src/views/index.html
diff --git a/src/views/notifications/alerts.html b/src/views/notifications/alerts.html
diff --git a/src/views/notifications/badge.html b/src/views/notifications/badge.html
diff --git a/src/views/notifications/modals.html b/src/views/notifications/modals.html
diff --git a/src/views/notifications/toasts.html b/src/views/notifications/toasts.html
diff --git a/src/views/typography.html b/src/views/typography.html
diff --git a/src/views/widgets.html b/src/views/widgets.html

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`header.header.header-sticky.mb-4`
`2`	`2`	`.container-fluid.border-bottom`
`3`		`- button.header-toggler.px-md-0.me-md-3(type="button" onclick="coreui.Sidebar.getInstance(document.querySelector('#sidebar')).toggle()")`
	`3`	`+ button.header-toggler.px-md-1.me-md-3(type="button" onclick="coreui.Sidebar.getInstance(document.querySelector('#sidebar')).toggle()")`
`4`	`4`	`svg.icon.icon-lg`
`5`	`5`	`use(xlink:href="node_modules/@coreui/icons/sprites/free.svg#cil-menu")`
`6`	`6`	`\|`