profile-pane 3.1.4 → 3.1.5

package/lib/styles/profileRDFFormsEnforced.css

@@ -80,8 +80,8 @@
   position: relative !important;
 }
 
-.hoverControl > img.hoverControlHide,
-.hoverControl > [data-testid="deleteButtonWithCheck"] {
+.profile-grid .hoverControl > img.hoverControlHide,
+.profile-grid .hoverControl > [data-testid="deleteButtonWithCheck"] {
   position: absolute !important;
   top: 0.2em !important;
   right: 0.2em !important;
@@ -95,10 +95,10 @@
 }
 
 /* When icon is 2nd or 3rd child (i.e. sibling elements exist), align it vertically to the previous item */
-.hoverControl > img.hoverControlHide:nth-child(1),
-.hoverControl > img.hoverControlHide:nth-child(2),
-.hoverControl > [data-testid="deleteButtonWithCheck"]:nth-child(1),
-.hoverControl > [data-testid="deleteButtonWithCheck"]:nth-child(2) {
+.profile-grid .hoverControl > img.hoverControlHide:nth-child(1),
+.profile-grid .hoverControl > img.hoverControlHide:nth-child(2),
+.profile-grid .hoverControl > [data-testid="deleteButtonWithCheck"]:nth-child(1),
+.profile-grid .hoverControl > [data-testid="deleteButtonWithCheck"]:nth-child(2) {
   top: 50% !important;
   transform: translateY(-50%) !important;
   display: inline-flex !important;
@@ -289,12 +289,12 @@ section[aria-labelledby="edit-profile-contact-heading"] .profile-form > div:firs
 
 /* for the social media */
 /* Add space between classifierBox label and select box */
-section[data-testid="edit-social-section"] .classifierBox-label {
+.profile-grid section[data-testid="edit-social-section"] .classifierBox-label {
   /* Optional: ensure label doesn't have extra margin */
   margin-right: 0;
   padding-left: 0.3em;
 }
-section[data-testid="edit-social-section"] .classifierBox-selectBox select {
+.profile-grid section[data-testid="edit-social-section"] .classifierBox-selectBox select {
   margin-left: 0.7em !important;
 }
 
@@ -379,8 +379,10 @@ section[data-testid="edit-social-section"] .classifierBox-selectBox select {
 }
 
 /* Hide the edit icon used by solid-ui (noun_253504.svg and noun_1180158.svg) when it appears as an <img> */
-img[src*="noun_253504.svg"],
-img[src*="noun_1180158.svg"] {
+.profile-form img[src*="noun_253504.svg"],
+.profile-form img[src*="noun_1180158.svg"],
+.webidControl img[src*="noun_253504.svg"],
+.webidControl img[src*="noun_1180158.svg"] {
   display: none !important;
   width: 0 !important;
   height: 0 !important;
@@ -389,8 +391,10 @@ img[src*="noun_1180158.svg"] {
 }
 
 /* Ensure the parent button for that icon doesn't add padding/margin or affect layout */
-button:has(> img[src*="noun_253504.svg"]),
-button:has(> img[src*="noun_1180158.svg"]) {
+.profile-form button:has(> img[src*="noun_253504.svg"]),
+.profile-form button:has(> img[src*="noun_1180158.svg"]),
+.webidControl button:has(> img[src*="noun_253504.svg"]),
+.webidControl button:has(> img[src*="noun_1180158.svg"]) {
   display: none !important;
   padding: 0 !important;
   margin: 0 !important;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "profile-pane",
-  "version": "3.1.4",
+  "version": "3.1.5",
   "description": "A SolidOS compatible pane to display a personal profile page",
   "sideEffects": [
     "*.css"
@@ -47,7 +47,7 @@
   "license": "MIT",
   "dependencies": {
     "lit-html": "^3.3.2",
-    "pane-registry": "^3.0.2",
+    "pane-registry": "^3.1.0",
     "qrcode": "^1.5.4",
     "validate-color": "^2.2.4"
   },
@@ -74,7 +74,7 @@
     "babel-loader": "^10.0.0",
     "babel-plugin-inline-import": "^3.0.0",
     "chat-pane": "^3.0.3",
-    "contacts-pane": "^3.0.3",
+    "contacts-pane": "^3.1.0",
     "copy-webpack-plugin": "^14.0.0",
     "css-loader": "^7.1.4",
     "eslint": "^9.39.2",
@@ -92,7 +92,7 @@
     "ts-loader": "^9.5.4",
     "typescript": "^5.9.3",
     "webpack": "^5.105.2",
-    "webpack-cli": "^6.0.1",
+    "webpack-cli": "^7.0.2",
     "webpack-dev-server": "^5.2.3"
   }
 }