From 3f37ee0259122860534a0ea754a74c7d4da1ed8e Mon Sep 17 00:00:00 2001 From: Caner Akdas Date: Wed, 14 Jan 2026 22:47:28 +0300 Subject: [PATCH 1/5] fix: mobile layout issues --- src/generators/web/ui/index.css | 56 ++++++++++++++++++++++++++++++--- 1 file changed, 51 insertions(+), 5 deletions(-) diff --git a/src/generators/web/ui/index.css b/src/generators/web/ui/index.css index ac1aa5a4..f9b9fca8 100644 --- a/src/generators/web/ui/index.css +++ b/src/generators/web/ui/index.css @@ -14,6 +14,15 @@ main { code { font-size: inherit; font-weight: inherit; + overflow-wrap: anywhere; + word-break: break-word; + } + + @media (min-width: 768px) { + code { + overflow-wrap: normal; + word-break: normal; + } } /* Don't overflow the parent */ @@ -35,8 +44,9 @@ main { /* Change history positioning */ div:has(> h1, > h2, > h3, > h4, > h5, > h6) { display: flex; - align-items: center; + align-items: start; gap: 8px; + flex-direction: column; > h1, > h2, @@ -45,13 +55,49 @@ main { > h5, > h6 { flex: 1; - text-overflow: ellipsis; - overflow: hidden; - white-space: nowrap; + font-size: 24px; + line-height: 32px; + margin-bottom: 8px; + font-weight: 500; + overflow-wrap: anywhere; + word-break: break-word; } .change-history { - margin-left: auto; + margin-left: none; + + div[role="menu"] { + left: 0; + } + } + } + + @media (min-width: 768px) { + div:has(> h1, > h2, > h3, > h4, > h5, > h6) { + flex-direction: row; + align-items: center; + + > h1, + > h2, + > h3, + > h4, + > h5, + > h6 { + margin-bottom: none; + overflow-wrap: normal; + word-break: normal; + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; + } + + .change-history { + margin-left: auto; + + div[role="menu"] { + left: initial; + } + } } } From 733050f4e90a5df9a4566e4575bffd498af92eb2 Mon Sep 17 00:00:00 2001 From: Caner Akdas Date: Wed, 14 Jan 2026 22:55:17 +0300 Subject: [PATCH 2/5] chore: forced styles removed --- src/generators/web/ui/index.css | 3 --- 1 file changed, 3 deletions(-) diff --git a/src/generators/web/ui/index.css b/src/generators/web/ui/index.css index f9b9fca8..f601a371 100644 --- a/src/generators/web/ui/index.css +++ b/src/generators/web/ui/index.css @@ -55,10 +55,7 @@ main { > h5, > h6 { flex: 1; - font-size: 24px; - line-height: 32px; margin-bottom: 8px; - font-weight: 500; overflow-wrap: anywhere; word-break: break-word; } From a16928bdeb5c3852761bf7bbc985a71cad5956bc Mon Sep 17 00:00:00 2001 From: Caner Akdas Date: Wed, 14 Jan 2026 23:04:28 +0300 Subject: [PATCH 3/5] chore: copilot suggestions --- src/generators/web/ui/index.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/generators/web/ui/index.css b/src/generators/web/ui/index.css index f601a371..cfd78a9e 100644 --- a/src/generators/web/ui/index.css +++ b/src/generators/web/ui/index.css @@ -61,7 +61,7 @@ main { } .change-history { - margin-left: none; + margin-left: 0; div[role="menu"] { left: 0; @@ -80,7 +80,7 @@ main { > h4, > h5, > h6 { - margin-bottom: none; + margin-bottom: 0; overflow-wrap: normal; word-break: normal; white-space: nowrap; From 876b284f7b9fa43e864f30efac6f2c10518dec73 Mon Sep 17 00:00:00 2001 From: Caner Akdas Date: Wed, 14 Jan 2026 23:06:54 +0300 Subject: [PATCH 4/5] ci: fix linter --- src/generators/web/ui/index.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/generators/web/ui/index.css b/src/generators/web/ui/index.css index cfd78a9e..92855072 100644 --- a/src/generators/web/ui/index.css +++ b/src/generators/web/ui/index.css @@ -63,7 +63,7 @@ main { .change-history { margin-left: 0; - div[role="menu"] { + div[role='menu'] { left: 0; } } @@ -91,7 +91,7 @@ main { .change-history { margin-left: auto; - div[role="menu"] { + div[role='menu'] { left: initial; } } From 67b6de0691e986d7df96c21d5cd02b0e411bda0b Mon Sep 17 00:00:00 2001 From: Caner Akdas Date: Fri, 16 Jan 2026 17:44:08 +0300 Subject: [PATCH 5/5] refactor: missing navigation title added --- src/generators/web/ui/components/SideBar/index.jsx | 1 + 1 file changed, 1 insertion(+) diff --git a/src/generators/web/ui/components/SideBar/index.jsx b/src/generators/web/ui/components/SideBar/index.jsx index 2868f4c3..052a4b99 100644 --- a/src/generators/web/ui/components/SideBar/index.jsx +++ b/src/generators/web/ui/components/SideBar/index.jsx @@ -32,6 +32,7 @@ export default ({ versions, pathname, currentVersion, docPages }) => ( ]} onSelect={redirect} as={props => } + title="Navigation" >