micro-sidebar 1.2.0__tar.gz → 1.2.1__tar.gz

{micro_sidebar-1.2.0 → micro_sidebar-1.2.1}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.1
 Name: micro_sidebar
-Version: 1.2.0
+Version: 1.2.1
 Summary: A Reusable RTL Django Sidebar App
 Home-page: https://github.com/debeski/micro-sidebar
 Author: DeBeski
@@ -113,3 +113,4 @@ While it may theoretically work in LTR environments if standard Bootstrap files
 | **v1.0.2** | Improved documentation clarity and added usage instructions. |
 | **v1.1.0** | Renamed `content.html` to `main.html` for clarity. Refactored to use `{% block items %}` for easier extension. |
 | **v1.2.0** | **New Theme Implementation:** Redesigned UI with rounded pill-shaped items, tactile micro-animations, and a refined color palette. Improved responsiveness with dynamic top-offset calculations and inline FOUC fixes for small screens. Fixed tooltip stickiness bug. |
+| **v1.2.1** | **Positioning Fix:** Added `align-self: flex-start` to resolve 60px vertical offset in flex containers. Removed legacy `sidebar-top-offset` CSS variable and JS calculations. Added `box-shadow: none` and `outline: none` to accordion buttons to remove focus ring. Fixed page flickering on wider screens by constraining sidebar height with `calc(100vh - header-height)`. |

{micro_sidebar-1.2.0 → micro_sidebar-1.2.1}/README.md

@@ -86,4 +86,5 @@ While it may theoretically work in LTR environments if standard Bootstrap files
 | **v1.0.1** | Fixed titlebar positioning bug causing overlap/gaps. |
 | **v1.0.2** | Improved documentation clarity and added usage instructions. |
 | **v1.1.0** | Renamed `content.html` to `main.html` for clarity. Refactored to use `{% block items %}` for easier extension. |
-| **v1.2.0** | **New Theme Implementation:** Redesigned UI with rounded pill-shaped items, tactile micro-animations, and a refined color palette. Improved responsiveness with dynamic top-offset calculations and inline FOUC fixes for small screens. Fixed tooltip stickiness bug. |
+| **v1.2.0** | **New Theme Implementation:** Redesigned UI with rounded pill-shaped items, tactile micro-animations, and a refined color palette. Improved responsiveness with dynamic top-offset calculations and inline FOUC fixes for small screens. Fixed tooltip stickiness bug. |
+| **v1.2.1** | **Positioning Fix:** Added `align-self: flex-start` to resolve 60px vertical offset in flex containers. Removed legacy `sidebar-top-offset` CSS variable and JS calculations. Added `box-shadow: none` and `outline: none` to accordion buttons to remove focus ring. Fixed page flickering on wider screens by constraining sidebar height with `calc(100vh - header-height)`. |

{micro_sidebar-1.2.0 → micro_sidebar-1.2.1}/micro_sidebar.egg-info/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.1
 Name: micro-sidebar
-Version: 1.2.0
+Version: 1.2.1
 Summary: A Reusable RTL Django Sidebar App
 Home-page: https://github.com/debeski/micro-sidebar
 Author: DeBeski
@@ -113,3 +113,4 @@ While it may theoretically work in LTR environments if standard Bootstrap files
 | **v1.0.2** | Improved documentation clarity and added usage instructions. |
 | **v1.1.0** | Renamed `content.html` to `main.html` for clarity. Refactored to use `{% block items %}` for easier extension. |
 | **v1.2.0** | **New Theme Implementation:** Redesigned UI with rounded pill-shaped items, tactile micro-animations, and a refined color palette. Improved responsiveness with dynamic top-offset calculations and inline FOUC fixes for small screens. Fixed tooltip stickiness bug. |
+| **v1.2.1** | **Positioning Fix:** Added `align-self: flex-start` to resolve 60px vertical offset in flex containers. Removed legacy `sidebar-top-offset` CSS variable and JS calculations. Added `box-shadow: none` and `outline: none` to accordion buttons to remove focus ring. Fixed page flickering on wider screens by constraining sidebar height with `calc(100vh - header-height)`. |

{micro_sidebar-1.2.0 → micro_sidebar-1.2.1}/pyproject.toml

@@ -7,7 +7,7 @@ build-backend = "setuptools.build_meta"
 
 [project]
 name = "micro_sidebar"
-version = "1.2.0"
+version = "1.2.1"
 description = "A Reusable RTL Django Sidebar App"
 readme = "README.md"
 requires-python = ">=3.9"

{micro_sidebar-1.2.0 → micro_sidebar-1.2.1}/setup.py

@@ -2,7 +2,7 @@ from setuptools import setup, find_packages
 
 setup(
     name="micro_sidebar",
-    version="1.2.0",
+    version="1.2.1",
     author="DeBeski",
     author_email="debeski1@gmail.com",
     description="A Reusable RTL Django Sidebar App",

{micro_sidebar-1.2.0 → micro_sidebar-1.2.1}/sidebar/static/sidebar/sidebar.css

@@ -3,11 +3,11 @@
     transition: width 0.2s ease-in-out;
     background: linear-gradient(180deg, #ffffff 10%, #f1f7fd 100%);
     position: sticky;
-    /* Use the JS-provided offset, fallback to 0 if standalone */
-    top: var(--sidebar-top-offset, 0px);
+    top: var(--header-height, 60px);
+    align-self: flex-start; /* Force to top of flex container */
     overflow-y: auto;
     overflow-x: hidden;
-    height: calc(100vh - var(--sidebar-top-offset, 0px));
+    height: calc(100vh - var(--header-height, 60px));
     border-left: 1px solid #f1f3f5;
     scrollbar-width: thin;
     scrollbar-color: rgba(0,0,0,0.1) transparent;
@@ -64,12 +64,11 @@
 
     .sidebar {
         position: fixed;
-        /* Use dynamic offset even in fixed mode for consistency */
-        top: var(--sidebar-top-offset, 0px);
+        top: var(--header-height, 60px);
         right: 0;
         width: 250px;
         transition: width 0.15s ease-in-out;
-        height: calc(100vh - var(--sidebar-top-offset, 0px));
+        height: calc(100vh - var(--header-height, 60px));
         z-index: 1000;
         --sidebar-item-px: 6px;
     }
@@ -145,6 +144,13 @@
     white-space: nowrap;
     overflow: hidden;
     transition: all 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);
+    box-shadow: none !important;
+    outline: none !important;
+}
+
+.sidebar .accordion-button:focus {
+    box-shadow: none !important;
+    outline: none !important;
 }
 
 .sidebar .accordion-button:not(.collapsed) {

{micro_sidebar-1.2.0 → micro_sidebar-1.2.1}/sidebar/static/sidebar/sidebar.js

@@ -21,11 +21,6 @@ document.addEventListener("DOMContentLoaded", function () {
     // Function to handle sidebar collapsing based on window size
     function adjustSidebarForWindowSize() {
         const screenWidth = window.innerWidth;
-        const titlebar = document.querySelector('.titlebar');
-        const titlebarHeight = (titlebar && window.getComputedStyle(titlebar).display !== 'none') ? titlebar.offsetHeight : 0;
-        
-        // Set dynamic CSS variable for the sidebar
-        sidebar.style.setProperty('--sidebar-top-offset', titlebarHeight + 'px');
 
         if (screenWidth < 1100) {
             // Always collapse sidebar on small screens