feat: Improve UI

oodamien · web-flow · commit a824cbee94f4 · 2024-01-26T14:24:40.000+01:00
Resolves #195
diff --git a/src/css/body.css b/src/css/body.css
@@ -3,3 +3,7 @@
     display: flex;
   }
 }
+
+body {
+  text-rendering: optimizeLegibility;
+}
diff --git a/src/css/header.css b/src/css/header.css
@@ -286,8 +286,13 @@ body {
     white-space: nowrap;
   }
 
+  .navbar-dropdown .navbar-item-special-3 {
+    color: #111;
+    font-size: 0.8rem;
+  }
   .navbar-dropdown .navbar-item-special {
     padding-bottom: 20px;
+    margin-bottom: 1.5rem;
     color: var(--link-font-color);
   }
 
diff --git a/src/css/vars.css b/src/css/vars.css
@@ -43,8 +43,8 @@
   --body-line-height: 1.15;
   --body-font-color: #191e1e;
   --body-font-family: "Open Sans", sans;
-  --body-font-weight-bold: 500;
-  --monospace-font-weight-bold: 500;
+  --body-font-weight-bold: 600;
+  --monospace-font-weight-bold: 600;
   /* base */
   --body-background: var(--color-white);
   --panel-background: var(--color-smoke-30);
diff --git a/src/partials/header-content.hbs b/src/partials/header-content.hbs
@@ -99,6 +99,7 @@
               class="navbar-item navbar-item-special"
               href="https://spring.io/projects"
             >View all projects</a>
+            <li class="navbar-item navbar-item-special-3">DEVELOPMENT TOOLS</li>
             <a class="navbar-item" href="https://spring.io/tools">Spring Tools 4</a>
             <a
               class="navbar-item navbar-item-special-2"

Original file line number	Diff line number	Diff line change
`@@ -3,3 +3,7 @@`
`3`	`3`	`display: flex;`
`4`	`4`	`}`
`5`	`5`	`}`
	`6`	`+`
	`7`	`+body {`
	`8`	`+ text-rendering: optimizeLegibility;`
	`9`	`+}`
Original file line number	Diff line number	Diff line change
`@@ -286,8 +286,13 @@ body {`
`286`	`286`	`white-space: nowrap;`
`287`	`287`	`}`
`288`	`288`
	`289`	`+ .navbar-dropdown .navbar-item-special-3 {`
	`290`	`+ color: #111;`
	`291`	`+ font-size: 0.8rem;`
	`292`	`+ }`
`289`	`293`	`.navbar-dropdown .navbar-item-special {`
`290`	`294`	`padding-bottom: 20px;`
	`295`	`+ margin-bottom: 1.5rem;`
`291`	`296`	`color: var(--link-font-color);`
`292`	`297`	`}`
`293`	`298`