Skip to content

Commit 8c29e81

Browse files
committed
fix(browser-extension): force overflow auto (x/y) with !important for Firefox scroll issues
- wow, Brave handles this very well
1 parent 1072b57 commit 8c29e81

1 file changed

Lines changed: 14 additions & 6 deletions

File tree

src/main/kotlin/com/sakethh/linkora/presentation/routing/http/BrowserExtensionRouting.kt

Lines changed: 14 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -28,7 +28,8 @@ fun Application.browserExtensionRouting(foldersRepo: FoldersRepo) {
2828
"https://fonts.googleapis.com/icon?family=Material+Icons+Outlined"
2929
),
3030
modifier = Modifier.width(400.px).height(250.px).backgroundColor(color = Colors.surfaceDark)
31-
.boxSizing(BoxSizing.BorderBox).margin(0.px).padding(0.px).custom("overflow: hidden;")
31+
.boxSizing(BoxSizing.BorderBox).margin(0.px).padding(0.px)
32+
.custom("overflow: auto !important")
3233
) {
3334
runBlocking {
3435
BrowserExtensionUI(foldersRepo)
@@ -42,7 +43,15 @@ fun Application.browserExtensionRouting(foldersRepo: FoldersRepo) {
4243

4344
private suspend fun BODY.BrowserExtensionUI(foldersRepo: FoldersRepo) {
4445
val folders = (foldersRepo.getRootFolders() as Result.Success).response
45-
Column(modifier = Modifier.margin(15.px)) {
46+
Column(
47+
modifier = Modifier.margin(15.px).custom(
48+
"""
49+
overflow: auto !important;
50+
overflow-x: auto !important;
51+
overflow-y: auto !important;
52+
""".trimIndent()
53+
)
54+
) {
4655
Button(
4756
modifier = Modifier.cursor(Cursor.Pointer).height(25.px).margin(bottom = 10.px)
4857
.backgroundColor(Colors.codeblockBG).color(Colors.onPrimaryContainerDark),
@@ -211,10 +220,9 @@ private suspend fun DIV.ChildFoldersComponent(
211220
private fun DIV.FolderComponent(
212221
folder: Folder, showDivider: Boolean = true, icon: String = "create_new_folder", bottomSpacing: Int = 12
213222
) {
214-
Row (
215-
className = "folder-component",
216-
horizontalAlignment = HorizontalAlignment.Center
217-
){
223+
Row(
224+
className = "folder-component", horizontalAlignment = HorizontalAlignment.Center
225+
) {
218226
span(classes = "material-icons-outlined") {
219227
id = "${folder.name}-${folder.id}"
220228
style = Modifier.color(

0 commit comments

Comments
 (0)