focomy 0.1.105__py3-none-any.whl → 0.1.107__py3-none-any.whl

core/config.py

@@ -143,7 +143,7 @@ class FeaturesConfig(BaseModel):
 
     # Phase 5: Extended features
     comment: bool = False
-    form: bool = False
+    form: bool = True
     api_auth: bool = False
     oauth: bool = False
     mail: bool = False

core/content_types/form.yaml

@@ -28,16 +28,10 @@ fields:
   - name: fields_config
     type: json
     label: フィールド設定
-    hint: |
-      フォームフィールドをJSON配列で定義します。
-      例: [{"name": "email", "type": "email", "label": "メールアドレス", "required": true}]
 
   - name: steps
     type: json
-    label: ステップ設定
-    hint: |
-      ウィザード形式の場合、ステップを定義します。
-      例: [{"title": "基本情報", "fields": ["name", "email"]}, {"title": "詳細", "fields": ["message"]}]
+    label: ステップ設定（ウィザード形式）
 
   - name: submit_label
     type: string

core/engine/routes.py

@@ -163,6 +163,13 @@ async def render_theme(
             # Build edit URL if entity provided
             if entity and content_type:
                 context["edit_url"] = f"/admin/{content_type}/{entity.id}/edit"
+            # Add content_types for admin bar dropdown
+            all_ct = field_service.get_all_content_types()
+            context["content_types"] = {
+                name: ct.model_dump()
+                for name, ct in all_ct.items()
+                if ct.admin_menu  # Only show types with admin_menu=true
+            }
         else:
             context["is_admin"] = False
 

core/main.py

@@ -81,7 +81,7 @@ class SecurityHeadersMiddleware(BaseHTTPMiddleware):
     # CSP for public pages (more restrictive)
     PUBLIC_CSP = (
         "default-src 'self'; "
-        "script-src 'self' 'unsafe-inline' https://www.googletagmanager.com https://www.google-analytics.com; "
+        "script-src 'self' 'unsafe-inline' https://www.googletagmanager.com https://www.google-analytics.com https://unpkg.com; "
         "style-src 'self' 'unsafe-inline' https://fonts.googleapis.com; "
         "img-src 'self' data: https: blob:; "
         "font-src 'self' https://fonts.gstatic.com; "

core/templates/admin/entity_form.html

@@ -292,6 +292,56 @@
                 </div>
             </div>
         </div>
+        {% elif field.name == 'steps' %}
+        {# === Visual Step Builder for steps === #}
+        <input type="hidden" id="{{ field.name }}" name="{{ field.name }}" value='{{ entity.get(field.name, "[]") | tojson if entity and entity.get(field.name) else "[]" }}'>
+
+        <div class="step-builder" id="step-builder">
+            <p class="form-hint" style="margin-bottom: 0.75rem;">
+                複数ステップに分けるとウィザード形式のフォームになります。空の場合は1ページ形式です。
+            </p>
+            <div class="step-builder-toolbar">
+                <button type="button" class="btn btn-primary btn-sm" onclick="StepBuilder.showAddModal()">
+                    + ステップ追加
+                </button>
+            </div>
+            <ul class="step-builder-list" id="step-builder-list">
+                {# Steps rendered by JavaScript #}
+            </ul>
+            <div class="step-builder-empty" id="step-builder-empty" style="display: none;">
+                <p class="text-muted">ステップがありません。1ページ形式で表示されます。</p>
+            </div>
+        </div>
+
+        {# Step Edit Modal #}
+        <div id="step-modal" class="modal" style="display: none;">
+            <div class="modal-overlay" onclick="StepBuilder.hideModal()"></div>
+            <div class="modal-content">
+                <div class="modal-header">
+                    <h3 id="step-modal-title">ステップ追加</h3>
+                    <button type="button" class="modal-close" onclick="StepBuilder.hideModal()">&times;</button>
+                </div>
+                <div class="modal-body">
+                    <input type="hidden" id="step-edit-index" value="-1">
+
+                    <div class="form-group">
+                        <label class="form-label" for="step-title">ステップタイトル <span style="color: var(--error);">*</span></label>
+                        <input type="text" id="step-title" class="form-input" placeholder="例: 基本情報">
+                    </div>
+
+                    <div class="form-group">
+                        <label class="form-label">このステップに含めるフィールド</label>
+                        <div id="step-fields-selector" class="step-fields-selector">
+                            <p class="text-muted" id="step-no-fields">先にフィールドを追加してください</p>
+                        </div>
+                    </div>
+                </div>
+                <div class="modal-footer">
+                    <button type="button" class="btn btn-secondary" onclick="StepBuilder.hideModal()">キャンセル</button>
+                    <button type="button" class="btn btn-primary" onclick="StepBuilder.saveStep()">保存</button>
+                </div>
+            </div>
+        </div>
         {% else %}
         <textarea
             id="{{ field.name }}"
@@ -940,6 +990,94 @@
     padding: 1rem 1.5rem;
     border-top: 1px solid var(--border);
 }
+
+/* === Step Builder Styles === */
+.step-builder {
+    border: 1px solid var(--border);
+    border-radius: 0.5rem;
+    background: var(--bg);
+}
+.step-builder-toolbar {
+    padding: 0.75rem;
+    border-bottom: 1px solid var(--border);
+    background: var(--card);
+    border-radius: 0.5rem 0.5rem 0 0;
+}
+.step-builder-list {
+    list-style: none;
+    padding: 0.75rem;
+    margin: 0;
+    min-height: 60px;
+}
+.step-builder-item {
+    display: flex;
+    align-items: center;
+    gap: 0.75rem;
+    padding: 0.75rem 1rem;
+    background: var(--card);
+    border: 1px solid var(--border);
+    border-radius: 0.375rem;
+    margin-bottom: 0.5rem;
+}
+.step-builder-item:last-child {
+    margin-bottom: 0;
+}
+.step-builder-item.sortable-ghost {
+    opacity: 0.4;
+}
+.step-builder-item.sortable-chosen {
+    border-color: var(--primary);
+    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
+}
+.step-builder-drag {
+    cursor: grab;
+    color: var(--text-muted);
+    font-size: 1rem;
+}
+.step-builder-drag:active {
+    cursor: grabbing;
+}
+.step-builder-info {
+    flex: 1;
+    min-width: 0;
+}
+.step-builder-title {
+    font-weight: 500;
+}
+.step-builder-fields {
+    font-size: 0.75rem;
+    color: var(--text-muted);
+    margin-top: 0.25rem;
+}
+.step-builder-actions {
+    display: flex;
+    gap: 0.5rem;
+}
+.step-builder-empty {
+    padding: 1.5rem;
+    text-align: center;
+}
+.step-fields-selector {
+    max-height: 200px;
+    overflow-y: auto;
+    border: 1px solid var(--border);
+    border-radius: 0.375rem;
+    padding: 0.5rem;
+}
+.step-field-option {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+    padding: 0.375rem 0.5rem;
+    border-radius: 0.25rem;
+    cursor: pointer;
+}
+.step-field-option:hover {
+    background: var(--bg);
+}
+.step-field-option input {
+    width: auto;
+}
 </style>
 
 {% set has_blocks = namespace(value=false) %}
@@ -1456,7 +1594,215 @@ const FormBuilder = (function() {
         hideModal,
         toggleOptionsEditor,
         addOption,
-        saveField
+        saveField,
+        getFields: function() { return fields; }
+    };
+})();
+
+// === Step Builder ===
+const StepBuilder = (function() {
+    let steps = [];
+
+    function init() {
+        const input = document.getElementById('steps');
+        if (!input) return;
+
+        // Parse existing data
+        try {
+            const data = JSON.parse(input.value || '[]');
+            steps = Array.isArray(data) ? data : [];
+        } catch (e) {
+            console.error('Failed to parse steps:', e);
+            steps = [];
+        }
+
+        render();
+        initSortable();
+    }
+
+    function initSortable() {
+        const list = document.getElementById('step-builder-list');
+        if (!list || typeof Sortable === 'undefined') return;
+
+        new Sortable(list, {
+            animation: 150,
+            handle: '.step-builder-drag',
+            ghostClass: 'sortable-ghost',
+            chosenClass: 'sortable-chosen',
+            onEnd: function() {
+                const items = list.querySelectorAll('.step-builder-item');
+                const newSteps = [];
+                items.forEach(item => {
+                    const index = parseInt(item.dataset.index);
+                    if (steps[index]) {
+                        newSteps.push(steps[index]);
+                    }
+                });
+                steps = newSteps;
+                save();
+                render();
+            }
+        });
+    }
+
+    function render() {
+        const list = document.getElementById('step-builder-list');
+        const empty = document.getElementById('step-builder-empty');
+        if (!list) return;
+
+        if (steps.length === 0) {
+            list.innerHTML = '';
+            if (empty) empty.style.display = 'block';
+            return;
+        }
+
+        if (empty) empty.style.display = 'none';
+
+        list.innerHTML = steps.map((step, index) => {
+            const fieldLabels = getFieldLabels(step.fields || []);
+            return `
+                <li class="step-builder-item" data-index="${index}">
+                    <span class="step-builder-drag">&#9776;</span>
+                    <div class="step-builder-info">
+                        <div class="step-builder-title">ステップ${index + 1}: ${escapeHtml(step.title)}</div>
+                        <div class="step-builder-fields">フィールド: ${fieldLabels || '(なし)'}</div>
+                    </div>
+                    <div class="step-builder-actions">
+                        <button type="button" class="btn btn-secondary btn-sm" onclick="StepBuilder.editStep(${index})">編集</button>
+                        <button type="button" class="btn btn-danger btn-sm" onclick="StepBuilder.deleteStep(${index})">削除</button>
+                    </div>
+                </li>
+            `;
+        }).join('');
+
+        initSortable();
+    }
+
+    function getFieldLabels(fieldNames) {
+        if (!fieldNames || fieldNames.length === 0) return '';
+        const fields = typeof FormBuilder !== 'undefined' ? FormBuilder.getFields() : [];
+        return fieldNames.map(name => {
+            const field = fields.find(f => f.name === name);
+            return field ? (field.label || field.name) : name;
+        }).join(', ');
+    }
+
+    function escapeHtml(str) {
+        if (!str) return '';
+        return str.replace(/&/g, '&amp;')
+                  .replace(/</g, '&lt;')
+                  .replace(/>/g, '&gt;')
+                  .replace(/"/g, '&quot;');
+    }
+
+    function save() {
+        const input = document.getElementById('steps');
+        if (input) {
+            input.value = JSON.stringify(steps);
+        }
+    }
+
+    function showAddModal() {
+        document.getElementById('step-modal-title').textContent = 'ステップ追加';
+        document.getElementById('step-edit-index').value = '-1';
+        document.getElementById('step-title').value = '';
+        renderFieldSelector([]);
+        document.getElementById('step-modal').style.display = 'flex';
+    }
+
+    function editStep(index) {
+        const step = steps[index];
+        if (!step) return;
+
+        document.getElementById('step-modal-title').textContent = 'ステップ編集';
+        document.getElementById('step-edit-index').value = index;
+        document.getElementById('step-title').value = step.title || '';
+        renderFieldSelector(step.fields || []);
+        document.getElementById('step-modal').style.display = 'flex';
+    }
+
+    function renderFieldSelector(selectedFields) {
+        const selector = document.getElementById('step-fields-selector');
+        const noFields = document.getElementById('step-no-fields');
+        const fields = typeof FormBuilder !== 'undefined' ? FormBuilder.getFields() : [];
+
+        if (fields.length === 0) {
+            selector.innerHTML = '<p class="text-muted">先にフィールドを追加してください</p>';
+            return;
+        }
+
+        selector.innerHTML = fields.map(field => {
+            const checked = selectedFields.includes(field.name) ? 'checked' : '';
+            return `
+                <label class="step-field-option">
+                    <input type="checkbox" value="${escapeHtml(field.name)}" ${checked}>
+                    <span>${escapeHtml(field.label || field.name)}</span>
+                </label>
+            `;
+        }).join('');
+    }
+
+    function hideModal() {
+        document.getElementById('step-modal').style.display = 'none';
+    }
+
+    function saveStep() {
+        const title = document.getElementById('step-title').value.trim();
+        if (!title) {
+            alert('ステップタイトルは必須です');
+            return;
+        }
+
+        const editIndex = parseInt(document.getElementById('step-edit-index').value);
+
+        // Collect selected fields
+        const selectedFields = [];
+        document.querySelectorAll('#step-fields-selector input[type="checkbox"]:checked').forEach(cb => {
+            selectedFields.push(cb.value);
+        });
+
+        const step = {
+            title: title,
+            fields: selectedFields
+        };
+
+        if (editIndex >= 0) {
+            steps[editIndex] = step;
+        } else {
+            steps.push(step);
+        }
+
+        save();
+        render();
+        hideModal();
+    }
+
+    function deleteStep(index) {
+        if (!confirm('このステップを削除しますか？')) return;
+        steps.splice(index, 1);
+        save();
+        render();
+    }
+
+    // Initialize on DOM ready
+    document.addEventListener('DOMContentLoaded', init);
+
+    // Close modal on escape
+    document.addEventListener('keydown', function(e) {
+        if (e.key === 'Escape') {
+            const modal = document.getElementById('step-modal');
+            if (modal && modal.style.display === 'flex') {
+                hideModal();
+            }
+        }
+    });
+
+    return {
+        showAddModal,
+        editStep,
+        deleteStep,
+        hideModal,
+        saveStep
     };
 })();
 </script>

{focomy-0.1.105.dist-info → focomy-0.1.107.dist-info}/METADATA

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: focomy
-Version: 0.1.105
+Version: 0.1.107
 Summary: The Most Beautiful CMS - A metadata-driven, zero-duplicate-code content management system
 Project-URL: Homepage, https://github.com/focomy/focomy
 Project-URL: Documentation, https://focomy.dev/docs

{focomy-0.1.105.dist-info → focomy-0.1.107.dist-info}/RECORD

@@ -1,8 +1,8 @@
 core/__init__.py,sha256=SHwUSW_pu27kEARvwJFRdY2ZkVu6wzFh0eikYJXjbTY,1123
 core/cli.py,sha256=h5jnf4EJCZ1JZMnDl7W1IaL153UD3dXyKBbxhv1P-KA,35536
-core/config.py,sha256=kLhM1yF3rU9KtJ-DiD8pnzG_tFQsiO8G-M_ffN_yKqE,8200
+core/config.py,sha256=VfRNfh5dAw9ax1MIjzaYN_KEvcNjy7X5-LxE22Rm2-I,8199
 core/database.py,sha256=wqvRuwpDxy25svag9NqreVcNA_VRDDjWsxOMUopsffs,2222
-core/main.py,sha256=1R5NH9rxBSApaMM6CxJszf0hJE9o_bfXgKOXHkGjOJM,16765
+core/main.py,sha256=em4na_OJu6E3y_nkeYxH_QvugiLdPzKCMbc5Jbc1y1k,16783
 core/rate_limit.py,sha256=CX5UjmsU03aFWKXSKjweoHvH2xn0v4NBHNN5ynJC8LE,180
 core/relations.yaml,sha256=7GUCrphKaouEXNkyd8Ht99e6TcUPERhc4m36RGcc41U,2128
 core/utils.py,sha256=7myy64jI7T4WQ_C3Q7j0RPaYKQhfVzGkpNrw9c4yakc,1203
@@ -26,7 +26,7 @@ core/content_types/category.yaml,sha256=NoRTdksopCb3JbQocCKHVOdPr4cMkUzkgParB9HH
 core/content_types/channel.yaml,sha256=Li6WlpZJqnHYJnGRhr7CLXYRq5sqspxPxGgQpSeSRWc,513
 core/content_types/comment.yaml,sha256=XUpfNc6k6fMYXPuwsu8XQVHoy57H7oFeEBQRnnJLa9A,1031
 core/content_types/edit_lock.yaml,sha256=PDavL9Mor0qyMz0l97v59L9XBHa0ZINhs05kQ2WNW2c,599
-core/content_types/form.yaml,sha256=kdfL00kPAtPApoluobyGEfFMUcJ0BFB1M0eAXH4PbZU,1782
+core/content_types/form.yaml,sha256=YP8SfWzAEJnhJ9Ifa0gNtY4YlR0N07dCyojRhW0y6Y0,1432
 core/content_types/form_submission.yaml,sha256=vVJ-5JA-EJ9--QxvXSm0JwVkjXdUQcw5iYKj5_LgLf4,810
 core/content_types/menu_item.yaml,sha256=JgCQtXN5aZvaarFLv6tU74rjr01CmsdXDO9SHI8RyYA,1449
 core/content_types/news.yaml,sha256=Pykllr3t9E5zooQn41ZtR9xeUj0AbfOZCeoGnFQFH7E,1017
@@ -44,7 +44,7 @@ core/content_types/user.yaml,sha256=y3SwqzIc9_6C7R1GULk7AwYJPxcTT38ZmZe4_wekfyU,
 core/content_types/widget.yaml,sha256=Jotbts5QQtHaF2bJWQL3rkEoCkp_aq_A3gN-58eJwv8,1454
 core/content_types/workflow_history.yaml,sha256=3wi58LNLYbk7t6Z2QDRi9whQSedJCXKVKuyBhixNUK0,518
 core/engine/__init__.py,sha256=ycR0Kdn6buwdCH6QFG8bV69wFciFSKEg9Ro26cHpa2U,83
-core/engine/routes.py,sha256=CogulY71HAS2bjIPtqw2MK5og8Izns4xkzbO2Y84LbI,41905
+core/engine/routes.py,sha256=LKJYCoctYk3OB9bhKutVRRaBRWNwQjS7dFxSk5cOrAI,42232
 core/migrations/env.py,sha256=1dLI8qcGojLDR_--MdgwP5q-V0p2Z-32klSPjokXx4M,1389
 core/migrations/script.py.mako,sha256=LyYLSC7HzBBGwHZ8s2SguBPMXsWCph0FJp49kPsGhU8,590
 core/migrations/versions/2038bdf6693b_add_import_jobs_table.py,sha256=v8lPC5WmwpUfHUG_YgQn6jepPtfKWFn0JIj9XvD9224,2325
@@ -153,7 +153,7 @@ core/templates/admin/base.html,sha256=yWQNumbtcLIE0iffIoDB2xTF-9W5bt2mdsMYqA5QOa
 core/templates/admin/comments.html,sha256=AEzCMYu1-EdFC1yUa9oIObtRS-U9RlMTe_5P3O5alb8,10012
 core/templates/admin/customize.html,sha256=EwncOC0AgDCSZRum5PZzF-KDYNjrhPish57KMuff4sE,12260
 core/templates/admin/dashboard.html,sha256=GsYHM4OYLZWCmleeHrtyS0g8zKhFmlnacJg1LcfGzxM,2513
-core/templates/admin/entity_form.html,sha256=EPcQrc-awntjoYeRCd7vKbQQ8799kKgEG4E56-aCBy0,48721
+core/templates/admin/entity_form.html,sha256=7LuCyjliuc7bk6S_5Nn4OcXMCfULgZ2z8H48FR88zPo,60261
 core/templates/admin/entity_list.html,sha256=DxaM2c_1UGdPpQHTIe7LrFxjC11f8hXDy-9C-T8LO6o,7966
 core/templates/admin/forgot_password.html,sha256=j2r9N5G8T5zKODQu7IVc0NdRvSVuyXBA9FCLn7egp1Q,2320
 core/templates/admin/import.html,sha256=2b2Bu9Do1pQBUgsseowt19oaf0vEfGzTOCJ8Rr-Nphc,48385
@@ -186,7 +186,7 @@ themes/default/theme.yaml,sha256=tgcUP1YFptyXVNL2a8DBiPrP7zTjWNH62Cy9D_w6Chk,187
 themes/default/templates/404.html,sha256=6pYUz7zg5hx3nikgxiZWSkwYnv2nENCSV3KjdIF0_lE,1105
 themes/default/templates/500.html,sha256=CtU3gEsHsxAh-vbcnx5McH8V8ruKtdP8usj8hPuu8zY,1174
 themes/default/templates/archive.html,sha256=ZHBxPYewvc2TbrsB745LYO2uM5SJbTFQQR6savWUzYg,2385
-themes/default/templates/base.html,sha256=C2SWfi53TRwtowgLd2r4UbARG8n03nyqIVCupoSeWb8,10317
+themes/default/templates/base.html,sha256=06hSyyeAHqfG2thvMMMUQnxgRTdRD4DCGKieThSzEGM,11901
 themes/default/templates/category.html,sha256=k-yN0vFoOpgxgg6DlGin5X4IzVDBG9xRZ0FOD7OJtU8,3061
 themes/default/templates/channel.html,sha256=1i1zkAWmvpcqyoEfaeQNDc2zrMao2xSXCkjRuwzxOUU,3213
 themes/default/templates/form.html,sha256=OvS2yXVu3sruDOYvEjQCEQNohLf94SMQGR1V9Ky1_Sw,8685
@@ -201,8 +201,8 @@ themes/minimal/templates/base.html,sha256=LFkx-XLDMGH7oFHHa0e6KPB0DJITOBvr6GtPkD
 themes/minimal/templates/home.html,sha256=ygYQgYj1OGCiKwmfsxwkPselVKT8vDH3jLLbfphpqKI,1577
 themes/minimal/templates/page.html,sha256=7Xcoq-ryaxlp913H2S1ishrAro2wsqqGmvsm1osXxd4,389
 themes/minimal/templates/post.html,sha256=FkTRHci8HNIIi3DU6Mb3oL0aDisGyDcsT_IUDwHmrvo,1387
-focomy-0.1.105.dist-info/METADATA,sha256=Sluq3xJdDBPFc3_VeQoGE9rQv0PgFdzO6dOmNBuL1V8,7042
-focomy-0.1.105.dist-info/WHEEL,sha256=WLgqFyCfm_KASv4WHyYy0P3pM_m7J5L9k2skdKLirC8,87
-focomy-0.1.105.dist-info/entry_points.txt,sha256=_rF-wxGI1axY7gox3DBsTLHq-JrFKkMCjA65a6b_oqE,41
-focomy-0.1.105.dist-info/licenses/LICENSE,sha256=z9Z7gN7NNV7zYCaY-Knh3bv8RBCu89VueYtAlN_-lro,1063
-focomy-0.1.105.dist-info/RECORD,,
+focomy-0.1.107.dist-info/METADATA,sha256=3ET-lqecSEWEWYhsRY5f3Fy9kBOJ_KZ5E_y1JOlUpcM,7042
+focomy-0.1.107.dist-info/WHEEL,sha256=WLgqFyCfm_KASv4WHyYy0P3pM_m7J5L9k2skdKLirC8,87
+focomy-0.1.107.dist-info/entry_points.txt,sha256=_rF-wxGI1axY7gox3DBsTLHq-JrFKkMCjA65a6b_oqE,41
+focomy-0.1.107.dist-info/licenses/LICENSE,sha256=z9Z7gN7NNV7zYCaY-Knh3bv8RBCu89VueYtAlN_-lro,1063
+focomy-0.1.107.dist-info/RECORD,,

themes/default/templates/base.html

@@ -123,7 +123,18 @@
     <div id="admin-bar">
         <a href="/" class="admin-bar-site">{{ site_name }}</a>
         <a href="/admin">ダッシュボード</a>
-        <a href="/admin/post/new">+ 新規投稿</a>
+        <div class="admin-bar-dropdown">
+            <button class="admin-bar-dropdown-btn">+ 新規作成</button>
+            <div class="admin-bar-dropdown-menu">
+                {% if content_types %}
+                {% for name, ct in content_types.items()|sort(attribute='0') %}
+                <a href="/admin/{{ name }}/new">{{ ct.label or name }}</a>
+                {% endfor %}
+                {% else %}
+                <a href="/admin/post/new">投稿</a>
+                {% endif %}
+            </div>
+        </div>
         {% if edit_url %}
         <a href="{{ edit_url }}">編集</a>
         {% endif %}
@@ -163,6 +174,44 @@
         .admin-bar-user {
             color: #94a3b8;
         }
+        .admin-bar-dropdown {
+            position: relative;
+        }
+        .admin-bar-dropdown-btn {
+            background: transparent;
+            border: none;
+            color: white;
+            cursor: pointer;
+            font-size: inherit;
+            padding: 0;
+        }
+        .admin-bar-dropdown-btn:hover {
+            text-decoration: underline;
+        }
+        .admin-bar-dropdown-menu {
+            display: none;
+            position: absolute;
+            top: 100%;
+            left: 0;
+            background: #1e293b;
+            border: 1px solid #374151;
+            border-radius: 4px;
+            min-width: 150px;
+            padding: 0.5rem 0;
+            box-shadow: 0 4px 6px rgba(0,0,0,0.3);
+        }
+        .admin-bar-dropdown-menu a {
+            display: block;
+            padding: 0.5rem 1rem;
+            white-space: nowrap;
+        }
+        .admin-bar-dropdown-menu a:hover {
+            background: #374151;
+            text-decoration: none;
+        }
+        .admin-bar-dropdown:hover .admin-bar-dropdown-menu {
+            display: block;
+        }
         body { padding-top: 32px; }
     </style>
     {% endif %}