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

CSS: Use variables to define font weight (#5342)

Browse Source
This commit is contained in:
zubiden 2024-12-29 11:58:36 +01:00 committed by Alexander Zinchuk
parent 6563d37e8a
commit 7e316db081
129 changed files with 175 additions and 175 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/calls/ActiveCallHeader.scss
View File

@ -8,7 +8,7 @@
display: flex; display: flex;
justify-content: center; justify-content: center;
font-weight: 500; font-weight: var(--font-weight-medium);
font-size: 0.875rem; font-size: 0.875rem;
color: #fff; color: #fff;
align-items: center; align-items: center;

2
src/components/calls/group/GroupCall.module.scss
View File

@ -118,7 +118,7 @@
text-overflow: ellipsis; text-overflow: ellipsis;
unicode-bidi: plaintext; unicode-bidi: plaintext;
font-size: 1rem; font-size: 1rem;
font-weight: 500; font-weight: var(--font-weight-medium);
margin: 0; margin: 0;
} }

2
src/components/calls/group/GroupCallParticipant.module.scss
View File

@ -13,7 +13,7 @@
display: flex !important; display: flex !important;
.fullName { .fullName {
font-weight: 500; font-weight: var(--font-weight-medium);
font-size: 1rem; font-size: 1rem;
--emoji-size: 1rem; --emoji-size: 1rem;
} }

2
src/components/calls/group/GroupCallParticipantVideo.module.scss
View File

@ -133,7 +133,7 @@
.name { .name {
color: #FFFFFF; color: #FFFFFF;
font-weight: 500; font-weight: var(--font-weight-medium);
line-height: 1.125rem; line-height: 1.125rem;
:global(.fullName) { :global(.fullName) {

2
src/components/calls/group/GroupCallTopPane.scss
View File

@ -28,7 +28,7 @@
.join { .join {
height: 1.875rem; height: 1.875rem;
border-radius: 1rem; border-radius: 1rem;
font-weight: 500; font-weight: var(--font-weight-medium);
padding: 0 1rem; padding: 0 1rem;
width: auto; width: auto;
} }

2
src/components/calls/phone/PhoneCall.module.scss
View File

@ -107,7 +107,7 @@
color: white; color: white;
max-width: 20rem; max-width: 20rem;
text-align: center; text-align: center;
font-weight: 500; font-weight: var(--font-weight-medium);
opacity: 0; opacity: 0;
transition: 0.25s ease-in-out opacity; transition: 0.25s ease-in-out opacity;

4
src/components/common/Audio.scss
View File

@ -160,7 +160,7 @@
} }
.title { .title {
font-weight: 500; font-weight: var(--font-weight-medium);
margin: 0; margin: 0;
line-height: 1.25; line-height: 1.25;
white-space: nowrap; white-space: nowrap;
@ -391,7 +391,7 @@
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
font-weight: 400; font-weight: var(--font-weight-normal);
line-height: 1.5rem; line-height: 1.5rem;
} }

2
src/components/common/AvatarList.module.scss
View File

@ -77,7 +77,7 @@
font-size: 0.75rem; font-size: 0.75rem;
line-height: 1rem; line-height: 1rem;
font-weight: 500; font-weight: var(--font-weight-medium);
padding: 0rem 0.25rem; padding: 0rem 0.25rem;
} }

2
src/components/common/CalendarModal.scss
View File

@ -67,7 +67,7 @@
position: relative; position: relative;
border-radius: 4rem; border-radius: 4rem;
outline: none !important; outline: none !important;
font-weight: 500; font-weight: var(--font-weight-medium);
margin: 0.125rem 0.625rem; margin: 0.125rem 0.625rem;
@media (max-width: 600px) { @media (max-width: 600px) {

2
src/components/common/Composer.scss
View File

@ -466,7 +466,7 @@
.bot-menu-text { .bot-menu-text {
--emoji-size: 1rem; --emoji-size: 1rem;
font-size: 0.875rem; font-size: 0.875rem;
font-weight: 500; font-weight: var(--font-weight-medium);
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;

2
src/components/common/FakeIcon.scss
View File

@ -6,6 +6,6 @@
padding: 0.125rem 0.25rem; padding: 0.125rem 0.25rem;
line-height: initial; line-height: initial;
margin-inline: 0.25rem; margin-inline: 0.25rem;
font-weight: 500; font-weight: var(--font-weight-medium);
text-transform: capitalize; text-transform: capitalize;
} }

6
src/components/common/File.scss
View File

@ -51,7 +51,7 @@
.file-ext { .file-ext {
font-size: 1rem; font-size: 1rem;
font-weight: 500; font-weight: var(--font-weight-medium);
transition: opacity 0.15s; transition: opacity 0.15s;
} }
@ -144,7 +144,7 @@
.file-title { .file-title {
font-size: 1rem; font-size: 1rem;
line-height: 1.5rem; line-height: 1.5rem;
font-weight: 500; font-weight: var(--font-weight-medium);
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
@ -193,7 +193,7 @@
} }
.file-title { .file-title {
font-weight: 400; font-weight: var(--font-weight-normal);
} }
.file-subtitle { .file-subtitle {

2
src/components/common/LinkField.module.scss
View File

@ -18,7 +18,7 @@
} }
.title { .title {
font-weight: 500; font-weight: var(--font-weight-medium);
color: var(--color-text-secondary); color: var(--color-text-secondary);
padding-left: 1rem; padding-left: 1rem;
} }

2
src/components/common/PeerBadge.module.scss
View File

@ -22,7 +22,7 @@
align-items: center; align-items: center;
gap: 0.125rem; gap: 0.125rem;
font-size: 0.75rem; font-size: 0.75rem;
font-weight: 500; font-weight: var(--font-weight-medium);
line-height: 1; line-height: 1;
white-space: nowrap; white-space: nowrap;
padding: 0.25rem; padding: 0.25rem;

4
src/components/common/PremiumProgress.module.scss
View File

@ -83,7 +83,7 @@
.floating-badge-value { .floating-badge-value {
font-size: 16px; font-size: 16px;
font-weight: 500; font-weight: var(--font-weight-medium);
} }
.left, .right { .left, .right {
@ -92,7 +92,7 @@
bottom: 0; bottom: 0;
display: flex; display: flex;
align-items: center; align-items: center;
font-weight: 500; font-weight: var(--font-weight-medium);
} }
.left { .left {

4
src/components/common/ProfileInfo.module.scss
View File

@ -175,7 +175,7 @@
border-radius: 1rem; border-radius: 1rem;
padding: 0.1875rem 0.375rem; padding: 0.1875rem 0.375rem;
pointer-events: all; pointer-events: all;
font-weight: 500; font-weight: var(--font-weight-medium);
transition: 150ms filter ease-in; transition: 150ms filter ease-in;
background: var(--blured-background-color); background: var(--blured-background-color);
backdrop-filter: blur(100px); backdrop-filter: blur(100px);
@ -214,7 +214,7 @@
.topicIconTitle { .topicIconTitle {
font-size: 3rem !important; font-size: 3rem !important;
font-weight: 400; font-weight: var(--font-weight-normal);
:global(.emoji-small) { :global(.emoji-small) {
width: 3rem; width: 3rem;

2
src/components/common/ProfileInfo.scss
View File

@ -18,7 +18,7 @@
} }
.fullName { .fullName {
font-weight: 500; font-weight: var(--font-weight-medium);
font-size: 1.25rem; font-size: 1.25rem;
line-height: 1.375rem; line-height: 1.375rem;
white-space: pre-wrap; white-space: pre-wrap;

2
src/components/common/StickerButton.scss
View File

@ -38,7 +38,7 @@
vertical-align: bottom; vertical-align: bottom;
align-self: center; align-self: center;
justify-self: center; justify-self: center;
font-weight: 500; font-weight: var(--font-weight-medium);
} }
.sticker-locked { .sticker-locked {

2
src/components/common/TopicDefaultIcon.module.scss
View File

@ -19,7 +19,7 @@
.title { .title {
z-index: 1; z-index: 1;
color: #ffffff; color: #ffffff;
font-weight: 500; font-weight: var(--font-weight-medium);
font-size: 0.75em; font-size: 0.75em;
line-height: 1; line-height: 1;
position: absolute; position: absolute;

4
src/components/common/WebLink.scss
View File

@ -23,7 +23,7 @@
justify-content: center; justify-content: center;
border-radius: var(--border-radius-messages-small); border-radius: var(--border-radius-messages-small);
text-transform: uppercase; text-transform: uppercase;
font-weight: 500; font-weight: var(--font-weight-medium);
font-size: 1.5rem; font-size: 1.5rem;
} }
@ -48,7 +48,7 @@
.site-name { .site-name {
display: block; display: block;
color: var(--color-links); color: var(--color-links);
font-weight: 400; font-weight: var(--font-weight-normal);
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;

2
src/components/common/code/CodeBlock.scss
View File

@ -22,7 +22,7 @@
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
font-weight: 500; font-weight: var(--font-weight-medium);
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
color: var(--accent-color); color: var(--accent-color);
font-size: calc(var(--message-text-size, 1rem) - 0.125rem); font-size: calc(var(--message-text-size, 1rem) - 0.125rem);

2
src/components/common/embedded/EmbeddedMessage.scss
View File

@ -236,7 +236,7 @@
} }
.message-title { .message-title {
font-weight: 500; font-weight: var(--font-weight-medium);
color: var(--accent-color); color: var(--accent-color);
} }
} }

2
src/components/common/gift/UserGift.module.scss
View File

@ -40,7 +40,7 @@
gap: 0.125rem; gap: 0.125rem;
color: #E88011; color: #E88011;
font-weight: 500; font-weight: var(--font-weight-medium);
} }
.hiddenGift { .hiddenGift {

2
src/components/common/pickers/ChatOrUserPicker.scss
View File

@ -114,7 +114,7 @@
font-size: 1rem; font-size: 1rem;
line-height: 1.6875rem; line-height: 1.6875rem;
font-weight: 500; font-weight: var(--font-weight-medium);
} }
.fullName { .fullName {

2
src/components/common/pickers/PickerStyles.module.scss
View File

@ -34,7 +34,7 @@
.pickerCategoryTitle { .pickerCategoryTitle {
color: var(--color-text-secondary); color: var(--color-text-secondary);
padding-inline: 0.5rem; padding-inline: 0.5rem;
font-weight: 500; font-weight: var(--font-weight-medium);
&:not(:first-child) { &:not(:first-child) {
border-top: 1px solid var(--color-borders); border-top: 1px solid var(--color-borders);

2
src/components/left/ConnectionStatusOverlay.scss
View File

@ -40,7 +40,7 @@
flex: 1; flex: 1;
color: var(--color-text-lighter); color: var(--color-text-lighter);
font-size: 0.9375rem; font-size: 0.9375rem;
font-weight: 500; font-weight: var(--font-weight-medium);
padding-bottom: 0.0625rem; padding-bottom: 0.0625rem;
margin-inline-start: 1.875rem; margin-inline-start: 1.875rem;
white-space: nowrap; white-space: nowrap;

2
src/components/left/LeftColumn.scss
View File

@ -13,7 +13,7 @@
h3 { h3 {
margin-bottom: 0; margin-bottom: 0;
font-size: 1.25rem; font-size: 1.25rem;
font-weight: 500; font-weight: var(--font-weight-medium);
margin-left: 1.375rem; margin-left: 1.375rem;
margin-right: auto; margin-right: auto;
user-select: none; user-select: none;

2
src/components/left/main/ChatBadge.scss
View File

@ -33,7 +33,7 @@
color: white; color: white;
font-size: 0.875rem; font-size: 0.875rem;
line-height: 1.5625rem; line-height: 1.5625rem;
font-weight: 500; font-weight: var(--font-weight-medium);
text-align: center; text-align: center;
flex-shrink: 0; flex-shrink: 0;

2
src/components/left/main/EmptyFolder.module.scss
View File

@ -36,7 +36,7 @@
:global(.Button.pill) { :global(.Button.pill) {
max-width: 100%; max-width: 100%;
margin-top: 0.625rem; margin-top: 0.625rem;
font-weight: 500; font-weight: var(--font-weight-medium);
padding-inline-start: 0.75rem; padding-inline-start: 0.75rem;
unicode-bidi: plaintext; unicode-bidi: plaintext;

2
src/components/left/main/EmptyForum.module.scss
View File

@ -13,7 +13,7 @@
:global(.Button.pill) { :global(.Button.pill) {
max-width: 100%; max-width: 100%;
margin-top: 0.625rem; margin-top: 0.625rem;
font-weight: 500; font-weight: var(--font-weight-medium);
padding-inline-start: 0.75rem; padding-inline-start: 0.75rem;
unicode-bidi: plaintext; unicode-bidi: plaintext;

2
src/components/left/main/ForumPanel.module.scss
View File

@ -85,7 +85,7 @@
text-overflow: ellipsis; text-overflow: ellipsis;
unicode-bidi: plaintext; unicode-bidi: plaintext;
font-size: 1rem !important; font-size: 1rem !important;
font-weight: 500 !important; font-weight: var(--font-weight-medium) !important;
margin: 0 !important; margin: 0 !important;
} }

2
src/components/left/main/LeftMainHeader.scss
View File

@ -144,7 +144,7 @@
.left-search-picker-item { .left-search-picker-item {
color: var(--color-text-secondary); color: var(--color-text-secondary);
font-weight: 500; font-weight: var(--font-weight-medium);
padding-right: 0; padding-right: 0;
} }
} }

2
src/components/left/main/UnconfirmedSession.module.scss
View File

@ -28,5 +28,5 @@
.button { .button {
font-size: 0.875rem; font-size: 0.875rem;
font-weight: 500; font-weight: var(--font-weight-medium);
} }

2
src/components/left/newChat/NewChat.scss
View File

@ -30,7 +30,7 @@
.chat-members-heading { .chat-members-heading {
color: var(--color-text-secondary); color: var(--color-text-secondary);
font-size: 1rem; font-size: 1rem;
font-weight: 500; font-weight: var(--font-weight-medium);
margin: 1rem 0.25rem; margin: 1rem 0.25rem;
} }

2
src/components/left/search/DateSuggest.scss
View File

@ -12,7 +12,7 @@
margin-top: 0.375rem; margin-top: 0.375rem;
cursor: var(--custom-cursor, pointer); cursor: var(--custom-cursor, pointer);
font-size: 0.875rem; font-size: 0.875rem;
font-weight: 500; font-weight: var(--font-weight-medium);
color: var(--color-text-secondary); color: var(--color-text-secondary);
.icon-calendar { .icon-calendar {

6
src/components/left/search/LeftSearch.scss
View File

@ -44,7 +44,7 @@
padding-left: 0.5rem; padding-left: 0.5rem;
margin-bottom: 1rem; margin-bottom: 1rem;
font-weight: 500; font-weight: var(--font-weight-medium);
font-size: 1rem; font-size: 1rem;
color: var(--color-text-secondary); color: var(--color-text-secondary);
@ -167,7 +167,7 @@
align-items: center; align-items: center;
font-size: 1rem; font-size: 1rem;
line-height: 1.6875rem; line-height: 1.6875rem;
font-weight: 500; font-weight: var(--font-weight-medium);
overflow: hidden; overflow: hidden;
.topic-icon { .topic-icon {
@ -196,7 +196,7 @@
.Link { .Link {
float: right; float: right;
color: var(--color-links); color: var(--color-links);
font-weight: 500; font-weight: var(--font-weight-medium);
margin-right: 0.5rem; margin-right: 0.5rem;
transition: opacity 0.15s ease-in; transition: opacity 0.15s ease-in;

2
src/components/left/settings/Settings.scss
View File

@ -241,7 +241,7 @@
font-size: 1rem; font-size: 1rem;
line-height: 1rem; line-height: 1rem;
margin-bottom: 0.25rem; margin-bottom: 0.25rem;
font-weight: 500; font-weight: var(--font-weight-medium);
} }
.contact-phone { .contact-phone {

2
src/components/left/settings/folders/SettingsFolders.scss
View File

@ -33,7 +33,7 @@
h3 { h3 {
font-size: 1rem; font-size: 1rem;
font-weight: 500; font-weight: var(--font-weight-medium);
line-height: 1.3125; line-height: 1.3125;
margin: 0; margin: 0;
overflow: hidden; overflow: hidden;

10
src/components/main/premium/GiveawayModal.module.scss
View File

@ -18,7 +18,7 @@
} }
.button { .button {
font-weight: 500; font-weight: var(--font-weight-medium);
font-size: 1rem; font-size: 1rem;
height: 3rem; height: 3rem;
} }
@ -40,7 +40,7 @@
.header-text { .header-text {
font-size: 1.5rem; font-size: 1.5rem;
font-weight: 500; font-weight: var(--font-weight-medium);
text-align: center; text-align: center;
margin-inline: 0.5rem; margin-inline: 0.5rem;
} }
@ -79,7 +79,7 @@
.premium-header-text { .premium-header-text {
font-size: 1.25rem; font-size: 1.25rem;
font-weight: 500; font-weight: var(--font-weight-medium);
margin: 0 0 0 3rem; margin: 0 0 0 3rem;
unicode-bidi: plaintext; unicode-bidi: plaintext;
} }
@ -128,7 +128,7 @@
.subscription { .subscription {
margin: 1rem 1.625rem 1.3125rem 1.5rem; margin: 1rem 1.625rem 1.3125rem 1.5rem;
font-size: 1rem; font-size: 1rem;
font-weight: 400; font-weight: var(--font-weight-normal);
color: var(--color-text-secondary); color: var(--color-text-secondary);
@include mixins.adapt-margin-to-scrollbar(1rem); @include mixins.adapt-margin-to-scrollbar(1rem);
@ -206,7 +206,7 @@
.floatingBadgeValue { .floatingBadgeValue {
font-size: 0.875rem; font-size: 0.875rem;
font-weight: 500; font-weight: var(--font-weight-medium);
} }
.subscriptionFooter { .subscriptionFooter {

8
src/components/main/premium/PremiumFeatureModal.module.scss
View File

@ -3,7 +3,7 @@
} }
.button { .button {
font-weight: 600; font-weight: var(--font-weight-semibold);
font-size: 1rem; font-size: 1rem;
height: 3rem; height: 3rem;
} }
@ -70,7 +70,7 @@
.header { .header {
padding-left: 4rem; padding-left: 4rem;
font-size: 1.25rem; font-size: 1.25rem;
font-weight: 500; font-weight: var(--font-weight-medium);
padding-top: 0.875rem; padding-top: 0.875rem;
padding-bottom: 0.875rem; padding-bottom: 0.875rem;
border-bottom: 0.0625rem solid var(--color-borders); border-bottom: 0.0625rem solid var(--color-borders);
@ -102,7 +102,7 @@
.title { .title {
font-size: 1.25rem; font-size: 1.25rem;
font-weight: 500; font-weight: var(--font-weight-medium);
text-align: center; text-align: center;
color: var(--color-text); color: var(--color-text);
margin-top: 1rem; margin-top: 1rem;
@ -110,7 +110,7 @@
.description { .description {
font-size: 1rem; font-size: 1rem;
font-weight: 400; font-weight: var(--font-weight-normal);
line-height: 1.375rem; line-height: 1.375rem;
text-align: center; text-align: center;
color: var(--color-text-secondary); color: var(--color-text-secondary);

6
src/components/main/premium/PremiumMainModal.module.scss
View File

@ -26,7 +26,7 @@
} }
.button { .button {
font-weight: 600; font-weight: var(--font-weight-semibold);
font-size: 1rem; font-size: 1rem;
height: 3rem; height: 3rem;
} }
@ -58,7 +58,7 @@
.header-text { .header-text {
font-size: 1.5rem; font-size: 1.5rem;
font-weight: 500; font-weight: var(--font-weight-medium);
text-align: center; text-align: center;
margin-inline: 0.5rem; margin-inline: 0.5rem;
} }
@ -106,7 +106,7 @@
.premium-header-text { .premium-header-text {
font-size: 1.25rem; font-size: 1.25rem;
font-weight: 500; font-weight: var(--font-weight-medium);
margin: 0 0 0 3rem; margin: 0 0 0 3rem;
unicode-bidi: plaintext; unicode-bidi: plaintext;
} }

2
src/components/main/premium/PremiumSubscriptionOption.module.scss
View File

@ -121,7 +121,7 @@
.giveawayDiscount { .giveawayDiscount {
font-size: 0.8125rem; font-size: 0.8125rem;
font-weight: 500; font-weight: var(--font-weight-medium);
border-radius: 0.375rem; border-radius: 0.375rem;
padding: 0.1875rem; padding: 0.1875rem;
} }

2
src/components/main/premium/StarsGiftingPickerModal.module.scss
View File

@ -82,5 +82,5 @@
.button { .button {
height: 3rem; height: 3rem;
font-weight: 600; font-weight: var(--font-weight-semibold);
} }

2
src/components/main/premium/common/PremiumLimitPreview.module.scss
View File

@ -5,7 +5,7 @@
} }
.title { .title {
font-weight: 500; font-weight: var(--font-weight-medium);
color: var(--color-text); color: var(--color-text);
margin-left: 0.75rem; margin-left: 0.75rem;
unicode-bidi: plaintext; unicode-bidi: plaintext;

2
src/components/main/premium/common/PremiumLimitReachedModal.module.scss
View File

@ -25,7 +25,7 @@
} }
.limit-value { .limit-value {
font-weight: 500; font-weight: var(--font-weight-medium);
color: var(--color-white); color: var(--color-white);
} }

2
src/components/main/premium/common/PremiumLimitsCompare.module.scss
View File

@ -28,7 +28,7 @@
.text, .floating-badge-value { .text, .floating-badge-value {
font-size: 16px; font-size: 16px;
font-weight: 500; font-weight: var(--font-weight-medium);
} }
.left-text { .left-text {

2
src/components/main/premium/previews/PremiumFeaturePreviewStories.module.scss
View File

@ -19,7 +19,7 @@
.title { .title {
font-size: 1.25rem; font-size: 1.25rem;
font-weight: 500; font-weight: var(--font-weight-medium);
align-self: center; align-self: center;
margin-top: 1rem; margin-top: 1rem;
margin-bottom: 1rem; margin-bottom: 1rem;

2
src/components/mediaViewer/SenderInfo.scss
View File

@ -26,7 +26,7 @@
.title { .title {
line-height: 1.4375rem; line-height: 1.4375rem;
font-weight: 500; font-weight: var(--font-weight-medium);
white-space: pre; white-space: pre;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;

2
src/components/middle/ContactGreeting.module.scss
View File

@ -30,7 +30,7 @@
} }
.title { .title {
font-weight: 500; font-weight: var(--font-weight-medium);
margin-bottom: 0; margin-bottom: 0;
} }

2
src/components/middle/DeleteSelectedMessageModal.module.scss
View File

@ -22,7 +22,7 @@
margin-left: 1rem; margin-left: 1rem;
color: var(--color-links); color: var(--color-links);
font-size: 1rem; font-size: 1rem;
font-weight: 500; font-weight: var(--font-weight-medium);
} }
.restrictionTitle { .restrictionTitle {

2
src/components/middle/MessageList.scss
View File

@ -296,7 +296,7 @@
display: flex; display: flex;
gap: 0.25rem; gap: 0.25rem;
line-height: 1.5; line-height: 1.5;
font-weight: 500; font-weight: var(--font-weight-medium);
} }
.action-message-user-caption { .action-message-user-caption {

2
src/components/middle/MessageListBotInfo.module.scss
View File

@ -26,7 +26,7 @@
} }
.bot-info-title { .bot-info-title {
font-weight: 500; font-weight: var(--font-weight-medium);
margin-bottom: 0.25rem; margin-bottom: 0.25rem;
} }

2
src/components/middle/MessageSelectToolbar.scss
View File

@ -85,7 +85,7 @@
background: var(--color-background); background: var(--color-background);
border-radius: var(--border-radius-messages); border-radius: var(--border-radius-messages);
box-shadow: 0 1px 2px var(--color-default-shadow); box-shadow: 0 1px 2px var(--color-default-shadow);
font-weight: 500; font-weight: var(--font-weight-medium);
transform: scaleX(1); transform: scaleX(1);
transition: transform var(--select-transition), opacity var(--select-transition); transition: transform var(--select-transition), opacity var(--select-transition);

8
src/components/middle/MiddleHeader.scss
View File

@ -50,7 +50,7 @@
border-radius: 0.625rem; border-radius: 0.625rem;
font-size: 0.75rem; font-size: 0.75rem;
line-height: 1.25rem; line-height: 1.25rem;
font-weight: 500; font-weight: var(--font-weight-medium);
text-align: center; text-align: center;
position: absolute; position: absolute;
@ -110,7 +110,7 @@
} }
h3 { h3 {
font-weight: 500; font-weight: var(--font-weight-medium);
font-size: 1.125rem; font-size: 1.125rem;
line-height: 1.375rem; line-height: 1.375rem;
white-space: pre; white-space: pre;
@ -122,7 +122,7 @@
body.is-ios &, body.is-ios &,
body.is-macos & { body.is-macos & {
font-size: 1.0625rem; font-size: 1.0625rem;
font-weight: 600; font-weight: var(--font-weight-semibold);
} }
@media (max-width: 600px) { @media (max-width: 600px) {
@ -313,7 +313,7 @@
color: white; color: white;
font-size: 0.75rem; font-size: 0.75rem;
line-height: 1rem; line-height: 1rem;
font-weight: 500; font-weight: var(--font-weight-medium);
text-align: center; text-align: center;
flex-shrink: 0; flex-shrink: 0;
right: 0; right: 0;

2
src/components/middle/NoMessages.scss
View File

@ -32,7 +32,7 @@
} }
.title { .title {
font-weight: 500; font-weight: var(--font-weight-medium);
font-size: 1rem; font-size: 1rem;
margin-bottom: 0.25rem; margin-bottom: 0.25rem;
text-align: center; text-align: center;

2
src/components/middle/ScrollDownButton.module.scss
View File

@ -57,7 +57,7 @@
border-radius: 0.75rem; border-radius: 0.75rem;
font-size: 0.875rem; font-size: 0.875rem;
line-height: 1.5rem; line-height: 1.5rem;
font-weight: 500; font-weight: var(--font-weight-medium);
text-align: center; text-align: center;
position: absolute; position: absolute;

2
src/components/middle/composer/BotKeyboardMenu.scss
View File

@ -34,7 +34,7 @@
border: 2px solid var(--color-primary); border: 2px solid var(--color-primary);
background: var(--color-background); background: var(--color-background);
color: var(--color-primary); color: var(--color-primary);
font-weight: 500; font-weight: var(--font-weight-medium);
text-transform: none; text-transform: none;
&:hover { &:hover {

2
src/components/middle/composer/DropTarget.scss
View File

@ -95,7 +95,7 @@
.title { .title {
font-size: 1.3125rem; font-size: 1.3125rem;
font-weight: 500; font-weight: var(--font-weight-medium);
letter-spacing: -0.18px; letter-spacing: -0.18px;
@media (max-height: 450px) { @media (max-height: 450px) {

2
src/components/middle/composer/InlineBotTooltip.scss
View File

@ -1,7 +1,7 @@
.InlineBotTooltip { .InlineBotTooltip {
.switch-pm .title { .switch-pm .title {
margin: 0 auto; margin: 0 auto;
font-weight: 500; font-weight: var(--font-weight-medium);
} }
&.gallery { &.gallery {

2
src/components/middle/composer/PollModal.scss
View File

@ -18,7 +18,7 @@
.options-header { .options-header {
color: var(--color-text-secondary); color: var(--color-text-secondary);
font-size: 1rem; font-size: 1rem;
font-weight: 500; font-weight: var(--font-weight-medium);
margin: 1.5rem 0.25rem; margin: 1.5rem 0.25rem;
} }

2
src/components/middle/composer/SendAsMenu.scss
View File

@ -1,6 +1,6 @@
.SendAsMenu { .SendAsMenu {
.send-as-title { .send-as-title {
font-weight: 500; font-weight: var(--font-weight-medium);
line-height: 1.25rem; line-height: 1.25rem;
word-break: break-word; word-break: break-word;
margin-inline-start: 1rem; margin-inline-start: 1rem;

2
src/components/middle/composer/SymbolMenu.scss
View File

@ -194,7 +194,7 @@
font-size: 1rem; font-size: 1rem;
line-height: 1.6875rem; line-height: 1.6875rem;
font-weight: 500; font-weight: var(--font-weight-medium);
margin: 0; margin: 0;
padding: 0 0.25rem 0.125rem; padding: 0 0.25rem 0.125rem;
overflow: hidden; overflow: hidden;

2
src/components/middle/composer/inlineResults/BaseResult.scss
View File

@ -32,7 +32,7 @@
} }
.title { .title {
font-weight: 500; font-weight: var(--font-weight-medium);
text-align: left; text-align: left;
unicode-bidi: plaintext; unicode-bidi: plaintext;
} }

2
src/components/middle/message/CommentButton.scss
View File

@ -12,7 +12,7 @@
border-bottom-right-radius: var(--border-bottom-right-radius); border-bottom-right-radius: var(--border-bottom-right-radius);
border-bottom-left-radius: var(--border-bottom-left-radius); border-bottom-left-radius: var(--border-bottom-left-radius);
font-size: 0.9375rem; font-size: 0.9375rem;
font-weight: 500; font-weight: var(--font-weight-medium);
line-height: 2.125rem; line-height: 2.125rem;
color: var(--accent-color); color: var(--accent-color);
white-space: nowrap; white-space: nowrap;

4
src/components/middle/message/Contact.module.scss
View File

@ -19,7 +19,7 @@
.name { .name {
font-size: 1rem; font-size: 1rem;
font-weight: 500; font-weight: var(--font-weight-medium);
max-width: 12.5rem; max-width: 12.5rem;
} }
@ -49,7 +49,7 @@
flex: 1; flex: 1;
height: 2.25rem; height: 2.25rem;
margin-block: 0.25rem; margin-block: 0.25rem;
font-weight: 500; font-weight: var(--font-weight-medium);
background-color: transparent; background-color: transparent;
color: var(--accent-color); color: var(--accent-color);
--ripple-color: var(--accent-background-active-color); --ripple-color: var(--accent-background-active-color);

2
src/components/middle/message/FactCheck.module.scss
View File

@ -7,7 +7,7 @@
} }
.title { .title {
font-weight: 500; font-weight: var(--font-weight-medium);
} }
.content { .content {

2
src/components/middle/message/Game.scss
View File

@ -1,6 +1,6 @@
.Game { .Game {
.title { .title {
font-weight: 500; font-weight: var(--font-weight-medium);
} }
.description { .description {

2
src/components/middle/message/Giveaway.module.scss
View File

@ -73,7 +73,7 @@
} }
.result { .result {
font-weight: 500; font-weight: var(--font-weight-medium);
} }
.separator { .separator {

2
src/components/middle/message/InlineButtons.scss
View File

@ -15,7 +15,7 @@
margin: 0.125rem; margin: 0.125rem;
background: var(--pattern-color); background: var(--pattern-color);
border-radius: var(--border-radius-messages-small); border-radius: var(--border-radius-messages-small);
font-weight: 500; font-weight: var(--font-weight-medium);
text-transform: none; text-transform: none;
transition: background-color 150ms, color 150ms, backdrop-filter 150ms, filter 150ms; transition: background-color 150ms, color 150ms, backdrop-filter 150ms, filter 150ms;

4
src/components/middle/message/Invoice.scss
View File

@ -1,7 +1,7 @@
.Invoice { .Invoice {
.title { .title {
color: var(--accent-color); color: var(--accent-color);
font-weight: 500; font-weight: var(--font-weight-medium);
margin-bottom: 0; margin-bottom: 0;
} }
@ -41,7 +41,7 @@
background-color: rgba(0, 0, 0, 0.4); background-color: rgba(0, 0, 0, 0.4);
border-radius: var(--border-radius-messages-small); border-radius: var(--border-radius-messages-small);
color: var(--color-white); color: var(--color-white);
font-weight: 500; font-weight: var(--font-weight-medium);
} }
} }

4
src/components/middle/message/Location.scss
View File

@ -154,7 +154,7 @@
padding: 0.3125rem 0.5rem 0.25rem; padding: 0.3125rem 0.5rem 0.25rem;
&-title { &-title {
font-weight: 500; font-weight: var(--font-weight-medium);
grid-area: 1 / 1 / 2 / 2; grid-area: 1 / 1 / 2 / 2;
} }
@ -184,7 +184,7 @@
left: 0; left: 0;
transform: translateY(-50%); transform: translateY(-50%);
font-size: 0.875rem; font-size: 0.875rem;
font-weight: 500; font-weight: var(--font-weight-medium);
line-height: 1; line-height: 1;
width: 100%; width: 100%;
text-align: center; text-align: center;

2
src/components/middle/message/MessagePhoneCall.module.scss
View File

@ -19,7 +19,7 @@
} }
.reason { .reason {
font-weight: 500; font-weight: var(--font-weight-medium);
} }
.arrow { .arrow {

2
src/components/middle/message/Poll.scss
View File

@ -7,7 +7,7 @@
} }
.poll-question { .poll-question {
font-weight: 500; font-weight: var(--font-weight-medium);
line-height: 1.25rem; line-height: 1.25rem;
margin: 0.125rem 0; margin: 0.125rem 0;
word-break: break-word; word-break: break-word;

2
src/components/middle/message/PollOption.scss
View File

@ -17,7 +17,7 @@
width: 1.75rem; width: 1.75rem;
margin-inline-end: 0.5rem; margin-inline-end: 0.5rem;
flex-shrink: 0; flex-shrink: 0;
font-weight: 500; font-weight: var(--font-weight-medium);
font-size: 0.875rem; font-size: 0.875rem;
text-align: right; text-align: right;

6
src/components/middle/message/SimilarChannels.module.scss
View File

@ -34,7 +34,7 @@
.title { .title {
font-size: 0.875rem; font-size: 0.875rem;
font-weight: 500; font-weight: var(--font-weight-medium);
line-height: 1.5rem; line-height: 1.5rem;
} }
@ -196,7 +196,7 @@
.members-count { .members-count {
font-size: 0.5625rem; font-size: 0.5625rem;
font-weight: 700; font-weight: var(--font-weight-semibold);
line-height: 0.6875rem; line-height: 0.6875rem;
} }
@ -204,7 +204,7 @@
text-align: center; text-align: center;
height: 1.625rem; height: 1.625rem;
font-size: 0.6875rem; font-size: 0.6875rem;
font-weight: 400; font-weight: var(--font-weight-normal);
line-height: 0.8125rem; line-height: 0.8125rem;
max-width: 3.4375rem; max-width: 3.4375rem;
margin-top: 0.125rem; margin-top: 0.125rem;

4
src/components/middle/message/TimeMenuItem.module.scss
View File

@ -1,7 +1,7 @@
:global(.MenuItem).item { :global(.MenuItem).item {
margin-bottom: 0; margin-bottom: 0;
font-size: 0.8125rem; font-size: 0.8125rem;
font-weight: 400; font-weight: var(--font-weight-normal);
cursor: var(--custom-cursor, default); cursor: var(--custom-cursor, default);
pointer-events: none; pointer-events: none;
--color-skeleton-background: #2121211a; --color-skeleton-background: #2121211a;
@ -23,7 +23,7 @@
border-radius: 1rem; border-radius: 1rem;
padding: 0.1875rem 0.375rem; padding: 0.1875rem 0.375rem;
pointer-events: all; pointer-events: all;
font-weight: 500; font-weight: var(--font-weight-medium);
transition: 150ms filter ease-in; transition: 150ms filter ease-in;
background: var(--color-background-menu-separator); background: var(--color-background-menu-separator);
filter: opacity(0.8); filter: opacity(0.8);

4
src/components/middle/message/_message-content.scss
View File

@ -371,7 +371,7 @@
.via { .via {
padding-right: 0.25rem; padding-right: 0.25rem;
font-weight: 400; font-weight: var(--font-weight-normal);
} }
span + .via { span + .via {
@ -397,7 +397,7 @@
.admin-title { .admin-title {
margin-left: 1rem; margin-left: 1rem;
text-align: right; text-align: right;
font-weight: 400; font-weight: var(--font-weight-normal);
font-size: 0.75rem; font-size: 0.75rem;
color: rgba(var(--color-text-meta-rgb), 0.75); color: rgba(var(--color-text-meta-rgb), 0.75);
user-select: none; user-select: none;

2
src/components/middle/message/reactions/ReactionButton.module.scss
View File

@ -32,7 +32,7 @@
padding: 0 0.375rem 0 0.25rem; padding: 0 0.375rem 0 0.25rem;
background-color: var(--reaction-background) !important; background-color: var(--reaction-background) !important;
border-radius: 1.75rem; border-radius: 1.75rem;
font-weight: 500; font-weight: var(--font-weight-medium);
font-variant-numeric: tabular-nums; font-variant-numeric: tabular-nums;
text-transform: none; text-transform: none;
color: var(--reaction-text-color); color: var(--reaction-text-color);

2
src/components/middle/panes/AudioPlayer.scss
View File

@ -181,7 +181,7 @@
.AudioPlayer & .title { .AudioPlayer & .title {
display: block; display: block;
margin-top: 0.125rem; margin-top: 0.125rem;
font-weight: 500; font-weight: var(--font-weight-medium);
font-size: 0.875rem !important; font-size: 0.875rem !important;
line-height: 1rem; line-height: 1rem;
white-space: nowrap; white-space: nowrap;

2
src/components/middle/panes/BotAdPane.module.scss
View File

@ -40,7 +40,7 @@
.title, .info { .title, .info {
font-size: calc(var(--message-text-size, 1rem) - 0.125rem); font-size: calc(var(--message-text-size, 1rem) - 0.125rem);
font-weight: 500; font-weight: var(--font-weight-medium);
line-height: 1.25rem; line-height: 1.25rem;
} }

4
src/components/middle/panes/HeaderPinnedMessage.module.scss
View File

@ -132,7 +132,7 @@
} }
.title { .title {
font-weight: 500; font-weight: var(--font-weight-medium);
font-size: 0.875rem; font-size: 0.875rem;
line-height: 1rem; line-height: 1rem;
height: 1rem; height: 1rem;
@ -170,7 +170,7 @@
text-overflow: ellipsis; text-overflow: ellipsis;
border-radius: 1.5rem; border-radius: 1.5rem;
padding: 0 0.75rem; padding: 0 0.75rem;
font-weight: 500; font-weight: var(--font-weight-medium);
text-transform: none; text-transform: none;
height: 2rem; height: 2rem;
max-width: 10rem; max-width: 10rem;

2
src/components/middle/search/MiddleSearch.module.scss
View File

@ -218,7 +218,7 @@
color: var(--color-text-secondary); color: var(--color-text-secondary);
background-color: var(--color-item-active); background-color: var(--color-item-active);
font-weight: 500; font-weight: var(--font-weight-medium);
margin-bottom: 0; margin-bottom: 0;
} }

2
src/components/modals/boost/BoostModal.module.scss
View File

@ -32,7 +32,7 @@
} }
.bold { .bold {
font-weight: 500; font-weight: var(--font-weight-medium);
} }
.chip { .chip {

2
src/components/modals/chatlist/ChatlistModal.module.scss
View File

@ -15,7 +15,7 @@
} }
.picker-header-info { .picker-header-info {
font-weight: 500; font-weight: var(--font-weight-medium);
color: var(--color-text-secondary); color: var(--color-text-secondary);
} }

4
src/components/modals/gift/GiftComposer.module.scss
View File

@ -21,7 +21,7 @@
.title { .title {
margin-inline: 0.5rem; margin-inline: 0.5rem;
font-size: 1.25rem; font-size: 1.25rem;
font-weight: 500; font-weight: var(--font-weight-medium);
} }
.balance-container { .balance-container {
@ -42,7 +42,7 @@
.balance { .balance {
display: flex; display: flex;
font-size: 1rem; font-size: 1rem;
font-weight: 500; font-weight: var(--font-weight-medium);
align-items: center; align-items: center;
} }

2
src/components/modals/gift/GiftItem.module.scss
View File

@ -39,7 +39,7 @@
.monthsDescription { .monthsDescription {
margin-top: 0.25rem; margin-top: 0.25rem;
font-weight: 500; font-weight: var(--font-weight-medium);
} }
.description { .description {

2
src/components/modals/gift/GiftModal.module.scss
View File

@ -88,7 +88,7 @@
.headerText { .headerText {
font-size: 1.5rem; font-size: 1.5rem;
font-weight: 500; font-weight: var(--font-weight-medium);
margin-bottom: 0; margin-bottom: 0;
} }

2
src/components/modals/gift/info/GiftInfoModal.module.scss
View File

@ -11,7 +11,7 @@
display: flex; display: flex;
gap: 0.25rem; gap: 0.25rem;
font-size: 1rem; font-size: 1rem;
font-weight: 500; font-weight: var(--font-weight-medium);
line-height: 1.325; line-height: 1.325;
} }

2
src/components/modals/paidReaction/StarSlider.module.scss
View File

@ -123,7 +123,7 @@
line-height: 1; line-height: 1;
font-size: 1.5rem; font-size: 1.5rem;
font-weight: 500; font-weight: var(--font-weight-medium);
color: white; color: white;
white-space: nowrap; white-space: nowrap;
} }

2
src/components/modals/reportModal/ReportModal.module.scss
View File

@ -43,7 +43,7 @@
color: var(--color-primary); color: var(--color-primary);
padding-inline: 1rem; padding-inline: 1rem;
margin-top: 0.75rem; margin-top: 0.75rem;
font-weight: 500; font-weight: var(--font-weight-medium);
font-size: 1rem; font-size: 1rem;
} }

2
src/components/modals/stars/StarTopupOptionList.module.scss
View File

@ -41,7 +41,7 @@
align-items: center; align-items: center;
gap: 0.25rem; gap: 0.25rem;
font-weight: 500; font-weight: var(--font-weight-medium);
font-size: 1.5rem; font-size: 1.5rem;
line-height: 1; line-height: 1;
} }

8
src/components/modals/stars/StarsBalanceModal.module.scss
View File

@ -43,7 +43,7 @@
.sectionTitle { .sectionTitle {
color: var(--color-primary); color: var(--color-primary);
font-weight: 500; font-weight: var(--font-weight-medium);
font-size: 1rem; font-size: 1rem;
align-self: flex-start; align-self: flex-start;
padding: 0.25rem 0.75rem; padding: 0.25rem 0.75rem;
@ -74,7 +74,7 @@
.headerHext { .headerHext {
font-size: 1.5rem; font-size: 1.5rem;
font-weight: 500; font-weight: var(--font-weight-medium);
text-align: center; text-align: center;
margin-inline: 0.5rem; margin-inline: 0.5rem;
} }
@ -104,7 +104,7 @@
.starHeaderText { .starHeaderText {
font-size: 1.25rem; font-size: 1.25rem;
font-weight: 500; font-weight: var(--font-weight-medium);
margin: 0 0 0 3rem; margin: 0 0 0 3rem;
unicode-bidi: plaintext; unicode-bidi: plaintext;
} }
@ -137,7 +137,7 @@
.balanceBottom { .balanceBottom {
line-height: 1.5; line-height: 1.5;
font-weight: 500; font-weight: var(--font-weight-medium);
display: flex; display: flex;
align-items: center; align-items: center;
gap: 0.25rem; gap: 0.25rem;

2
src/components/modals/stars/gift/StarsGiftModal.module.scss
View File

@ -67,7 +67,7 @@
.starHeaderText { .starHeaderText {
font-size: 1.25rem; font-size: 1.25rem;
font-weight: 500; font-weight: var(--font-weight-medium);
margin: 0 0 0 3.5rem; margin: 0 0 0 3.5rem;
unicode-bidi: plaintext; unicode-bidi: plaintext;
} }

2
src/components/modals/stars/subscription/StarsSubscriptionItem.module.scss
View File

@ -41,7 +41,7 @@
} }
.amount { .amount {
font-weight: 500; font-weight: var(--font-weight-medium);
} }
.title, .description, .subtitle { .title, .description, .subtitle {

2
src/components/modals/stars/transaction/StarsTransactionItem.module.scss
View File

@ -27,7 +27,7 @@
} }
.amount { .amount {
font-weight: 500; font-weight: var(--font-weight-medium);
} }
.title, .description, .date { .title, .description, .date {

4
src/components/modals/stars/transaction/StarsTransactionModal.module.scss
View File

@ -29,7 +29,7 @@
display: flex; display: flex;
gap: 0.25rem; gap: 0.25rem;
font-size: 1rem; font-size: 1rem;
font-weight: 500; font-weight: var(--font-weight-medium);
line-height: 1.325; line-height: 1.325;
} }
@ -41,7 +41,7 @@
text-align: center; text-align: center;
text-wrap: balance; text-wrap: balance;
font-size: 1.5rem; font-size: 1.5rem;
font-weight: 600; font-weight: var(--font-weight-semibold);
margin: 0.5rem 0 0.25rem; margin: 0.5rem 0 0.25rem;
} }

2
src/components/modals/webApp/MinimizedWebAppModal.module.scss
View File

@ -1,7 +1,7 @@
.root { .root {
height: 2.5rem; height: 2.5rem;
font-size: 0.875rem; font-size: 0.875rem;
font-weight: 500; font-weight: var(--font-weight-medium);
border-radius: var(--border-radius-default); border-radius: var(--border-radius-default);
background-color: transparent; background-color: transparent;

2
src/components/modals/webApp/MoreAppsTabContent.module.scss
View File

@ -19,7 +19,7 @@
.section-title { .section-title {
font-size: 1rem; font-size: 1rem;
font-weight: 500; font-weight: var(--font-weight-medium);
padding: 0.5rem; padding: 0.5rem;
padding-block: 0.25rem; padding-block: 0.25rem;
justify-content: space-between; justify-content: space-between;

4
src/components/modals/webApp/WebAppGridItem.module.scss
View File

@ -13,7 +13,7 @@
.user-count-badge { .user-count-badge {
font-family: var(--font-family-condensed); font-family: var(--font-family-condensed);
font-weight: 600 !important; font-weight: var(--font-weight-semibold) !important;
font-size: 0.5rem !important; font-size: 0.5rem !important;
border-width: 1px !important; border-width: 1px !important;
bottom: 0 !important; bottom: 0 !important;
@ -34,6 +34,6 @@
font-size: 0.625rem !important; font-size: 0.625rem !important;
height: 1.625rem; height: 1.625rem;
font-weight: 500; font-weight: var(--font-weight-medium);
line-height: 0.75rem; line-height: 0.75rem;
} }

2
src/components/modals/webApp/WebAppModal.module.scss
View File

@ -256,7 +256,7 @@
padding-right: 1rem; padding-right: 1rem;
font-size: 1rem; font-size: 1rem;
font-weight: 500; font-weight: var(--font-weight-medium);
text-overflow: ellipsis; text-overflow: ellipsis;
border-top-right-radius: var(--border-radius-default); border-top-right-radius: var(--border-radius-default);

Some files were not shown because too many files have changed in this diff Show More