fix: Fix Space Avatar Button Style - MEED-7110 - Meeds-io/meeds#2211 (#…

…3919) Prior to this change, the drawer of space setting is set outside of Space Settings Application, thus the Style isn't applied correctly. This change will move the Attach Avatar style to make it more generic and independent from Application Parent Identifier.
Meeds-io · Jun 20, 2024 · 03b0d81 · 03b0d81
1 parent e548641
commit 03b0d81
Show file tree

Hide file tree

Showing 2 changed files with 42 additions and 40 deletions.
diff --git a/webapp/portlet/src/main/webapp/skin/less/portlet/SpaceHeader/Style.less b/webapp/portlet/src/main/webapp/skin/less/portlet/SpaceHeader/Style.less
@@ -46,4 +46,7 @@
     padding-bottom: 0 !important;
     margin-bottom: 0 !important;
   }
+}
+#SpacePage #MenuChildren {
+  display: none;
 }
diff --git a/webapp/portlet/src/main/webapp/skin/less/portlet/SpaceSettings/Style.less b/webapp/portlet/src/main/webapp/skin/less/portlet/SpaceSettings/Style.less
@@ -30,49 +30,48 @@
 #SpaceSettings {
   margin-bottom: 58px;
 
-  .spaceAvatarHoverEdit {
-    position: relative !important;
-    background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(4, 4, 4) 80%, rgba(0,0,0,1) 100%);
-
-    .v-image__image {
-      opacity: 0.8;
-    }
-
-    .changeAvatarButton {
-      bottom: 0;
-      left: 50%;
-      transform: translateX(-50%);
-      position: absolute;
-      padding: 0;
-      margin: 0;
-      display: inline;
-
-      .v-input__prepend-outer {
-        margin: 0;
-
-        button {
-          background: rgba(0, 0, 0, 0.2) !important;
-          padding: 3px;
-          color: #fff;
-          border: 1px solid #fff !important;
-          border-radius: 50%;
-          height: 30px;
-          width: 30px;
-        }
-      }
-
-      .v-input__control {
-        visibility: hidden;
-        width: 0;
-        height: 0;
-      }
-    }
-  }
-
   .v-alert.error {
     position: absolute;
     top: 80px;
     left: ~"calc(260px - 50%)";
   }
+}
+
+.spaceAvatarHoverEdit {
+  position: relative !important;
+  background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(4, 4, 4) 80%, rgba(0,0,0,1) 100%);
 
-}
+  .v-image__image {
+    opacity: 0.8;
+  }
+
+  .changeAvatarButton {
+    bottom: 0;
+    left: 50%;
+    transform: translateX(-50%);
+    position: absolute;
+    padding: 0;
+    margin: 0;
+    display: inline;
+
+    .v-input__prepend-outer {
+      margin: 0;
+
+      button {
+        background: rgba(0, 0, 0, 0.2) !important;
+        padding: 3px;
+        color: #fff;
+        border: 1px solid #fff !important;
+        border-radius: 50%;
+        height: 30px;
+        width: 30px;
+      }
+    }
+
+    .v-input__control {
+      visibility: hidden;
+      width: 0;
+      height: 0;
+    }
+  }
+}