From 33138ee1ad7c837f812908c209a553f1c693822c Mon Sep 17 00:00:00 2001
From: Nico Hoffmann <me@nhoffmann.com>
Date: Sat, 7 Dec 2024 19:20:35 +0100
Subject: [PATCH] Writer toolbar: hide when no buttons

Fixes #6804
---
 panel/src/components/Forms/Toolbar/Toolbar.vue | 2 +-
 panel/src/components/Forms/Writer/Toolbar.vue  | 3 +--
 2 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/panel/src/components/Forms/Toolbar/Toolbar.vue b/panel/src/components/Forms/Toolbar/Toolbar.vue
index ca2a7af104..f955b6f2fe 100644
--- a/panel/src/components/Forms/Toolbar/Toolbar.vue
+++ b/panel/src/components/Forms/Toolbar/Toolbar.vue
@@ -1,5 +1,5 @@
 <template>
-	<nav class="k-toolbar" :data-theme="theme">
+	<nav v-if="buttons.length" class="k-toolbar" :data-theme="theme">
 		<template v-for="(button, index) in buttons">
 			<hr v-if="button === '|'" :key="index" />
 
diff --git a/panel/src/components/Forms/Writer/Toolbar.vue b/panel/src/components/Forms/Writer/Toolbar.vue
index 9bebd48bc9..35123639df 100644
--- a/panel/src/components/Forms/Writer/Toolbar.vue
+++ b/panel/src/components/Forms/Writer/Toolbar.vue
@@ -338,8 +338,7 @@ export default {
 </script>
 
 <style>
-/** TODO: .k-writer-input:has(.k-toolbar:not([data-inline="true"])) */
-.k-writer-input:not([data-toolbar-inline="true"]):not([data-disabled="true"]) {
+.k-writer:has(.k-toolbar:not([data-inline="true"], [data-disabled="true"])) {
 	grid-template-areas: "topbar" "content";
 	grid-template-rows: var(--toolbar-size) 1fr;
 	gap: 0;