From 7f51a72bcbccdc1f2ddb5f0818604f247f6c338a Mon Sep 17 00:00:00 2001
From: Peter Savchenko <specc.dev@gmail.com>
Date: Fri, 26 Apr 2024 13:47:43 +0300
Subject: [PATCH 1/2] fix(ui): broken sidebar, table of content and header on 
 linux (#315)

* move squircle to only to active and hover states

* fix hover

* fix squircle in header

* fix toc

* rm redundant line
---
 src/frontend/styles/components/header.pcss           | 5 ++++-
 src/frontend/styles/components/sidebar.pcss          | 7 +++++--
 src/frontend/styles/components/table-of-content.pcss | 5 ++++-
 3 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/src/frontend/styles/components/header.pcss b/src/frontend/styles/components/header.pcss
index 0b43e9eb..3c627205 100644
--- a/src/frontend/styles/components/header.pcss
+++ b/src/frontend/styles/components/header.pcss
@@ -40,7 +40,10 @@ html {
 
     @media (--not-mobile) {
       padding: 4px 10px;
-      @apply --squircle;
+
+      &:hover {
+        @apply --squircle;
+      }
     }
 
     &:hover {
diff --git a/src/frontend/styles/components/sidebar.pcss b/src/frontend/styles/components/sidebar.pcss
index 7ce04cae..04f6f83a 100644
--- a/src/frontend/styles/components/sidebar.pcss
+++ b/src/frontend/styles/components/sidebar.pcss
@@ -182,13 +182,16 @@
     transition-property: background-color;
     transition-duration: 0.1s;
 
-    @apply --squircle;
-
     &--selected {
       border-radius: 8px;
       /* border using box-shadow which doesn't increase the height */
       box-shadow: 0 0 0 2px rgba(147, 166, 233, 0.5) inset;
     }
+
+    &--active,
+    &:hover {
+      @apply --squircle;
+    }
   }
 
   &__section-title > span,
diff --git a/src/frontend/styles/components/table-of-content.pcss b/src/frontend/styles/components/table-of-content.pcss
index ab3c9211..a3f56743 100644
--- a/src/frontend/styles/components/table-of-content.pcss
+++ b/src/frontend/styles/components/table-of-content.pcss
@@ -31,7 +31,10 @@
     gap: 2px;
 
     &-item {
-      @apply --squircle;
+      &:hover,
+      &--active {
+        @apply --squircle;
+      }
 
       &:hover {
         background-color: var(--color-link-hover);

From a6391a3da0b092db371dcd91d2bd1f647117fc9a Mon Sep 17 00:00:00 2001
From: Peter Savchenko <specc.dev@gmail.com>
Date: Fri, 26 Apr 2024 17:31:40 +0300
Subject: [PATCH 2/2] Update version to v2.2.1 in package.json

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 490b138c..2ef08eb9 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "codex.docs",
   "license": "Apache-2.0",
-  "version": "v2.2.0-rc.11",
+  "version": "v2.2.1",
   "type": "module",
   "bin": {
     "codex.docs": "dist/backend/app.js"