v1.5

code-charity · Oct 1, 2020 · 109d361 · 109d361
1 parent 234c5ea
commit 109d361
Show file tree

Hide file tree

Showing 20 changed files with 2,935 additions and 2,415 deletions.
diff --git a/assets/icons/128.png b/assets/icons/128.png
diff --git a/assets/icons/16.png b/assets/icons/16.png
diff --git a/assets/icons/32.png b/assets/icons/32.png
diff --git a/assets/icons/48.png b/assets/icons/48.png
diff --git a/assets/icons/vector.svg b/assets/icons/vector.svg
diff --git a/background.js b/background.js
@@ -1,3 +1,7 @@
+/*---------------------------------------------------------------
+>>> BACKGROUND
+---------------------------------------------------------------*/
+
 chrome.runtime.onMessage.addListener(function(request, sender) {
     if (request.name === 'download') {
         chrome.permissions.request({
@@ -14,12 +18,7 @@ chrome.runtime.onMessage.addListener(function(request, sender) {
                         filename: request.filename,
                         saveAs: true
                     });
-                } catch (err) {
-                    chrome.runtime.sendMessage({
-                        name: 'satus-error',
-                        value: err
-                    });
-                }
+                } catch (err) {}
             } else {
                 chrome.runtime.sendMessage({
                     name: 'satus-error',
@@ -28,4 +27,4 @@ chrome.runtime.onMessage.addListener(function(request, sender) {
             }
         });
     }
-});
+});
diff --git a/index.html b/index.html
@@ -1,13 +1,19 @@
 <!doctype html>
-<html>
+<html lang="en">
 	<head>
 		<meta charset="utf-8">
 		<title>To-Do</title>
-		<link rel=stylesheet href=satus.css>
-		<link rel=stylesheet href=popup.css>
+		<style>
+            html, body {
+                width: 300px;
+                height: 500px
+            }
+		</style>
+		<link rel="stylesheet" href="satus.css">
+		<link rel="stylesheet" href="popup.css">
 	</head>
 	<body>
-		<script src=satus.js></script>
-		<script src=popup.js></script>
+		<script src="satus.js"></script>
+		<script src="popup.js"></script>
 	</body>
-</html>
+</html>
diff --git a/manifest.json b/manifest.json
@@ -1,7 +1,7 @@
 {
     "manifest_version": 2,
     "name": "To-Do",
-    "version": "1.0.4",
+    "version": "1.5",
     "icons": {
         "16": "assets/icons/16.png",
         "32": "assets/icons/32.png",

diff --git a/popup.css b/popup.css
@@ -4,16 +4,16 @@ html
     --satus-theme-primary: #f6b465;
     /*--satus-theme-on-surface: #fafafa;*/
 }
-/*--------------------------------------------------------------
->>> TABLE OF CONTENTS:
-----------------------------------------------------------------
+/*---------------------------------------------------------------
+>>> BASIC
+-----------------------------------------------------------------
 # Fonts
-# Basic
---------------------------------------------------------------*/
+# Body
+---------------------------------------------------------------*/
 
-/*--------------------------------------------------------------
+/*---------------------------------------------------------------
 # FONTS
---------------------------------------------------------------*/
+---------------------------------------------------------------*/
 
 @font-face
 {
@@ -32,9 +32,9 @@ html
 }
 
 
-/*--------------------------------------------------------------
-# BASIC
---------------------------------------------------------------*/
+/*---------------------------------------------------------------
+# BODY
+---------------------------------------------------------------*/
 
 body
 {
@@ -45,8 +45,6 @@ body
     overflow: hidden;
     flex-direction: column;
 
-    width: 300px;
-    height: 500px;
     margin: 0;
 }
 
@@ -273,6 +271,27 @@ body[data-appearance='home'] .satus-text--title
 2.0 SECTION
 --------------------------------------------------------------*/
 
+.satus-section--main
+{
+    display: block;
+
+    box-sizing: border-box;
+    width: calc(100% - 16px);
+    max-width: 900px;
+    margin: 8px auto;
+    padding: 8px 0;
+
+    color: var(--satus-theme-on-surface, #777);
+    border: 1px solid rgba(0,0,0,.1);
+    border-radius: 8px;
+    background-color: var(--satus-theme-surface, #fff);   
+}
+
+.satus-text--message
+{
+    padding: 0 16px
+}
+
 .satus-main .satus-list--label
 {
     font-size: 17px;
@@ -307,7 +326,7 @@ body[data-appearance='home'] .satus-text--title
     width: 100%;
 }
 
-.satus-button--remove
+.satus-main .satus-button.satus-button--remove
 {
     position: absolute;
     z-index: 1;
@@ -319,11 +338,8 @@ body[data-appearance='home'] .satus-text--title
     width: 36px;
     height: 36px;
     padding: 6px;
-}
-
-.satus-button--remove::before
-{
-    border-radius: 50%;
+
+    border-radius: 50%
 }
 
 .satus-main__container .satus-list li .satus-section:hover .satus-button--remove
@@ -443,6 +459,17 @@ body[data-appearance='home'] .satus-text--title
     box-shadow: none;
 }
 
+/*---------------------------------------------------------------
+>>> FOOTER
+-----------------------------------------------------------------
+# Button
+# Dialog
+---------------------------------------------------------------*/
+
+/*---------------------------------------------------------------
+1.0 BUTTON
+---------------------------------------------------------------*/
+
 .satus-button--create
 {
     position: fixed;
@@ -453,18 +480,16 @@ body[data-appearance='home'] .satus-text--title
     height: 56px;
     padding: 0;
 
-    transition: background 500ms 250ms, transform 500ms, box-shadow 525ms;
-
     color: #fff;
     border-radius: 50%;
     background: linear-gradient(135deg, #f8d266, #f17953);
     box-shadow: 0 2px 1px 1px rgba(230, 109, 70, .7), 0 3px 5px rgba(0,0,0,.35);
 }
 
-.satus-button--create::before
-{
-    content: none;
-}
+
+/*---------------------------------------------------------------
+2.0 DIALOG
+---------------------------------------------------------------*/
 
 .satus-dialog--create .satus-text
 {
@@ -476,7 +501,7 @@ body[data-appearance='home'] .satus-text--title
 
 .satus-dialog--create .satus-text-field
 {
-    font-size: 1rem;
+    font-size: 16px;
 
     width: calc(100% - 32px);
     margin: 8px 16px;
@@ -500,7 +525,8 @@ body[data-appearance='home'] .satus-text--title
 
 .satus-dialog--create .satus-button
 {
-    font: 600 .875rem 'Open Sans';
+    font-size: 14px;
+    font-weight: 600;
 
     overflow: hidden;
 
@@ -516,8 +542,3 @@ body[data-appearance='home'] .satus-text--title
 {
     background-color: rgba(0,0,0,.03);
 }
-
-.satus-dialog--create .satus-button::before
-{
-    content: none;
-}