Edit Topic: Fix background color for general topic (#3452)

This commit is contained in:
Alexander Zinchuk 2023-07-05 13:15:46 +02:00
parent 804809e737
commit d4162565f8
2 changed files with 11 additions and 5 deletions

View File

@ -125,8 +125,8 @@ const EditTopic: FC<OwnProps & StateProps> = ({
{!topic && <Loading />}
{topic && (
<>
<div className={buildClassName(styles.section, styles.top)}>
<span className={styles.heading}>{lang('CreateTopicTitle')}</span>
<div className={buildClassName(styles.section, styles.top, isGeneral && styles.general)}>
<span className={styles.heading}>{lang(isGeneral ? 'CreateGeneralTopicTitle' : 'CreateTopicTitle')}</span>
<Transition
name="zoomFade"
activeKey={Number(dummyTopic.iconEmojiId) || 0}

View File

@ -1,7 +1,7 @@
.root {
position: relative;
height: 100%;
background-color: var(--color-background-secondary);
background-color: var(--color-background);
--topic-icon-size: 5rem;
}
@ -9,6 +9,7 @@
display: flex;
flex-direction: column;
height: 100%;
overflow: auto;
}
.section {
@ -17,8 +18,13 @@
flex-direction: column;
background-color: var(--color-background);
border-bottom: 0.625rem solid var(--color-background-secondary);
box-shadow: inset 0 -0.0625rem 0 0 var(--color-background-secondary-accent);
margin-bottom: 0.625rem;
}
.general {
box-shadow: none;
border-bottom: 0;
}
.top {
@ -27,7 +33,7 @@
.bottom {
flex-grow: 1;
min-height: 0;
min-height: 30rem;
margin-bottom: 0;
}