Block page part 1

Stigmatoz · Stigmatoz · commit 8467679ddbd8 · 2019-04-07T01:09:51.000+03:00
diff --git a/block.html b/block.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+   <meta charset="utf-8">
+   <title>Access to the site is limited</title>
+   <link href="style/settings.css" rel="stylesheet" />
+</head>
+
+<body>
+   <div class="content">
+      Limit for this site
+   </div>
+</body>
+
+</html>
diff --git a/scripts/webact.js b/scripts/webact.js
@@ -27,11 +27,13 @@ document.addEventListener('DOMContentLoaded', function () {
         getDataFromStorageByDays();
     });
     document.getElementById('settings').addEventListener('click', function () {
-        if (chrome.runtime.openOptionsPage) {
-            chrome.runtime.openOptionsPage();
-        } else {
-            window.open(chrome.runtime.getURL('options.html'));
-        }
+        chrome.tabs.create({ url: chrome.runtime.getURL("block.html") })
+
+        // if (chrome.runtime.openOptionsPage) {
+        //     chrome.runtime.openOptionsPage();
+        // } else {
+        //     window.open(chrome.runtime.getURL('block.html'));
+        // }
     });
 });
 
diff --git a/style/webact.css b/style/webact.css
@@ -94,15 +94,15 @@ a{
     display: inline-block;
     font-size: 12px;
     font-weight: 600;
-    margin: 4px 2px;
+    margin: 4px 7px;
     transition-duration: 0.4s;
     cursor: pointer;
     text-decoration: none;
     text-transform: uppercase;
 
     border-bottom: 2px solid rgb(184, 179, 179);
     background: transparent; 
-    width: 21%;
+    width: 19%;
 }
 
 a:hover {
