restyle of footer buttons and title

3DStreet · Jun 3, 2024 · 8ad1cd3 · 8ad1cd3
1 parent c828843
commit 8ad1cd3
Show file tree

Hide file tree

Showing 6 changed files with 15 additions and 12 deletions.
diff --git a/src/editor/components/components/GeoPanel/GeoPanel.module.scss b/src/editor/components/components/GeoPanel/GeoPanel.module.scss
@@ -12,6 +12,11 @@
   }
 
   & > p {
+    margin-top: 8px;
     font-size: 16px !important;
+    max-width: 80vw;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    white-space: nowrap;
   }
 }
diff --git a/src/editor/components/components/HelpButton/HelpButton.module.scss b/src/editor/components/components/HelpButton/HelpButton.module.scss
@@ -3,7 +3,7 @@
 .wrapper {
   .helpButton {
     position: absolute;
-    left: 32px;
+    right: 35px;
     border: unset;
     bottom: 32px;
     border-radius: 50%;

diff --git a/src/editor/components/components/SceneEditTitle/SceneEditTitle.component.jsx b/src/editor/components/components/SceneEditTitle/SceneEditTitle.component.jsx
@@ -1,6 +1,6 @@
 import { useEffect, useState } from 'react';
 import styles from './SceneEditTitle.module.scss';
-import { CheckMark32Icon, Cross32Icon, Edit32Icon } from '../../../icons';
+import { CheckMark32Icon, Cross32Icon } from '../../../icons';
 import { updateSceneIdAndTitle } from '../../../api/scene';
 
 const SceneEditTitle = ({ sceneData }) => {
@@ -77,11 +77,6 @@ const SceneEditTitle = ({ sceneData }) => {
           <p className={styles.title} onClick={handleEditClick}>
             {title}
           </p>
-          {!editMode && (
-            <div className={styles.editButton} onClick={handleEditClick}>
-              <Edit32Icon />
-            </div>
-          )}
         </div>
       )}
     </div>

diff --git a/src/editor/components/components/SceneEditTitle/SceneEditTitle.module.scss b/src/editor/components/components/SceneEditTitle/SceneEditTitle.module.scss
@@ -7,13 +7,16 @@
   display: flex;
   justify-content: center;
   align-items: center;
+  background: rgba(50, 50, 50, 0.8);
+  padding: 8px 12px;
+  border-radius: 12px;
 
   .title {
-    width: 300px;
+    max-width: 50vw;
     text-overflow: ellipsis;
     overflow: hidden;
-    height: 24px;
-    font-size: 20px !important;
+    height: 20px;
+    font-size: 16px !important;
     white-space: nowrap;
     cursor: pointer;
   }

diff --git a/src/editor/components/components/ZoomButtons/ZoomButtons.module.scss b/src/editor/components/components/ZoomButtons/ZoomButtons.module.scss
@@ -5,7 +5,7 @@
   z-index: 1;
   top: unset;
   right: 32px;
-  bottom: 74px;
+  bottom: 84px;
   display: block;
   min-width: unset;
   width: 3rem;

diff --git a/src/editor/style/index.scss b/src/editor/style/index.scss
@@ -501,7 +501,7 @@ body.aframe-inspector-opened {
 #resetZoomButton {
   position: absolute !important;
   right: 35px;
-  bottom: 23px;
+  bottom: 188px;
   padding: 0 !important;
   border-radius: 50% !important;
   width: 43px;