fix: minor style fixes

terrestris · Oct 18, 2024 · 5a937ac · 5a937ac
1 parent c135508
commit 5a937ac
Show file tree

Hide file tree

Showing 5 changed files with 19 additions and 16 deletions.
diff --git a/src/bootstrap.tsx b/src/bootstrap.tsx
@@ -771,7 +771,12 @@ const renderApp = async () => {
                       Color(style['--primaryColor']).darken(0.5).hex() :
                       style['--primaryColor'],
                     colorLink: style['--complementaryColor'],
-                    colorLinkHover: style['--secondaryColor']
+                    colorLinkHover: style['--secondaryColor'],
+                    borderRadius: 0,
+                    borderRadiusLG: 0,
+                    borderRadiusSM: 0,
+                    borderRadiusXS: 0,
+                    borderRadiusOuter: 0
                   }
                 }}
               >

diff --git a/src/components/DocumentationButton/index.tsx b/src/components/DocumentationButton/index.tsx
@@ -22,13 +22,14 @@ export const DocumentationButton: React.FC<DocumentationButtonProps> = ({
     <SimpleButton
       onClick={() => window.open('/gis-docs', '_blank')}
       className={finalClassName}
+      aria-label="documentation-button"
       icon={
         <FontAwesomeIcon
           icon={faCircleQuestion}
         />
       }
-    >
-    </SimpleButton>
+      type='link'
+    />
   );
 };
 

diff --git a/src/components/Header/index.less b/src/components/Header/index.less
@@ -6,6 +6,7 @@
   top: 0;
   margin-bottom: 0;
   z-index: 2;
+  padding: 0 .5rem;
 
   background-color: var(--primaryColor);
   display: flex;

diff --git a/src/components/Header/index.tsx b/src/components/Header/index.tsx
@@ -87,17 +87,9 @@ export const Header: React.FC<HeaderProps> = ({
   const getDocsButton = () => {
     if (ClientConfiguration.documentationButtonVisible) {
       return (
-        <div
+        <DocumentationButton
           key="documentation-button"
-          aria-label="documentation-button"
-        >
-          <DocumentationButton
-            key="documentation-button"
-            type="link"
-          >
-          </DocumentationButton>
-
-        </div>
+        />
       );
     }
   };

diff --git a/src/components/ToolMenu/index.less b/src/components/ToolMenu/index.less
@@ -84,7 +84,7 @@
       .ant-collapse-header {
         border-radius: 0px;
         background-color: #fff;
-        padding: 6px 40px 6px 16px;
+        padding: 6px 16px 6px 16px;
 
         .ant-collapse-header-text span {
           padding-left: 10px;
@@ -130,14 +130,18 @@
       &.ant-collapse-item {
         border-radius: 0px;
       }
+
+      &:last-child {
+        // TODO Get color from variable?
+        border-bottom: 1px solid #d9d9d9;
+      }
     }
   }
 
   button.collapse-btn {
     width: 100%;
     border: none;
-    border-radius: 0 0 8px 8px;
-    }
+  }
 
   button:hover {
     color: var(--secondaryColor);