delete inherance

src/components/ui/BasePopup.vue

@@ -17,7 +17,7 @@
         <slot name="controls" />
 
         <!-- Lock/Unlock Inheritance Button -->
-        <div class="settings-subsection">
+        <div v-if="showInheritance" class="settings-subsection">
           <button class="inheritance-btn" @click="$emit('toggle-inheritance')">
             <svg
               v-if="inheritanceLocked"
@@ -54,13 +54,13 @@
           <span>CSS</span>
           <label
             class="toggle"
-            :class="{ 'field--view-only': inheritanceLocked }"
+            :class="{ 'field--view-only': showInheritance && inheritanceLocked }"
           >
             <span class="toggle-label">Mode édition</span>
             <input
               type="checkbox"
               v-model="isEditable"
-              :disabled="inheritanceLocked"
+              :disabled="showInheritance && inheritanceLocked"
             />
             <span class="toggle-switch"></span>
           </label>
@@ -73,7 +73,7 @@
           v-else
           :value="editableCss"
           @input="handleCssInput"
-          :disabled="inheritanceLocked"
+          :disabled="showInheritance && inheritanceLocked"
           spellcheck="false"
         ></textarea>
       </div>
@@ -99,6 +99,7 @@ const props = defineProps({
   editableCss: { type: String, default: '' },
   popupWidth: { type: Number, default: 800 },
   popupHeight: { type: Number, default: 600 },
+  showInheritance: { type: Boolean, default: true },
 });
 
 const emit = defineEmits(['close', 'css-input', 'toggle-inheritance']);