Merge pull request #2474 from Kaiserdragon2/Pages2

Pages2
Arcticons-Team · Jan 4, 2025 · dcbb9a9 · dcbb9a9
2 parents 77c5765 + 6c6153e
commit dcbb9a9
Show file tree

Hide file tree

Showing 11 changed files with 265 additions and 183 deletions.
diff --git a/docs/css/dashboard-header.css b/docs/css/dashboard-header.css
@@ -44,6 +44,9 @@
 
 #search-input {
     width: 100%;
+}
+
+.textinput {
     box-sizing: border-box !important;
     overflow: visible;
     border-radius: 100px;
@@ -55,15 +58,13 @@
     font-size: 16px;
 }
 
-#search-notification {
-    display: none;
-    background-color: #8b1708;
-    color: white;
-    padding: 10px;
-    position: fixed;
-    top: 20px;
-    right: 10px;
-    z-index: 1;
+#renamer-overlay {
+    text-align: center;
+}
+
+#rename-button {
+    height: 45px;
+    font-size: 16px;
 }
 
 /* I'm feeling lucky container */

diff --git a/docs/css/dashboard-popup.css b/docs/css/dashboard-popup.css
@@ -77,13 +77,6 @@
 
 #closePopup {
     width: 100%;
-    border: none;
-    color: white;
-    background-color: #4CAF50;
-    border-radius: 100px;
-    padding: 5px 15px;
-    text-decoration: none;
-    cursor: pointer;
 }
 
 #seperator {

diff --git a/docs/css/dashboard-table-main.css b/docs/css/dashboard-table-main.css
@@ -1,4 +1,3 @@
-
 .table-container {
     max-height: 1200px;
     /* Set maximum height for scrollable area */
@@ -94,73 +93,20 @@ th {
     height: 50px;
 }
 
-/* Style for the preview overlay */
-#preview-overlay {
-    display: none;
-    align-content: center;
-    text-align: center;
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    transform:translate(-50%, -50%);
-    width: 100%;
-    max-width: 550px;
-    height: 100%;
-    max-height: 550px;
-    background-color: rgba(0, 0, 0, 0.8); /* semi-transparent black */
-    z-index: 9999;
-    overflow: auto;
-  }
-
-  /* Style for the preview image */
-  #preview-image {
-    max-width: 80%;
-    max-height: 80%;
-    min-width: 200px;
-  }
-
-  /* Style for the close button */
-  .close-button {
-    position: absolute;
-    top: 20px;
-    right: 20px;
-    color: white;
-    font-size: 30px;
-    cursor: pointer;
-  }
-
-.app-entry {
-    display: none;
-    /* Hide initially */
-}
-
 /* Copy appfilter button*/
 #copy-button {
     display: inline-block;
     font-size: 16px;
     margin-bottom: 10px;
 }
 
-#copy-notification {
-    display: none;
-    background-color: #4CAF50;
-    color: white;
-    padding: 10px;
-    position: fixed;
-    bottom: 10px;
-    right: 10px;
-    z-index: 1;
-}
-
-
 /* Row Glow Persistent Effect */
 tr.row-glow {
-    background-color: #5a975c !important; /* Green glow color */
+    background-color: #5a975c !important;
+    /* Green glow color */
     transition: background-color 0.5s ease-in;
 }
 
-
-
 /*Dark mode theming */
 @media (prefers-color-scheme: dark) {
 

diff --git a/docs/css/dashboard-table-updates.css b/docs/css/dashboard-table-updates.css
@@ -1,6 +1,5 @@
-
 .table-container {
-    width:100%;
+    width: 100%;
     max-height: 1200px;
     /* Set maximum height for scrollable area */
     overflow-y: auto;
@@ -58,26 +57,31 @@ td:nth-child(1) {
     width: 10%;
     overflow-wrap: normal;
 }
+
 td:nth-child(2) {
     width: 5%;
     max-width: 70px;
     overflow-wrap: normal;
 }
+
 td:nth-child(3) {
     min-width: 300px;
-    width:20%;
+    width: 20%;
     overflow-wrap: anywhere;
 }
+
 td:nth-child(4) {
     min-width: 300px;
-    width:50%;
+    width: 50%;
     overflow-wrap: anywhere;
 }
+
 td:nth-child(5) {
     width: 5%;
     max-width: 70px;
     overflow-wrap: normal;
 }
+
 tr:nth-child(even) {
     background-color: #ebebeb;
 }
@@ -105,73 +109,28 @@ th {
     }
 }
 
-/* Style for the preview overlay */
-#preview-overlay {
-    display: none;
-    align-content: center;
-    text-align: center;
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    transform:translate(-50%, -50%);
-    width: 100%;
-    max-width: 550px;
-    height: 100%;
-    max-height: 550px;
-    background-color: rgba(0, 0, 0, 0.8); /* semi-transparent black */
-    z-index: 9999;
-    overflow: auto;
-  }
-
-  /* Style for the preview image */
-  #preview-image {
-    max-width: 80%;
-    max-height: 80%;
-    min-width: 200px;
-  }
-
-  /* Style for the close button */
-  .close-button {
-    position: absolute;
-    top: 20px;
-    right: 20px;
-    color: white;
-    font-size: 30px;
-    cursor: pointer;
-  }
-
-.app-entry {
-    display: none;
-    /* Hide initially */
-}
-
-.copy-button {
-    cursor: pointer;
-    background-color: #4CAF50;
-    color: white;
-    border: none;
-    padding: 5px 15px;
-    text-align: center;
-    text-decoration: none;
+#copy-button {
     display: inline-block;
     font-size: 16px;
     margin-bottom: 10px;
-    border-radius: 100px;
 }
-.copy-package{
+
+.copy-package {
     cursor: pointer;
     background: none;
     border: none;
     padding: 2px 10px;
     text-align: center;
     text-decoration: none;
     display: flex;
-    
+
 }
-.package-copy{
+
+.package-copy {
     margin-right: 0%;
 }
-#packagename{
+
+#packagename {
     display: flex;
     width: 100%;
     margin: 0 auto;
@@ -185,19 +144,4 @@ th {
     display: flex;
     align-items: center;
     justify-content: center;
-}
-
-.copy-button:hover {
-    background-color: #409943;
-}
-
-#copy-notification {
-    display: none;
-    background-color: #4CAF50;
-    color: white;
-    padding: 10px;
-    position: fixed;
-    bottom: 10px;
-    right: 10px;
-    z-index: 1;
 }
diff --git a/docs/css/green-button.css b/docs/css/green-button.css
@@ -11,4 +11,19 @@
 
 .green-button:hover {
     background-color: #409943;
-}
+}
+
+.longpress {
+    -webkit-animation: 1s longpress;
+            animation: 1s longpress;
+}
+
+@-webkit-keyframes longpress {
+    0%, 20% { background: #4CAF50; }
+    100% { background: yellow; }
+}
+
+@keyframes longpress {
+    0%, 20% { background: #4CAF50; }
+    100% { background: yellow; }
+}
diff --git a/docs/css/image-preview.css b/docs/css/image-preview.css
@@ -0,0 +1,35 @@
+/* Style for the preview overlay */
+.preview-overlay-class {
+    display: none;
+    align-content: center;
+    text-align: center;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    width: 100%;
+    max-width: 550px;
+    height: 100%;
+    max-height: 550px;
+    /* semi-transparent black */
+    background-color: rgba(0, 0, 0, 0.8);
+    z-index: 9999;
+    overflow: auto;
+}
+
+/* Style for the preview image */
+.preview-image-class {
+    max-width: 80%;
+    max-height: 80%;
+    min-width: 200px;
+}
+
+/* Style for the close button */
+.close-button-class {
+    position: absolute;
+    top: 20px;
+    right: 20px;
+    color: white;
+    font-size: 30px;
+    cursor: pointer;
+}
diff --git a/docs/css/notification.css b/docs/css/notification.css
@@ -0,0 +1,21 @@
+.notification {
+    display: none;
+    padding: 10px;
+    position: fixed;
+    z-index: 1;
+}
+
+#copy-notification {
+    background-color: #4CAF50;
+    color: white;
+    bottom: 10px;
+    right: 10px;
+    z-index: 1;
+}
+
+#search-notification {
+    background-color: #8b1708;
+    color: white;
+    top: 20px;
+    right: 10px;
+}