remove close button on social dialog

Author: SharonStrats

src/social/editProfileDetails.ts

@@ -2,7 +2,7 @@ import { LiveStore, NamedNode, st, sym } from 'rdflib'
 import { html, render } from 'lit-html'
 import { ns } from 'solid-ui'
 import 'solid-ui/components/actions/button'
-import { closeIcon, editIcon, plusIcon, trashIcon } from './icons'
+import { editIcon, plusIcon, trashIcon } from './icons'
 import { createSpinner } from './spinner'
 /* The following code was generated by AI Model: GPT-5.4
    Prompt: can you create me a form to enter this data [
@@ -249,21 +249,6 @@ export function createEditProfileDetailsButton (
     title.textContent = 'Edit profile links'
     dialogHeader.appendChild(title)
 
-    const closeIconButton = dom.createElement('solid-ui-button')
-    closeIconButton.type = 'button'
-    closeIconButton.className = 'social-pane__dialog-close'
-    closeIconButton.setAttribute('aria-label', 'Close dialog')
-    closeIconButton.setAttribute('title', 'Close')
-    closeIconButton.variant = 'icon'
-    closeIconButton.size = 'md'
-    const closeIconButtonIcon = dom.createElement('span')
-    closeIconButtonIcon.className = 'social-pane__dialog-close-icon'
-    closeIconButtonIcon.setAttribute('slot', 'icon')
-    closeIconButtonIcon.setAttribute('aria-hidden', 'true')
-    closeIconButtonIcon.innerHTML = closeIcon
-    closeIconButton.appendChild(closeIconButtonIcon)
-    dialogHeader.appendChild(closeIconButton)
-
     const form = dom.createElement('form')
     form.classList.add('social-pane__dialog-form', 'flex-column')
     dialog.appendChild(form)
@@ -417,7 +402,6 @@ export function createEditProfileDetailsButton (
       saveButton.disabled = nextSaving
       saveButton.setAttribute('aria-busy', String(nextSaving))
       closeButton.disabled = nextSaving
-      closeIconButton.disabled = nextSaving
       savingOverlay.hidden = !nextSaving
 
       if (nextSaving) {
@@ -471,9 +455,6 @@ export function createEditProfileDetailsButton (
     overlay.addEventListener('click', (event) => {
       if (event.target === overlay) closeDialog()
     })
-
-    closeIconButton.addEventListener('click', requestCloseDialog)
-
     closeButton.addEventListener('click', requestCloseDialog)
 
     saveButton.addEventListener('click', async (event) => {

src/social/socialPane.css

@@ -11,37 +11,7 @@
   max-width: none;
   margin: 0;
 }
-
-.social-pane__header-section {
-  background:white;
-}
-
-.social-pane__header {
-  width: 100%;
-}
-
 .social-pane__header-content {
-  display: flex;
-  align-items: flex-start;
-  gap: var(--spacing-lg, 1.5625rem);
-  padding: 1.5rem 1.5rem 0.25rem;
-}
-
-.social-pane__header-media {
-  display: flex;
-  flex: 0 0 11.25rem;
-  flex-direction: column;
-  align-items: flex-start;
-  width: 11.25rem;
-  gap: var(--spacing-base, 0.5rem);
-  overflow: visible;
-  border-radius: var(--border-radius-full, 0.625rem);
-}
-
-.social-pane__header-details {
-  display: flex;
-  flex: 1 1 auto;
-  flex-direction: column;
   align-items: flex-start;
   gap: var(--spacing-xs, 0.75rem);
   min-width: 0;