From b8846895de055683f072048f3ab00524784e6bbd Mon Sep 17 00:00:00 2001
From: Fluffy-Bean <michal-gdula@protonmail.com>
Date: Wed, 19 Apr 2023 22:58:31 +0000
Subject: [PATCH] Remove auto database migration Make info tab cooler Change
 Image groups icon to a box again :3

---
 onlylegs/__init__.py                          |  8 +++---
 .../sass/components/image-view/info-tab.sass  | 26 +++++++++----------
 onlylegs/templates/image.html                 |  2 +-
 onlylegs/templates/layout.html                |  2 +-
 4 files changed, 19 insertions(+), 19 deletions(-)

diff --git a/onlylegs/__init__.py b/onlylegs/__init__.py
index a0853e2..85d40ee 100644
--- a/onlylegs/__init__.py
+++ b/onlylegs/__init__.py
@@ -69,10 +69,10 @@ def create_app():  # pylint: disable=R0914
             migrate_init(directory=MIGRATIONS_DIR)
 
     # Check if migrations are up to date
-    with app.app_context():
-        print("Checking for schema changes...")
-        migrate_migrate(directory=MIGRATIONS_DIR)
-        migrate_upgrade(directory=MIGRATIONS_DIR)
+    # with app.app_context():
+    #     print("Checking for schema changes...")
+    #     migrate_migrate(directory=MIGRATIONS_DIR)
+    #     migrate_upgrade(directory=MIGRATIONS_DIR)
 
     # LOGIN MANAGER
     # can also set session_protection to "strong"
diff --git a/onlylegs/static/sass/components/image-view/info-tab.sass b/onlylegs/static/sass/components/image-view/info-tab.sass
index ab599e2..c9db202 100644
--- a/onlylegs/static/sass/components/image-view/info-tab.sass
+++ b/onlylegs/static/sass/components/image-view/info-tab.sass
@@ -1,4 +1,6 @@
 .info-container
+    padding: 0.5rem 0 0.5rem 0.5rem
+
     width: 27rem
     height: 100vh
 
@@ -8,13 +10,17 @@
 
     display: flex
     flex-direction: column
-    gap: 0
+    gap: 0.5rem
 
-    background-color: RGB($bg-200)
+    background-image: linear-gradient(90deg, $bg-transparent, transparent)
 
     overflow-y: auto
     z-index: +4
     transition: left 0.3s cubic-bezier(0.76, 0, 0.17, 1)
+    -ms-overflow-style: none
+    scrollbar-width: none
+    &::-webkit-scrollbar
+        display: none
 
     &.collapsed
         left: -27rem
@@ -39,8 +45,7 @@
             transform: rotate(90deg)
 
         .info-table
-            height: 0
-            padding: 0
+            display: none
 
 .collapse-indicator
     margin: 0
@@ -74,11 +79,8 @@
     align-items: center
     gap: 0.5rem
 
-    position: sticky
-    top: 0
-    z-index: +1
-
     background-color: RGB($bg-200)
+    border-radius: $rad
 
     svg
         margin: 0
@@ -202,14 +204,12 @@
 
 @media (max-width: 1100px)
     .info-container
+        padding: 0
+
         width: 100%
         height: 100%
 
-        position: relative
-
-        display: flex
-        flex-direction: column
-        gap: 0.5rem
+        position: relative       
 
         &.collapsed
             left: unset
diff --git a/onlylegs/templates/image.html b/onlylegs/templates/image.html
index 28b63a2..0a397d9 100644
--- a/onlylegs/templates/image.html
+++ b/onlylegs/templates/image.html
@@ -178,7 +178,7 @@
                         <div class="img-groups">
                             {% for group in image.groups %}
                                 <a href="{{ url_for('group.group', group_id=group.id) }}" class="tag-icon">
-                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 256 256"><path d="M216,72H131.31L104,44.69A15.86,15.86,0,0,0,92.69,40H40A16,16,0,0,0,24,56V200.62A15.4,15.4,0,0,0,39.38,216H216.89A15.13,15.13,0,0,0,232,200.89V88A16,16,0,0,0,216,72ZM40,56H92.69l16,16H40ZM216,200H40V88H216Z"></path></svg>
+                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 256 256"><path d="M223.68,66.15,135.68,18a15.88,15.88,0,0,0-15.36,0l-88,48.17a16,16,0,0,0-8.32,14v95.64a16,16,0,0,0,8.32,14l88,48.17a15.88,15.88,0,0,0,15.36,0l88-48.17a16,16,0,0,0,8.32-14V80.18A16,16,0,0,0,223.68,66.15ZM128,32l80.34,44-29.77,16.3-80.35-44ZM128,120,47.66,76l33.9-18.56,80.34,44ZM40,90l80,43.78v85.79L40,175.82Zm176,85.78h0l-80,43.79V133.82l32-17.51V152a8,8,0,0,0,16,0V107.55L216,90v85.77Z"></path></svg>
                                     {{ group['name'] }}
                                 </a>
                             {% endfor %}
diff --git a/onlylegs/templates/layout.html b/onlylegs/templates/layout.html
index 3fa5f7b..a47d14b 100644
--- a/onlylegs/templates/layout.html
+++ b/onlylegs/templates/layout.html
@@ -79,7 +79,7 @@
             </a>
 
             <a href="{{ url_for('group.groups') }}" class="navigation-item {% block nav_groups %}{% endblock %}">
-                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 256 256"><path d="M245,110.64A16,16,0,0,0,232,104H216V88a16,16,0,0,0-16-16H130.67L102.94,51.2a16.14,16.14,0,0,0-9.6-3.2H40A16,16,0,0,0,24,64V208h0a8,8,0,0,0,8,8H211.1a8,8,0,0,0,7.59-5.47l28.49-85.47A16.05,16.05,0,0,0,245,110.64ZM93.34,64l27.73,20.8a16.12,16.12,0,0,0,9.6,3.2H200v16H146.43a16,16,0,0,0-8.88,2.69l-20,13.31H69.42a15.94,15.94,0,0,0-14.86,10.06L40,166.46V64Z"></path></svg>
+                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 256 256"><path d="M223.68,66.15,135.68,18a15.88,15.88,0,0,0-15.36,0l-88,48.17a16,16,0,0,0-8.32,14v95.64a16,16,0,0,0,8.32,14l88,48.17a15.88,15.88,0,0,0,15.36,0l88-48.17a16,16,0,0,0,8.32-14V80.18A16,16,0,0,0,223.68,66.15ZM128,32l80.35,44L178.57,92.29l-80.35-44Zm0,88L47.65,76,81.56,57.43l80.35,44Zm88,55.85h0l-80,43.79V133.83l32-17.51V152a8,8,0,0,0,16,0V107.56l32-17.51v85.76Z"></path></svg>
                 <span class="tool-tip">
                     Groups
                     <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 256 256"><path d="M168,48V208a8,8,0,0,1-13.66,5.66l-80-80a8,8,0,0,1,0-11.32l80-80A8,8,0,0,1,168,48Z"></path></svg>