Side menu width (#558)

leandroBorgesFerreira · web-flow · commit e7e430d91c08 · 2026-01-08T17:55:12.000-03:00
diff --git a/application/core/common_ui/src/androidMain/kotlin/io/writeopia/commonui/buttons/UiConstants.android.kt b/application/core/common_ui/src/androidMain/kotlin/io/writeopia/commonui/buttons/UiConstants.android.kt
@@ -1,3 +1,4 @@
 package io.writeopia.commonui.buttons
 
 actual fun verticalPaddingCommonButton(): Int = 10
+actual fun sideMenuDefaultWidth(): Float = SIDE_MENU_WIDTH_MOBILE
diff --git a/application/core/common_ui/src/commonMain/kotlin/io/writeopia/commonui/buttons/UiConstants.kt b/application/core/common_ui/src/commonMain/kotlin/io/writeopia/commonui/buttons/UiConstants.kt
@@ -1,3 +1,8 @@
 package io.writeopia.commonui.buttons
 
+const val SIDE_MENU_WIDTH_MOBILE = 500F
+const val SIDE_MENU_WIDTH_DESKTOP = 280F
+
 expect fun verticalPaddingCommonButton(): Int
+
+expect fun sideMenuDefaultWidth(): Float
diff --git a/application/core/common_ui/src/jvmMain/kotlin/io/writeopia/commonui/buttons/UiConstants.jvm.kt b/application/core/common_ui/src/jvmMain/kotlin/io/writeopia/commonui/buttons/UiConstants.jvm.kt
@@ -1,3 +1,4 @@
 package io.writeopia.commonui.buttons
 
+actual fun sideMenuDefaultWidth(): Float = SIDE_MENU_WIDTH_DESKTOP
 actual fun verticalPaddingCommonButton(): Int = 6
diff --git a/application/core/common_ui/src/nativeMain/kotlin/io/writeopia/commonui/buttons/UiConstants.native.kt b/application/core/common_ui/src/nativeMain/kotlin/io/writeopia/commonui/buttons/UiConstants.native.kt
@@ -1,3 +1,4 @@
 package io.writeopia.commonui.buttons
 
 actual fun verticalPaddingCommonButton(): Int = 6
+actual fun sideMenuDefaultWidth(): Float = SIDE_MENU_WIDTH_MOBILE
diff --git a/application/core/common_ui/src/webMain/kotlin/io/writeopia/commonui/buttons/UiConstants.web.kt b/application/core/common_ui/src/webMain/kotlin/io/writeopia/commonui/buttons/UiConstants.web.kt
@@ -1,3 +1,4 @@
 package io.writeopia.commonui.buttons
 
 actual fun verticalPaddingCommonButton(): Int = 6
+actual fun sideMenuDefaultWidth(): Float = SIDE_MENU_WIDTH_DESKTOP
diff --git a/application/core/theme/src/commonMain/kotlin/io/writeopia/extensions/UiConfigurationExtensions.kt b/application/core/theme/src/commonMain/kotlin/io/writeopia/extensions/UiConfigurationExtensions.kt
@@ -15,6 +15,6 @@ fun UiConfiguration.toEntity() = UiConfigurationEntity(
 fun UiConfigurationEntity.toModel() = UiConfiguration(
     userId = user_id,
     colorThemeOption = ColorThemeOption.fromText(color_theme_option) ?: ColorThemeOption.SYSTEM,
-    sideMenuWidth = side_menu_width?.toFloat() ?: 500F,
+    sideMenuWidth = side_menu_width?.toFloat() ?: 280F,
     font = Font.fromLabel(font_family)
 )
diff --git a/application/features/global_shell/src/commonMain/kotlin/io/writeopia/global/shell/viewmodel/GlobalShellKmpViewModel.kt b/application/features/global_shell/src/commonMain/kotlin/io/writeopia/global/shell/viewmodel/GlobalShellKmpViewModel.kt
@@ -16,6 +16,7 @@ import io.writeopia.common.utils.download.DownloadParser
 import io.writeopia.common.utils.download.DownloadState
 import io.writeopia.common.utils.icons.IconChange
 import io.writeopia.common.utils.toList
+import io.writeopia.commonui.buttons.sideMenuDefaultWidth
 import io.writeopia.commonui.dtos.MenuItemUi
 import io.writeopia.commonui.extensions.toUiCard
 import io.writeopia.core.folders.repository.folder.NotesUseCase
@@ -345,12 +346,12 @@ class GlobalShellKmpViewModel(
     override fun toggleSideMenu() {
         val width = showSideMenuState.value
 
-        sideMenuWidthState.value = if (width.dp < 5.dp) 500F else 0F
+        sideMenuWidthState.value = if (width.dp < 5.dp) sideMenuDefaultWidth() else 0F
         saveMenuWidth()
     }
 
     override fun saveMenuWidth() {
-        val width = sideMenuWidthState.value ?: 500F
+        val width = sideMenuWidthState.value ?: sideMenuDefaultWidth()
 
         viewModelScope.launch(Dispatchers.Default) {
             val uiConfiguration =

Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,4 @@`
`1`	`1`	`package io.writeopia.commonui.buttons`
`2`	`2`
`3`	`3`	`actual fun verticalPaddingCommonButton(): Int = 10`
	`4`	`+actual fun sideMenuDefaultWidth(): Float = SIDE_MENU_WIDTH_MOBILE`
Original file line number	Diff line number	Diff line change
`@@ -15,6 +15,6 @@ fun UiConfiguration.toEntity() = UiConfigurationEntity(`
`15`	`15`	`fun UiConfigurationEntity.toModel() = UiConfiguration(`
`16`	`16`	`userId = user_id,`
`17`	`17`	`colorThemeOption = ColorThemeOption.fromText(color_theme_option) ?: ColorThemeOption.SYSTEM,`
`18`		`- sideMenuWidth = side_menu_width?.toFloat() ?: 500F,`
	`18`	`+ sideMenuWidth = side_menu_width?.toFloat() ?: 280F,`
`19`	`19`	`font = Font.fromLabel(font_family)`
`20`	`20`	`)`