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

Various tiny CSS fixes (#1348)

Browse Source
This commit is contained in:
Alexander Zinchuk 2021-08-03 01:30:56 +03:00
parent 2d351ce7bc
commit 41713e3ca2
4 changed files with 10 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/auth/Auth.scss
View File

@ -130,7 +130,7 @@
ol { ol {
list-style: none; list-style: none;
counter-reset: item; counter-reset: item;
padding: 0 2rem; padding: 0 1.75rem;
li { li {
counter-increment: item; counter-increment: item;

5
src/components/left/main/Chat.scss
View File

@ -73,6 +73,10 @@
padding-right: .125rem; padding-right: .125rem;
} }
.subtitle {
margin-top: -.125rem;
}
h3 { h3 {
width: auto; width: auto;
max-width: 80%; max-width: 80%;
@ -94,6 +98,7 @@
flex-grow: 1; flex-grow: 1;
color: var(--color-text-secondary); color: var(--color-text-secondary);
unicode-bidi: plaintext; unicode-bidi: plaintext;
&[dir=ltr] { &[dir=ltr] {
text-align: left; text-align: left;
} }

2
src/components/left/main/ChatFolders.tsx
View File

@ -98,7 +98,7 @@ const ChatFolders: FC<StateProps & DispatchProps> = ({
} }
return [ return [
{ title: lang('FilterAllChats') }, { title: lang.code === 'en' ? 'All' : lang('FilterAllChats') },
...displayedFolders.map((folder) => ({ ...displayedFolders.map((folder) => ({
title: folder.title, title: folder.title,
...(folderCountersById && folderCountersById[folder.id]), ...(folderCountersById && folderCountersById[folder.id]),

6
src/components/middle/message/WebPage.scss
View File

@ -2,7 +2,7 @@
margin-top: 0.25rem; margin-top: 0.25rem;
margin-bottom: 0.125rem; margin-bottom: 0.125rem;
padding-left: .625rem; padding-left: .625rem;
font-size: 0.875rem; font-size: calc(var(--message-text-size, 1rem) - .125rem);
line-height: 1.125rem; line-height: 1.125rem;
max-width: 29rem; max-width: 29rem;
position: relative; position: relative;
@ -14,9 +14,9 @@
top: 0; top: 0;
bottom: 0; bottom: 0;
left: 0; left: 0;
width: 2px; width: .125rem;
background: var(--accent-color); background: var(--accent-color);
border-radius: 2px; border-radius: .125rem;
} }
&-text { &-text {