diff --git a/app/src/main/java/org/thoughtcrime/securesms/conversation/disappearingmessages/ui/DisappearingMessages.kt b/app/src/main/java/org/thoughtcrime/securesms/conversation/disappearingmessages/ui/DisappearingMessages.kt index 82c87fae9f..e694b3740f 100644 --- a/app/src/main/java/org/thoughtcrime/securesms/conversation/disappearingmessages/ui/DisappearingMessages.kt +++ b/app/src/main/java/org/thoughtcrime/securesms/conversation/disappearingmessages/ui/DisappearingMessages.kt @@ -1,6 +1,5 @@ package org.thoughtcrime.securesms.conversation.disappearingmessages.ui -import androidx.compose.foundation.clickable import androidx.compose.foundation.layout.Arrangement import androidx.compose.foundation.layout.Box import androidx.compose.foundation.layout.Column @@ -8,26 +7,25 @@ import androidx.compose.foundation.layout.fillMaxWidth import androidx.compose.foundation.layout.padding import androidx.compose.foundation.rememberScrollState import androidx.compose.foundation.verticalScroll +import androidx.compose.material.MaterialTheme import androidx.compose.material.Text import androidx.compose.runtime.Composable import androidx.compose.ui.Alignment import androidx.compose.ui.Modifier import androidx.compose.ui.graphics.Color import androidx.compose.ui.res.stringResource -import androidx.compose.ui.text.TextStyle import androidx.compose.ui.text.font.FontWeight import androidx.compose.ui.text.style.TextAlign import androidx.compose.ui.unit.dp -import androidx.compose.ui.unit.sp import network.loki.messenger.R import network.loki.messenger.libsession_util.util.ExpiryMode import org.thoughtcrime.securesms.ui.Callbacks -import org.thoughtcrime.securesms.ui.GetString import org.thoughtcrime.securesms.ui.NoOpCallbacks import org.thoughtcrime.securesms.ui.OptionsCard import org.thoughtcrime.securesms.ui.RadioOption import org.thoughtcrime.securesms.ui.components.OutlineButton import org.thoughtcrime.securesms.ui.contentDescription +import org.thoughtcrime.securesms.ui.extraSmall import org.thoughtcrime.securesms.ui.fadingEdges typealias ExpiryCallbacks = Callbacks @@ -55,11 +53,10 @@ fun DisappearingMessages( } if (state.showGroupFooter) Text(text = stringResource(R.string.activity_disappearing_messages_group_footer), - style = TextStyle( - fontSize = 11.sp, - fontWeight = FontWeight(400), - color = Color(0xFFA1A2A1), - textAlign = TextAlign.Center), + style = MaterialTheme.typography.extraSmall, + fontWeight = FontWeight(400), + color = Color(0xFFA1A2A1), + textAlign = TextAlign.Center, modifier = Modifier.fillMaxWidth()) } } diff --git a/app/src/main/java/org/thoughtcrime/securesms/onboarding/LandingActivity.kt b/app/src/main/java/org/thoughtcrime/securesms/onboarding/LandingActivity.kt index 4c4aa13bed..db94ba9536 100644 --- a/app/src/main/java/org/thoughtcrime/securesms/onboarding/LandingActivity.kt +++ b/app/src/main/java/org/thoughtcrime/securesms/onboarding/LandingActivity.kt @@ -40,7 +40,6 @@ import androidx.compose.ui.text.style.TextAlign import androidx.compose.ui.tooling.preview.Preview import androidx.compose.ui.tooling.preview.PreviewParameter import androidx.compose.ui.unit.dp -import androidx.compose.ui.unit.sp import kotlinx.coroutines.delay import network.loki.messenger.R import org.session.libsession.utilities.TextSecurePreferences @@ -57,6 +56,7 @@ import org.thoughtcrime.securesms.ui.components.BorderlessButton import org.thoughtcrime.securesms.ui.components.FilledButton import org.thoughtcrime.securesms.ui.components.OutlineButton import org.thoughtcrime.securesms.ui.contentDescription +import org.thoughtcrime.securesms.ui.large import org.thoughtcrime.securesms.ui.session_accent import org.thoughtcrime.securesms.util.setUpActionBarSessionLogo import org.thoughtcrime.securesms.util.start @@ -173,8 +173,6 @@ class LandingActivity : BaseActionBarActivity() { .width(262.dp) .align(Alignment.CenterHorizontally) .contentDescription(R.string.AccessibilityId_open_url), - fontSize = 11.sp, - lineHeight = 13.sp, onClick = ::openDialog ) Spacer(modifier = Modifier.height(8.dp)) @@ -253,8 +251,7 @@ private fun ChatText( ) { Text( text, - fontSize = 16.sp, - lineHeight = 19.sp, + style = MaterialTheme.typography.large, color = textColor, modifier = modifier .fillMaxWidth(0.666f) diff --git a/app/src/main/java/org/thoughtcrime/securesms/ui/Components.kt b/app/src/main/java/org/thoughtcrime/securesms/ui/Components.kt index 3fda58f984..7440cde47c 100644 --- a/app/src/main/java/org/thoughtcrime/securesms/ui/Components.kt +++ b/app/src/main/java/org/thoughtcrime/securesms/ui/Components.kt @@ -3,7 +3,6 @@ package org.thoughtcrime.securesms.ui import androidx.annotation.DrawableRes import androidx.annotation.StringRes import androidx.compose.animation.AnimatedVisibility -import androidx.compose.foundation.BorderStroke import androidx.compose.foundation.Canvas import androidx.compose.foundation.Image import androidx.compose.foundation.ScrollState @@ -27,29 +26,19 @@ import androidx.compose.foundation.lazy.LazyColumn import androidx.compose.foundation.lazy.itemsIndexed import androidx.compose.foundation.shape.RoundedCornerShape import androidx.compose.material.ButtonColors -import androidx.compose.material.ButtonDefaults import androidx.compose.material.Card import androidx.compose.material.CircularProgressIndicator -import androidx.compose.material.Colors -import androidx.compose.material.ContentAlpha import androidx.compose.material.Icon import androidx.compose.material.LocalContentColor import androidx.compose.material.MaterialTheme -import androidx.compose.material.OutlinedButton import androidx.compose.material.RadioButton import androidx.compose.material.Text import androidx.compose.material.TextButton import androidx.compose.runtime.Composable -import androidx.compose.runtime.CompositionLocalProvider import androidx.compose.runtime.LaunchedEffect -import androidx.compose.runtime.getValue -import androidx.compose.runtime.mutableStateOf -import androidx.compose.runtime.remember import androidx.compose.runtime.rememberCoroutineScope -import androidx.compose.runtime.setValue import androidx.compose.ui.Alignment import androidx.compose.ui.Modifier -import androidx.compose.ui.composed import androidx.compose.ui.draw.alpha import androidx.compose.ui.draw.drawWithContent import androidx.compose.ui.geometry.Size @@ -65,11 +54,8 @@ import androidx.compose.ui.res.painterResource import androidx.compose.ui.res.stringResource import androidx.compose.ui.semantics.contentDescription import androidx.compose.ui.semantics.semantics -import androidx.compose.ui.text.style.TextAlign import androidx.compose.ui.unit.Dp -import androidx.compose.ui.unit.TextUnit import androidx.compose.ui.unit.dp -import androidx.compose.ui.unit.sp import androidx.compose.ui.viewinterop.AndroidView import com.google.accompanist.drawablepainter.rememberDrawablePainter import kotlinx.coroutines.CoroutineScope @@ -251,13 +237,13 @@ fun TitledRadioButton(option: RadioOption, onClick: () -> Unit) { Column { Text( text = option.title(), - fontSize = 16.sp, + style = MaterialTheme.typography.large, modifier = Modifier.alpha(if (option.enabled) 1f else 0.5f) ) option.subtitle?.let { Text( text = it(), - fontSize = 11.sp, + style = MaterialTheme.typography.extraSmall, modifier = Modifier.alpha(if (option.enabled) 1f else 0.5f) ) } diff --git a/app/src/main/java/org/thoughtcrime/securesms/ui/Themes.kt b/app/src/main/java/org/thoughtcrime/securesms/ui/Themes.kt index 719d91248f..b72328df83 100644 --- a/app/src/main/java/org/thoughtcrime/securesms/ui/Themes.kt +++ b/app/src/main/java/org/thoughtcrime/securesms/ui/Themes.kt @@ -101,7 +101,10 @@ fun boldStyle(size: TextUnit) = TextStyle.Default.copy( fontSize = size ) -fun defaultStyle(size: TextUnit) = TextStyle.Default.copy(fontSize = size) +fun defaultStyle(size: TextUnit) = TextStyle.Default.copy( + fontSize = size, + lineHeight = size * 1.2 +) val sessionTypography = Typography( h1 = boldStyle(36.sp), @@ -113,6 +116,7 @@ val sessionTypography = Typography( ) val Typography.medium get() = defaultStyle(18.sp) +val Typography.large get() = defaultStyle(16.sp) val Typography.base get() = defaultStyle(14.sp) val Typography.baseBold get() = boldStyle(14.sp) val Typography.small get() = defaultStyle(12.sp) diff --git a/app/src/main/java/org/thoughtcrime/securesms/ui/components/Button.kt b/app/src/main/java/org/thoughtcrime/securesms/ui/components/Button.kt index 1b125444c2..ff9ca63d7a 100644 --- a/app/src/main/java/org/thoughtcrime/securesms/ui/components/Button.kt +++ b/app/src/main/java/org/thoughtcrime/securesms/ui/components/Button.kt @@ -2,12 +2,6 @@ package org.thoughtcrime.securesms.ui.components import androidx.annotation.StringRes import androidx.compose.animation.AnimatedVisibility -import androidx.compose.animation.EnterTransition -import androidx.compose.animation.fadeIn -import androidx.compose.animation.fadeOut -import androidx.compose.animation.slideIn -import androidx.compose.animation.slideInHorizontally -import androidx.compose.animation.slideOutHorizontally import androidx.compose.foundation.BorderStroke import androidx.compose.foundation.interaction.MutableInteractionSource import androidx.compose.foundation.interaction.PressInteraction @@ -34,18 +28,16 @@ import androidx.compose.ui.graphics.Color import androidx.compose.ui.graphics.Shape import androidx.compose.ui.res.stringResource import androidx.compose.ui.text.style.TextAlign -import androidx.compose.ui.unit.TextUnit import androidx.compose.ui.unit.dp import kotlinx.coroutines.delay import kotlinx.coroutines.flow.collectLatest import kotlinx.coroutines.flow.filter -import network.loki.messenger.R -import org.thoughtcrime.securesms.preferences.copyPublicKey import org.thoughtcrime.securesms.ui.GetString import org.thoughtcrime.securesms.ui.LaunchedEffectAsync import org.thoughtcrime.securesms.ui.LocalButtonColor import org.thoughtcrime.securesms.ui.colorDestructive import org.thoughtcrime.securesms.ui.contentDescription +import org.thoughtcrime.securesms.ui.extraSmall import kotlin.time.Duration.Companion.seconds val LocalButtonSize = staticCompositionLocalOf { mediumButton } @@ -164,8 +156,6 @@ fun BorderlessButton( text: String, modifier: Modifier = Modifier, contentDescription: GetString = GetString(text), - fontSize: TextUnit = TextUnit.Unspecified, - lineHeight: TextUnit = TextUnit.Unspecified, contentColor: Color = MaterialTheme.colors.onBackground, backgroundColor: Color = Color.Transparent, onClick: () -> Unit @@ -182,8 +172,7 @@ fun BorderlessButton( Text( text = text, textAlign = TextAlign.Center, - fontSize = fontSize, - lineHeight = lineHeight, + style = MaterialTheme.typography.extraSmall, modifier = Modifier.padding(horizontal = 2.dp) ) }