From 262e7dd16add27734201b27be723306d9767958e Mon Sep 17 00:00:00 2001
From: Thomas Smith <49042513+tsmitty11@users.noreply.github.com>
Date: Fri, 5 May 2023 15:30:26 +0200
Subject: [PATCH] Added bottle table styling to a separate css file
---
src/layouts/page/package-detail.html | 87 +---------------------------
src/layouts/partials/head.html | 1 +
src/static/css/bottle-style.css | 82 ++++++++++++++++++++++++++
3 files changed, 84 insertions(+), 86 deletions(-)
create mode 100644 src/static/css/bottle-style.css
diff --git a/src/layouts/page/package-detail.html b/src/layouts/page/package-detail.html
index d2b82b0..bda1fae 100644
--- a/src/layouts/page/package-detail.html
+++ b/src/layouts/page/package-detail.html
@@ -34,7 +34,7 @@
don't have tea/gui yet? download here
-
+
{{ end }}
@@ -350,89 +350,4 @@
);
-
{{ end }}
diff --git a/src/layouts/partials/head.html b/src/layouts/partials/head.html
index 0e7ac45..56eced1 100644
--- a/src/layouts/partials/head.html
+++ b/src/layouts/partials/head.html
@@ -56,6 +56,7 @@
integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
+
diff --git a/src/static/css/bottle-style.css b/src/static/css/bottle-style.css
new file mode 100644
index 0000000..7b29fa8
--- /dev/null
+++ b/src/static/css/bottle-style.css
@@ -0,0 +1,82 @@
+/* Styling for bottle table on package detail pages */
+
+.package-thumbnail{
+ width: 100%;
+}
+
+a:hover{
+ text-decoration: none;
+}
+
+#purple-bg-btn{
+ background-color: #8000FF;
+ border: 2px solid #8000FF;
+}
+
+#standard-detail-btn:hover{
+ background-color: #212020 !important;
+ box-shadow: inset 0vw 0vw 0vw 0.335vw #1a1a1a !important;
+}
+
+table{
+ color: #fff;
+ width: 100%;
+}
+
+table, th, td {
+ border: 1px solid #949494;
+ font-family: "sono", sans-serif;
+ padding: 20px;
+}
+
+.expand{
+ cursor: pointer;
+}
+
+.tea-icon{
+ display:block;
+ text-align:center;
+ animation: pulse 1s infinite;
+}
+@keyframes pulse {
+ 0% { opacity: 1; }
+ 50% { opacity: 0.5; }
+ 100% { opacity: 1; }
+}
+#bottle-preloader {
+ width: 100%;
+ height: 200px;
+ background: #1a1a1a;
+ border: 1px solid #949494;;
+}
+#bottle-status {
+ width: 100%;
+ height: 200px;
+ position: relative;
+ background-position: center;
+}
+#bottle-loading-text {
+ font-size: 20px;
+ text-align: center;
+ animation: pulse 1s infinite !important;
+}
+
+@media screen and (max-width: 576px) {
+
+ .bottles-container{
+ padding: 0px !important;
+ }
+
+ table, th, td {
+ border: 1px solid #949494;
+ font-family: "sono", sans-serif;
+ padding: 10px;
+ font-size: 12px;
+ }
+
+ .title-col{
+ padding: 4vw !important;
+
+ }
+
+}