micro-sidebar 1.2.0__py3-none-any.whl → 1.2.1__py3-none-any.whl

{micro_sidebar-1.2.0.dist-info → micro_sidebar-1.2.1.dist-info}/METADATA

@@ -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.dist-info → micro_sidebar-1.2.1.dist-info}/RECORD

@@ -3,11 +3,11 @@ sidebar/apps.py,sha256=4UjKXHoBGKRLxpC9AY6eaq8YZx8unirUz_8u-IrlfVQ,145
 sidebar/urls.py,sha256=UL_9e1RLNMxZXkah65m7GRU1dbViZRGeNPBIiSZpOYg,142
 sidebar/views.py,sha256=MebyJ1ZiylSOPESXFkkQ8QTg-ClrkJn-oYLN6KrcgiM,418
 sidebar/migrations/__init__.py,sha256=47DEQpj8HBSa-_TImW-5JCeuQeRkm5NMpJWZG3hSuFU,0
-sidebar/static/sidebar/sidebar.css,sha256=hE5O5CRKXSyvPhtFem0rTbcy5KWgPpcrEqs6i3xEgdU,5204
-sidebar/static/sidebar/sidebar.js,sha256=bfNottViY6uZgPqBHbu97BA2eVIIx2coU-ksjjB_9n4,6646
+sidebar/static/sidebar/sidebar.css,sha256=f6xLSC3JiZFABkxWlFesuzAZZtAT3WW1nZBFMDQNS6Y,5283
+sidebar/static/sidebar/sidebar.js,sha256=xDp038tlscz5KeTjBiEQTzZ2T7a8k4NY3rC6e9NvMsM,6314
 sidebar/templates/sidebar/main.html,sha256=m2b34IO-kG7fn5d9vnx9Sjwls2l9uBn2gDL3E5_Gj70,1912
-micro_sidebar-1.2.0.dist-info/LICENSE,sha256=Fco89ULLSSxKkC2KKnx57SaT0R7WOkZfuk8IYcGiN50,1063
-micro_sidebar-1.2.0.dist-info/METADATA,sha256=QlFmiEttPfyZM-6Qf_cJL10Z5gMZiWcLVQfjxZhsqZA,3919
-micro_sidebar-1.2.0.dist-info/WHEEL,sha256=pkctZYzUS4AYVn6dJ-7367OJZivF2e8RA9b_ZBjif18,92
-micro_sidebar-1.2.0.dist-info/top_level.txt,sha256=ih69sjMhU1wOB9HzUV90yEY98aiPuGhzPBBBE-YtJ3w,8
-micro_sidebar-1.2.0.dist-info/RECORD,,
+micro_sidebar-1.2.1.dist-info/LICENSE,sha256=Fco89ULLSSxKkC2KKnx57SaT0R7WOkZfuk8IYcGiN50,1063
+micro_sidebar-1.2.1.dist-info/METADATA,sha256=msQeEumoDwSbOS8n9pqkE36b9DnaD8IOzAiyBbQOZXw,4304
+micro_sidebar-1.2.1.dist-info/WHEEL,sha256=pkctZYzUS4AYVn6dJ-7367OJZivF2e8RA9b_ZBjif18,92
+micro_sidebar-1.2.1.dist-info/top_level.txt,sha256=ih69sjMhU1wOB9HzUV90yEY98aiPuGhzPBBBE-YtJ3w,8
+micro_sidebar-1.2.1.dist-info/RECORD,,

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) {

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