Add overflow-wrap for reader view content

msasikanth · Aug 6, 2024 · 0e14fa5 · 0e14fa5
1 parent 9ee34fb
commit 0e14fa5
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/shared/src/commonMain/composeResources/files/reader/main.js b/shared/src/commonMain/composeResources/files/reader/main.js
@@ -63,8 +63,11 @@ function updateStyles(colors) {
   const styles = `
   body {
     padding-top: 16px;
+    padding-left: 16px;
+    padding-right: 16px;
     color: ${colors.textColor};
     font-family: 'Golos Text', sans-serif;
+    overflow-wrap: break-word;
   }
   a {
     color: ${colors.linkColor};

diff --git a/shared/src/commonMain/kotlin/dev/sasikanth/rss/reader/reader/ui/ReaderScreen.kt b/shared/src/commonMain/kotlin/dev/sasikanth/rss/reader/reader/ui/ReaderScreen.kt
@@ -272,7 +272,7 @@ internal fun ReaderScreen(
           }
         }
 
-        Box(Modifier.fillMaxSize().padding(paddingValues).padding(horizontal = 16.dp)) {
+        Box(Modifier.fillMaxSize().padding(paddingValues)) {
           WebView(
             modifier = Modifier.fillMaxSize(),
             state = webViewState,