ztr/TelegramPWA
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/right/EditTopic.tsx
View File

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

12
src/components/right/ManageTopic.module.scss
View File

@ -1,7 +1,7 @@
.root { .root {
position: relative; position: relative;
height: 100%; height: 100%;
background-color: var(--color-background-secondary); background-color: var(--color-background);
--topic-icon-size: 5rem; --topic-icon-size: 5rem;
} }
@ -9,6 +9,7 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
height: 100%; height: 100%;
overflow: auto;
} }
.section { .section {
@ -17,8 +18,13 @@
flex-direction: column; flex-direction: column;
background-color: var(--color-background); 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); 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 { .top {
@ -27,7 +33,7 @@
.bottom { .bottom {
flex-grow: 1; flex-grow: 1;
min-height: 0; min-height: 30rem;
margin-bottom: 0; margin-bottom: 0;
} }