fix: remove duplicate topbar on page editor, position Get Started at bottom
- base.html topbar wrapped in {% block topbar %} for override
- page_editor.html overrides topbar block with empty content (uses its own)
- Get Started toolbar: fixed to bottom center with gradient fade
- No more double Share/Link/Star buttons
This commit is contained in:
@@ -234,6 +234,7 @@
|
||||
<div class="main-wrapper">
|
||||
|
||||
<!-- Topbar -->
|
||||
{% block topbar %}
|
||||
<header class="topbar">
|
||||
<div class="topbar-left">
|
||||
<div class="topbar-breadcrumb">
|
||||
@@ -271,6 +272,7 @@
|
||||
</button>
|
||||
</div>
|
||||
</header>
|
||||
{% endblock %}
|
||||
|
||||
<!-- Content -->
|
||||
<div class="content-area" id="main-content">
|
||||
|
||||
@@ -2,6 +2,10 @@
|
||||
{% block page_icon %}📄{% endblock %}
|
||||
{% block page_title %}{{ page.title }}{% endblock %}
|
||||
|
||||
{% block topbar %}
|
||||
<!-- Page editor uses its own topbar — base.html topbar hidden -->
|
||||
{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<div class="page-editor-wrapper" x-data="editor('{{ page.id }}', '{{ page.title|e }}', '{{ page.content_format }}', '{{ page.content|e }}', {{ page_favorited | tojson }})" x-init="init()">
|
||||
|
||||
|
||||
+5
-1
@@ -2162,8 +2162,12 @@ input, select, textarea { font-family: inherit; color: inherit; }
|
||||
|
||||
/* ═══════════ Get Started Toolbar (bottom, pill buttons) ═══════════ */
|
||||
.get-started-toolbar {
|
||||
position: fixed; bottom: 0; left: 50%; transform: translateX(-50%);
|
||||
display: flex; align-items: center; gap: 8px;
|
||||
padding: 16px 0 8px; flex-wrap: wrap;
|
||||
padding: 12px 0 16px; flex-wrap: wrap;
|
||||
justify-content: center; z-index: 10;
|
||||
background: linear-gradient(to top, var(--bg-primary) 60%, transparent);
|
||||
width: 100%; max-width: 900px;
|
||||
}
|
||||
.gs-label {
|
||||
font-size: 13px; color: var(--text-dim); margin-right: 4px;
|
||||
|
||||
Reference in New Issue
Block a user