not-bulma 1.2.59 → 1.2.61

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "not-bulma",
-  "version": "1.2.59",
+  "version": "1.2.61",
   "description": "not-* family UI components on Bulma CSS Framework",
   "main": "src/index.js",
   "svelte": "src/index.js",

package/src/elements/modal/ui.modal.svelte

@@ -19,6 +19,7 @@
     export let subtitle = "";
     export let classes = "";
     export let overlayClasses = "";
+    export let buttonsClasses = "";
 
     export let WAITING_TEXT = "Обработка";
 </script>
@@ -38,6 +39,7 @@
 
             {#if buttonsPosition === "top"}
                 <UIButtonsRow
+                    classes={buttonsClasses}
                     left={closeButton ? [closeButton] : []}
                     right={applyButton ? [applyButton] : []}
                 ></UIButtonsRow>
@@ -47,6 +49,7 @@
 
             {#if buttonsPosition === "bottom"}
                 <UIButtonsRow
+                    classes={buttonsClasses || "is-footer"}
                     left={closeButton ? [closeButton] : []}
                     right={applyButton ? [applyButton] : []}
                 ></UIButtonsRow>

package/src/frame/components/table/notTable.svelte

@@ -199,31 +199,33 @@
         {/each}
     </tbody>
 </table>
-<nav class="pagination is-centered" aria-label="pagination">
-    <a href class="pagination-previous" on:click={goPrev}>Назад</a>
-    <a href class="pagination-next" on:click={goNext}>Вперед</a>
-    <ul class="pagination-list">
-        {#if state.pagination && state.pagination.pages && state.pagination.pages.list}
-            {#each state.pagination.pages.list as page}
-                <li>
-                    {#if page.active}
-                        <a
-                            href
-                            class="pagination-link is-current"
-                            aria-label="Страница {page.index}"
-                            aria-current="page">{page.index + 1}</a
-                        >
-                    {:else}
-                        <a
-                            href
-                            class="pagination-link"
-                            aria-label="Страница {page.index}"
-                            data-page={page.index}
-                            on:click={goTo}>{page.index + 1}</a
-                        >
-                    {/if}
-                </li>
-            {/each}
-        {/if}
-    </ul>
-</nav>
+{#if state?.pagination?.pages?.list.length > 1}
+    <nav class="pagination is-centered" aria-label="pagination">
+        <a href class="pagination-previous" on:click={goPrev}>Назад</a>
+        <a href class="pagination-next" on:click={goNext}>Вперед</a>
+        <ul class="pagination-list">
+            {#if state.pagination && state.pagination.pages && state.pagination.pages.list}
+                {#each state.pagination.pages.list as page}
+                    <li>
+                        {#if page.active}
+                            <a
+                                href
+                                class="pagination-link is-current"
+                                aria-label="Страница {page.index}"
+                                aria-current="page">{page.index + 1}</a
+                            >
+                        {:else}
+                            <a
+                                href
+                                class="pagination-link"
+                                aria-label="Страница {page.index}"
+                                data-page={page.index}
+                                on:click={goTo}>{page.index + 1}</a
+                            >
+                        {/if}
+                    </li>
+                {/each}
+            {/if}
+        </ul>
+    </nav>
+{/if}

package/src/scss/_helpers.scss

@@ -19,3 +19,17 @@
 .is-no-flex-wrap {
     flex-wrap: nowrap !important;
 }
+
+.is-footer {
+    position: absolute;
+    bottom: 0px;
+    transform: translateY(-50%);
+    width: 100%;
+}
+
+.is-fullscreen {
+    height: 100%;
+    width: 100%;
+    margin: 0px;
+    border: none;
+}

package/src/scss/_overlay.scss

@@ -1,17 +1,16 @@
 .not-overlay {
-  position: fixed!important;
-  top: 0px;
-  left: 0px;
-  width: 100vw;
-  height: 100vh;
-  margin: 0px;
-  display: block;
-  opacity: 1;
-  overflow: hidden;
+    position: fixed !important;
+    top: 0px;
+    left: 0px;
+    width: 100vw;
+    height: 100vh;
+    margin: 0px;
+    display: block;
+    opacity: 1;
+    overflow: hidden;
 }
 
-
 .stop-scrolling {
-  height: 100%;
-  overflow: hidden;
+    height: 100%;
+    overflow: hidden;
 }