Final changes

asheroto · Jul 12, 2024 · 8a0c0e6 · 8a0c0e6
1 parent 0879db1
commit 8a0c0e6
Show file tree

Hide file tree

Showing 4 changed files with 28 additions and 31 deletions.
diff --git a/images/screenshots/Boomarks_HTML.png b/images/screenshots/Boomarks_HTML.png
diff --git a/images/screenshots/Demo.mp4 b/images/screenshots/Demo.mp4
diff --git a/images/screenshots/Extensions_Listing.png b/images/screenshots/Extensions_Listing.png
diff --git a/src/template.html b/src/template.html
@@ -42,26 +42,22 @@
             padding-bottom: 8px;
         }
 
-        h2.disabled {
-            margin-top: 40px;
-        }
-
-        h2.enabled,
-        ol.enabled a {
+        .extensions .enabled h2,
+        .extensions .enabled a {
             color: #388E3C;
         }
 
-        h2.disabled,
-        ol.disabled a {
+        .extensions .disabled h2,
+        .extensions .disabled a {
             color: #D32F2F;
         }
 
-        ol {
+        .extensions ol {
             margin: 0;
             padding: 0;
         }
 
-        li {
+        .extensions li {
             margin: 0 0 2px 30px;
             font-size: 16px;
             list-style-type: square;
@@ -77,6 +73,14 @@
             color: #212121;
         }
 
+        .extensions .enabled {
+            margin-top: 15px;
+        }
+
+        .extensions .disabled {
+            margin-top: 15px;
+        }
+
         .crxdownload-icon {
             width: 16px;
             height: 16px;
@@ -116,16 +120,6 @@
             display: inline-block;
         }
 
-        #textListing {
-            display: none;
-            margin-top: 20px;
-        }
-
-        .divider {
-            border-top: 1px solid #ccc;
-            margin: 20px 0;
-        }
-
         .button-group {
             margin-top: 10px;
             display: flex;
@@ -238,17 +232,20 @@ <h3 class="subtitle">{TIMESTAMP}</h3>
         </button>
     </div>
 
-    <h2 class="enabled">Enabled Extensions</h2>
-    <ol class="enabled">{ENABLED_EXTENSIONS}</ol>
-
-    <h2 class="disabled">Disabled Extensions</h2>
-    <ol class="disabled">{DISABLED_EXTENSIONS}</ol>
-
-    <div class="divider"></div>
-
-    <div id="textListing">
-        <button id="copyToClipboard">Copy to Clipboard</button>
-        <textarea readonly>{TEXT_LISTING}</textarea>
+    <div class="extensions">
+        <div class="enabled">
+            <h2>Enabled Extensions</h2>
+            <ol>
+                {ENABLED_EXTENSIONS}
+            </ol>
+        </div>
+
+        <div class="disabled">
+            <h2>Disabled Extensions</h2>
+            <ol>
+                {DISABLED_EXTENSIONS}
+            </ol>
+        </div>
     </div>
 
     <!-- Hidden JSON object for use by script -->