@textback/notification-widget 2.0.0 → 2.0.1-102913

package/src/sdk/channels/vk-modal/vk-modal.html

@@ -1,17 +1,17 @@
-<div class="tb-modal">
-    <div class="tb-modal-dialog">
-        <div class="tb-modal-content">
-            <button class="tb-close" type="button">&times;</button>
-            <div class="tb-modal-content_text">
-                <p>
-                    Разрешите сообществу присылать сообщения. <br>
-                    Вы в любой момент сможете отписаться.
-                </p>
-            </div>
-            <div class="tb-vk-button">
-                <div class="tb-vk-icon">{{=vkIcon}}</div>
-                <div id="{{=vkPluginContainerId}}"></div> 
-            </div> 
-        </div>
-    </div>
-</div> 
+<div class="tb-modal">
+    <div class="tb-modal-dialog">
+        <div class="tb-modal-content">
+            <button class="tb-close" type="button">&times;</button>
+            <div class="tb-modal-content_text">
+                <p>
+                    Разрешите сообществу присылать сообщения. <br>
+                    Вы в любой момент сможете отписаться.
+                </p>
+            </div>
+            <div class="tb-vk-button">
+                <div class="tb-vk-icon">{{=vkIcon}}</div>
+                <div id="{{=vkPluginContainerId}}"></div> 
+            </div> 
+        </div>
+    </div>
+</div> 

package/src/sdk/channels/vk-modal/vk-modal.js

@@ -1,25 +1,25 @@
-import t from '../../../libraries/t.js';
-
-import './vk-modal.scss';
-import vkTemplate from './vk-modal.html';
-import vkIcon from '../../../widget/icons/icon_vk.svg';
-
-export default class VKModal {
-    constructor(vkPluginContainerId) {
-        const modalContainer = document.createElement('div');
-        
-        modalContainer.innerHTML = new t(vkTemplate).render({ vkPluginContainerId, vkIcon });
-
-        this.element = document.body.appendChild(modalContainer.firstChild);
-        this.element.querySelector('.tb-close').addEventListener('click', event => {
-            document.body.classList.remove('tb-modal-open');
-            document.body.removeChild(this.element);
-
-            if (this.onClose) {
-                this.onClose();
-            }
-        });
-
-        document.body.classList.add('tb-modal-open');
-    }
-}
+import t from '../../../libraries/t.js';
+
+import './vk-modal.scss';
+import vkTemplate from './vk-modal.html';
+import vkIcon from '../../../widget/icons/icon_vk.svg';
+
+export default class VKModal {
+    constructor(vkPluginContainerId) {
+        const modalContainer = document.createElement('div');
+        
+        modalContainer.innerHTML = new t(vkTemplate).render({ vkPluginContainerId, vkIcon });
+
+        this.element = document.body.appendChild(modalContainer.firstChild);
+        this.element.querySelector('.tb-close').addEventListener('click', event => {
+            document.body.classList.remove('tb-modal-open');
+            document.body.removeChild(this.element);
+
+            if (this.onClose) {
+                this.onClose();
+            }
+        });
+
+        document.body.classList.add('tb-modal-open');
+    }
+}

package/src/sdk/channels/vk-modal/vk-modal.scss

@@ -1,116 +1,116 @@
-.tb-modal-open {
-    overflow: hidden;
-    
-    .tb-modal {
-        overflow-x: hidden;
-        overflow-y: auto;
-
-        display: block;
-    }
-}
-
-.tb-modal {
-    position: fixed;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    display: none;
-    background-color: rgba(0, 0, 0, .7);
-    z-index: 1072;
-    height: 100%;
-    width: 100%;
-    text-align: center;
-
-    * {
-        box-sizing: border-box;
-    }
-
-    .tb-modal-dialog {
-        height: 100%;
-        width: 100%;
-
-        &:before {
-            display: inline-block;
-            vertical-align: middle;
-            content: " ";
-            height: 100%;
-        }
-
-        .tb-modal-content {
-            display: inline-block;
-            position: relative;
-            padding: 25px 25px 35px;
-            background-color: #fff;
-
-            width: 310px;
-
-            .tb-modal-content_text {
-                display: flex;
-                justify-content: center;
-            }
-
-            .tb-close {
-                position: absolute;
-                top: 5px;
-                right: 12px;
-
-                border: none;
-                outline: 0;
-                padding: 0;
-                background-color: transparent;
-
-                font-size: 24px;
-                font-weight: bold;
-                color: #000;
-                opacity: 0.7;
-
-                &:hover {
-                    opacity: 1;
-                    cursor: pointer;
-                }
-            }
-        }
-    }
-}
-
-.tb-vk-button {
-    margin-top: 15px;
-    display: inline-block;
-    width: 230px; 
-    position: relative;
-    padding-left: 40px;
-
-    .tb-vk-icon {
-        width: 30px;
-        height: 30px;
-        position: absolute;
-        top: 0px;
-        left: 0px;
-
-        > svg path {
-            fill: #45668e;
-        }
-    }
-
-    .tb-vk-button-container {
-
-    }
-}
-
-@media only screen and (min-device-width: 736px) {
-    .tb-modal .tb-modal-dialog .tb-modal-content{
-        width: 500px;
-    }
-
-    .tb-vk-button {
-        width: 245px; 
-        padding-left: 55px;
-
-        .tb-vk-icon {
-            width: 40px;
-            height: 40px;
-            top: -5px;
-        }
-    }
-}
+.tb-modal-open {
+    overflow: hidden;
+    
+    .tb-modal {
+        overflow-x: hidden;
+        overflow-y: auto;
+
+        display: block;
+    }
+}
+
+.tb-modal {
+    position: fixed;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    display: none;
+    background-color: rgba(0, 0, 0, .7);
+    z-index: 1072;
+    height: 100%;
+    width: 100%;
+    text-align: center;
+
+    * {
+        box-sizing: border-box;
+    }
+
+    .tb-modal-dialog {
+        height: 100%;
+        width: 100%;
+
+        &:before {
+            display: inline-block;
+            vertical-align: middle;
+            content: " ";
+            height: 100%;
+        }
+
+        .tb-modal-content {
+            display: inline-block;
+            position: relative;
+            padding: 25px 25px 35px;
+            background-color: #fff;
+
+            width: 310px;
+
+            .tb-modal-content_text {
+                display: flex;
+                justify-content: center;
+            }
+
+            .tb-close {
+                position: absolute;
+                top: 5px;
+                right: 12px;
+
+                border: none;
+                outline: 0;
+                padding: 0;
+                background-color: transparent;
+
+                font-size: 24px;
+                font-weight: bold;
+                color: #000;
+                opacity: 0.7;
+
+                &:hover {
+                    opacity: 1;
+                    cursor: pointer;
+                }
+            }
+        }
+    }
+}
+
+.tb-vk-button {
+    margin-top: 15px;
+    display: inline-block;
+    width: 230px; 
+    position: relative;
+    padding-left: 40px;
+
+    .tb-vk-icon {
+        width: 30px;
+        height: 30px;
+        position: absolute;
+        top: 0px;
+        left: 0px;
+
+        > svg path {
+            fill: #45668e;
+        }
+    }
+
+    .tb-vk-button-container {
+
+    }
+}
+
+@media only screen and (min-device-width: 736px) {
+    .tb-modal .tb-modal-dialog .tb-modal-content{
+        width: 500px;
+    }
+
+    .tb-vk-button {
+        width: 245px; 
+        padding-left: 55px;
+
+        .tb-vk-icon {
+            width: 40px;
+            height: 40px;
+            top: -5px;
+        }
+    }
+}