r4sas/tweb-i2p
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Use 'Roboto Mono' for monospace text

Browse Source
This commit is contained in:
Eduard Kuzmenko 2022-04-14 03:37:06 +03:00
parent bf0b67a491
commit 0a7d4a6c5a
35 changed files with 352 additions and 157 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/lib/richtextprocessor.ts
View File

@ -595,7 +595,7 @@ namespace RichTextProcessor {
case 'messageEntityCode': {
if(options.wrappingDraft) {
insertPart(entity, '<span style="font-family: monospace;">', '</span>');
insertPart(entity, '<span style="font-family: var(--font-monospace);">', '</span>');
} else if(!options.noTextFormat) {
insertPart(entity, '<code>', '</code>');
}
@ -605,7 +605,7 @@ namespace RichTextProcessor {
case 'messageEntityPre': {
if(options.wrappingDraft) {
insertPart(entity, '<span style="font-family: monospace;">', '</span>');
insertPart(entity, '<span style="font-family: var(--font-monospace);">', '</span>');
} else if(!options.noTextFormat) {
insertPart(entity, `<pre><code${entity.language ? ' class="language-' + encodeEntities(entity.language) + '"' : ''}>`, '</code></pre>');
}

59
src/scss/fonts/_roboto.scss Normal file
View File

@ -0,0 +1,59 @@
/* cyrillic */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: local('Roboto'), local('Roboto-Regular'), url(assets/fonts/KFOmCnqEu92Fr1Mu5mxKKTU1Kvnz.woff2) format('woff2');
unicode-range:U + 0400-045F, U + 0490-0491, U + 04B0-04B1, U + 2116
}
/* latin-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: local('Roboto'), local('Roboto-Regular'), url(assets/fonts/KFOmCnqEu92Fr1Mu7GxKKTU1Kvnz.woff2) format('woff2');
unicode-range:U + 0100-024F, U + 0259, U + 1E00-1EFF, U + 2020, U + 20A0-20AB, U + 20AD-20CF, U + 2113, U + 2C60-2C7F, U + A720-A7FF
}
/* latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: local('Roboto'), local('Roboto-Regular'), url(assets/fonts/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2) format('woff2');
unicode-range:U + 0000-00FF, U + 0131, U + 0152-0153, U + 02BB-02BC, U + 02C6, U + 02DA, U + 02DC, U + 2000-206F, U + 2074, U + 20AC, U + 2122, U + 2191, U + 2193, U + 2212, U + 2215, U + FEFF, U + FFFD
}
/* cyrillic */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-display: swap;
src: local('Roboto Medium'), local('Roboto-Medium'), url(assets/fonts/KFOlCnqEu92Fr1MmEU9fABc4AMP6lbBP.woff2) format('woff2');
unicode-range:U + 0400-045F, U + 0490-0491, U + 04B0-04B1, U + 2116
}
/* latin-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-display: swap;
src: local('Roboto Medium'), local('Roboto-Medium'), url(assets/fonts/KFOlCnqEu92Fr1MmEU9fChc4AMP6lbBP.woff2) format('woff2');
unicode-range:U + 0100-024F, U + 0259, U + 1E00-1EFF, U + 2020, U + 20A0-20AB, U + 20AD-20CF, U + 2113, U + 2C60-2C7F, U + A720-A7FF
}
/* latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-display: swap;
src: local('Roboto Medium'), local('Roboto-Medium'), url(assets/fonts/KFOlCnqEu92Fr1MmEU9fBBc4AMP6lQ.woff2) format('woff2');
unicode-range:U + 0000-00FF, U + 0131, U + 0152-0153, U + 02BB-02BC, U + 02C6, U + 02DA, U + 02DC, U + 2000-206F, U + 2074, U + 20AC, U + 2122, U + 2191, U + 2193, U + 2212, U + 2215, U + FEFF, U + FFFD
}

216
src/scss/fonts/_robotoMono.scss Normal file
View File

@ -0,0 +1,216 @@
/* cyrillic-ext */
@font-face {
font-family: 'Roboto Mono';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(assets/fonts/L0xdDF4xlVMF-BfR8bXMIjhOsXG-q2oeuFoqFrlnAIe2Imhk1T8rbociImtEluUlco8VkKjG.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Roboto Mono';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(assets/fonts/L0xdDF4xlVMF-BfR8bXMIjhOsXG-q2oeuFoqFrlnAIe2Imhk1T8rbociImtEn-Ulco8VkKjG.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
font-family: 'Roboto Mono';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(assets/fonts/L0xdDF4xlVMF-BfR8bXMIjhOsXG-q2oeuFoqFrlnAIe2Imhk1T8rbociImtEmOUlco8VkKjG.woff2) format('woff2');
unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
font-family: 'Roboto Mono';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(assets/fonts/L0xdDF4xlVMF-BfR8bXMIjhOsXG-q2oeuFoqFrlnAIe2Imhk1T8rbociImtElOUlco8VkKjG.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Roboto Mono';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(assets/fonts/L0xdDF4xlVMF-BfR8bXMIjhOsXG-q2oeuFoqFrlnAIe2Imhk1T8rbociImtEleUlco8VkKjG.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Roboto Mono';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(assets/fonts/L0xdDF4xlVMF-BfR8bXMIjhOsXG-q2oeuFoqFrlnAIe2Imhk1T8rbociImtEm-Ulco8VkA.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-family: 'Roboto Mono';
font-style: italic;
font-weight: 500;
font-display: swap;
src: url(assets/fonts/L0xdDF4xlVMF-BfR8bXMIjhOsXG-q2oeuFoqFrlnAIe2Imhk1T8rbociImtEluUlco8VkKjG.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Roboto Mono';
font-style: italic;
font-weight: 500;
font-display: swap;
src: url(assets/fonts/L0xdDF4xlVMF-BfR8bXMIjhOsXG-q2oeuFoqFrlnAIe2Imhk1T8rbociImtEn-Ulco8VkKjG.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
font-family: 'Roboto Mono';
font-style: italic;
font-weight: 500;
font-display: swap;
src: url(assets/fonts/L0xdDF4xlVMF-BfR8bXMIjhOsXG-q2oeuFoqFrlnAIe2Imhk1T8rbociImtEmOUlco8VkKjG.woff2) format('woff2');
unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
font-family: 'Roboto Mono';
font-style: italic;
font-weight: 500;
font-display: swap;
src: url(assets/fonts/L0xdDF4xlVMF-BfR8bXMIjhOsXG-q2oeuFoqFrlnAIe2Imhk1T8rbociImtElOUlco8VkKjG.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Roboto Mono';
font-style: italic;
font-weight: 500;
font-display: swap;
src: url(assets/fonts/L0xdDF4xlVMF-BfR8bXMIjhOsXG-q2oeuFoqFrlnAIe2Imhk1T8rbociImtEleUlco8VkKjG.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Roboto Mono';
font-style: italic;
font-weight: 500;
font-display: swap;
src: url(assets/fonts/L0xdDF4xlVMF-BfR8bXMIjhOsXG-q2oeuFoqFrlnAIe2Imhk1T8rbociImtEm-Ulco8VkA.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-family: 'Roboto Mono';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(assets/fonts/L0xTDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vrtSM1J-gEPT5Ese6hmHSV0me8iUI0lkQ.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Roboto Mono';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(assets/fonts/L0xTDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vrtSM1J-gEPT5Ese6hmHSx0me8iUI0lkQ.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
font-family: 'Roboto Mono';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(assets/fonts/L0xTDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vrtSM1J-gEPT5Ese6hmHSt0me8iUI0lkQ.woff2) format('woff2');
unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
font-family: 'Roboto Mono';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(assets/fonts/L0xTDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vrtSM1J-gEPT5Ese6hmHSd0me8iUI0lkQ.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Roboto Mono';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(assets/fonts/L0xTDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vrtSM1J-gEPT5Ese6hmHSZ0me8iUI0lkQ.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Roboto Mono';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(assets/fonts/L0xTDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vrtSM1J-gEPT5Ese6hmHSh0me8iUI0.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-family: 'Roboto Mono';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(assets/fonts/L0xTDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vrtSM1J-gEPT5Ese6hmHSV0me8iUI0lkQ.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-family: 'Roboto Mono';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(assets/fonts/L0xTDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vrtSM1J-gEPT5Ese6hmHSx0me8iUI0lkQ.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
font-family: 'Roboto Mono';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(assets/fonts/L0xTDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vrtSM1J-gEPT5Ese6hmHSt0me8iUI0lkQ.woff2) format('woff2');
unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
font-family: 'Roboto Mono';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(assets/fonts/L0xTDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vrtSM1J-gEPT5Ese6hmHSd0me8iUI0lkQ.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Roboto Mono';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(assets/fonts/L0xTDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vrtSM1J-gEPT5Ese6hmHSZ0me8iUI0lkQ.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Roboto Mono';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(assets/fonts/L0xTDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vrtSM1J-gEPT5Ese6hmHSh0me8iUI0.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

2
src/scss/partials/_autocompletePeerHelper.scss
View File

@ -32,7 +32,7 @@
&-name {
margin-left: .875rem;
font-weight: 500;
font-weight: var(--font-weight-bold);
flex: 0 0 auto;
}

2
src/scss/partials/_avatar.scss
View File

@ -20,7 +20,7 @@ avatar-element {
/* overflow: hidden; */
user-select: none;
text-transform: uppercase;
font-weight: 700;
font-weight: var(--font-weight-bold);
&[data-color="red"] {
--color-top: var(--peer-avatar-red-top);

2
src/scss/partials/_badge.scss
View File

@ -6,7 +6,7 @@
.badge {
border-radius: .75rem;
font-weight: 500;
font-weight: var(--font-weight-bold);
color: var(--badge-text-color);
font-size: .875rem;
text-align: center;

6
src/scss/partials/_button.scss
View File

@ -243,7 +243,7 @@
&-header {
color: var(--primary-color);
height: 2rem;
font-weight: 500;
font-weight: var(--font-weight-bold);
pointer-events: none !important;
}
@ -498,7 +498,7 @@
text-align: center;
height: 54px;
border: none;
font-weight: 500;
font-weight: var(--font-weight-bold);
cursor: pointer;
overflow: hidden;
position: relative;
@ -754,7 +754,7 @@
padding: 0 2rem !important;
border-radius: var(--size);
font-size: 1rem;
font-weight: 500;
font-weight: var(--font-weight-bold);
/* margin-right: calc(var(--size) + 0.5rem); */
/* left: var(--offset); */
right: auto;

2
src/scss/partials/_chat.scss
View File

@ -907,7 +907,7 @@ $background-transition-total-time: #{$input-transition-time - $background-transi
&-count {
color: var(--primary-text-color);
font-weight: 500;
font-weight: var(--font-weight-bold);
flex-grow: 1;
white-space: nowrap;
//padding-left: .5rem;

14
src/scss/partials/_chatBubble.scss
View File

@ -155,7 +155,7 @@ $bubble-beside-button-width: 38px;
text-align: center;
color: var(--primary-color);
line-height: 2.1;
font-weight: 500;
font-weight: var(--font-weight-bold);
font-size: 15px;
background-color: var(--surface-color);
z-index: 2;
@ -920,7 +920,7 @@ $bubble-beside-button-width: 38px;
}
.empty-bubble-placeholder-title {
font-weight: 500;
font-weight: var(--font-weight-bold);
font-size: 1rem !important;
}
@ -1263,7 +1263,7 @@ $bubble-beside-button-width: 38px;
$parent: ".audio";
#{$parent} {
&-title {
font-weight: 500;
font-weight: var(--font-weight-bold);
}
&-ico {
@ -1339,7 +1339,7 @@ $bubble-beside-button-width: 38px;
&-name {
font-size: 1rem;
font-weight: 500;
font-weight: var(--font-weight-bold);
}
&-number {
@ -1399,7 +1399,7 @@ $bubble-beside-button-width: 38px;
}
&-title {
font-weight: 500;
font-weight: var(--font-weight-bold);
}
&-subtitle {
@ -1866,7 +1866,7 @@ $bubble-beside-button-width: 38px;
// &-content > .name,
// .document-wrapper > .name {
padding: .3125rem .625rem 0 .625rem;
font-weight: 500 !important;
font-weight: var(--font-weight-bold) !important;
/* padding-bottom: 4px; */
color: var(--primary-color);
font-size: .875rem;
@ -2031,7 +2031,7 @@ $bubble-beside-button-width: 38px;
}
&-text {
font-weight: 500;
font-weight: var(--font-weight-bold);
font-size: .9375rem;
margin-left: .5rem;
display: flex;

2
src/scss/partials/_chatDrop.scss
View File

@ -86,7 +86,7 @@
}
&-header {
font-weight: 500;
font-weight: var(--font-weight-bold);
font-size: 1.25rem;
&:not(:last-child) {

2
src/scss/partials/_chatInlineHelper.scss
View File

@ -97,7 +97,7 @@
position: relative;
&-title {
font-weight: 500;
font-weight: var(--font-weight-bold);
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;

4
src/scss/partials/_chatPinned.scss
View File

@ -239,7 +239,7 @@
}
.peer-title {
font-weight: 500;
font-weight: var(--font-weight-bold);
}
}
@ -621,7 +621,7 @@
}
&-title {
font-weight: 500;
font-weight: var(--font-weight-bold);
}
&-subtitle {

4
src/scss/partials/_chatTopbar.scss
View File

@ -357,7 +357,7 @@ body.is-right-column-shown {
}
.peer-title {
font-weight: 500;
font-weight: var(--font-weight-bold);
white-space: nowrap;
}
@ -407,7 +407,7 @@ body.is-right-column-shown {
}
.call-description-duration {
font-weight: 500;
font-weight: var(--font-weight-bold);
}
}

2
src/scss/partials/_chatlist.scss
View File

@ -92,7 +92,7 @@
color: var(--secondary-text-color);
padding: 0 23px;
padding-bottom: 1rem;
font-weight: 500;
font-weight: var(--font-weight-bold);
user-select: none;
@include respond-to(handhelds) {

2
src/scss/partials/_document.scss
View File

@ -117,7 +117,7 @@
&-name {
white-space: nowrap;
font-weight: 500;
font-weight: var(--font-weight-bold);
font-size: var(--font-size-16);
line-height: var(--line-height-16);
}

2
src/scss/partials/_emojiDropdown.scss
View File

@ -81,7 +81,7 @@
top: 0;
//font-size: .85rem;
font-size: 14px;
font-weight: 500;
font-weight: var(--font-weight-bold);
color: var(--secondary-text-color);
//background: linear-gradient(to bottom,#fff 0,rgba(255,255,255,.9) 60%,rgba(255,255,255,0) 100%);
z-index: 2;

2
src/scss/partials/_input.scss
View File

@ -198,7 +198,7 @@
&:focus ~ label {
color: var(--primary-color);
font-weight: 500;
font-weight: var(--font-weight-bold);
}
&:focus ~ .input-field-border {

10
src/scss/partials/_leftSidebar.scss
View File

@ -791,7 +791,7 @@
}
.user-title {
font-weight: 500 !important;
font-weight: var(--font-weight-bold) !important;
}
.dialog-avatar {
@ -934,7 +934,7 @@
&-h2 {
color: var(--primary-color);
font-size: 16px;
font-weight: 500;
font-weight: var(--font-weight-bold);
}
}
@ -1078,7 +1078,7 @@
padding-bottom: .9375rem;
&-title:first-child {
font-weight: 500;
font-weight: var(--font-weight-bold);
}
&-title-right {
@ -1099,7 +1099,7 @@
padding-bottom: 0;
.row-title {
font-weight: 500;
font-weight: var(--font-weight-bold);
}
}
}
@ -1252,7 +1252,7 @@
&-header {
font-size: 1.25rem;
font-weight: 500;
font-weight: var(--font-weight-bold);
}
&-subtitle {

2
src/scss/partials/_mediaViewer.scss
View File

@ -43,7 +43,7 @@ $inactive-opacity: .4;
&-name {
line-height: var(--line-height);
font-weight: 500;
font-weight: var(--font-weight-bold);
margin: .0625rem 0;
@include respond-to(not-handhelds) {

8
src/scss/partials/_poll.scss
View File

@ -23,7 +23,7 @@ poll-element {
.poll {
&-title {
font-weight: 500;
font-weight: var(--font-weight-bold);
@include respond-to(handhelds) {
max-width: 88%;
@ -105,7 +105,7 @@ poll-element {
left: 0;
top: 0;
opacity: 0;
font-weight: 500;
font-weight: var(--font-weight-bold);
margin-top: 7px;
font-size: 14px;
margin-left: -9px;
@ -207,7 +207,7 @@ poll-element {
height: 100%;
color: var(--primary-color);
//text-transform: uppercase;
font-weight: 500;
font-weight: var(--font-weight-bold);
border-top-left-radius: 0 !important;
border-top-right-radius: 0 !important;
//border-bottom-left-radius: 6px;
@ -236,7 +236,7 @@ poll-element {
&-time {
font-size: 12px;
font-weight: 500;
font-weight: var(--font-weight-bold);
position: absolute;
right: 27px;
color: #a3adb6;

2
src/scss/partials/_profile.scss
View File

@ -285,7 +285,7 @@
text-align: center;
font-size: 1.25rem;
line-height: var(--line-height);
font-weight: 500;
font-weight: var(--font-weight-bold);
overflow: hidden;
max-width: 21.25rem;
margin: 0 auto;

2
src/scss/partials/_reaction.scss
View File

@ -160,7 +160,7 @@
&-block &-counter {
font-size: .9375rem !important;
font-weight: 500;
font-weight: var(--font-weight-bold);
margin: 0 .0625rem 0 .375rem;
line-height: 1.125rem;
position: relative;

2
src/scss/partials/_replyKeyboard.scss
View File

@ -46,7 +46,7 @@
color: var(--primary-color);
background-color: transparent;
height: 3rem;
font-weight: 500;
font-weight: var(--font-weight-bold);
font-size: .9375rem;
@include animation-level(2) {

8
src/scss/partials/_rightSidebar.scss
View File

@ -200,7 +200,7 @@
.search-super-month-name {
border-top: 1px solid var(--border-color);
padding: 24px 0px 0px 24px;
font-weight: 500;
font-weight: var(--font-weight-bold);
color: var(--secondary-text-color);
@include respond-to(handhelds) {
@ -663,7 +663,7 @@
&-count {
flex-grow: 1;
font-weight: 500;
font-weight: var(--font-weight-bold);
color: var(--primary-text-color);
white-space: nowrap;
text-transform: capitalize;
@ -703,7 +703,7 @@
cursor: pointer;
&-name {
font-weight: 500;
font-weight: var(--font-weight-bold);
}
&-count {
@ -771,7 +771,7 @@
color: var(--secondary-text-color);
padding: 0 16px 8px 16px;
margin: 0;
font-weight: 500;
font-weight: var(--font-weight-bold);
justify-content: space-between;
display: flex;
font-size: 15px;

2
src/scss/partials/_sidebar.scss
View File

@ -31,7 +31,7 @@
&__title {
flex: 1;
font-weight: 500;
font-weight: var(--font-weight-bold);
padding-left: 1.5rem;
font-size: 1.25rem;
color: var(--primary-text-color);

2
src/scss/partials/_slider.scss
View File

@ -59,7 +59,7 @@
text-align: center;
flex: 1 1 auto;
font-size: 1rem;
font-weight: 500;
font-weight: var(--font-weight-bold);
position: relative;
transition: none !important;
display: flex;

4
src/scss/partials/popups/_call.scss
View File

@ -83,7 +83,7 @@
}
&-title {
font-weight: 500;
font-weight: var(--font-weight-bold);
font-size: 1.25rem;
}
@ -281,7 +281,7 @@
align-items: center;
margin-top: 1rem;
backdrop-filter: blur(25px);
font-weight: 500;
font-weight: var(--font-weight-bold);
opacity: 0;
transform: scale(0) translateY(0);
max-width: 100%;

2
src/scss/partials/popups/_createPoll.scss
View File

@ -65,7 +65,7 @@
.caption {
color: var(--secondary-text-color);
font-weight: 500;
font-weight: var(--font-weight-bold);
padding: 1rem 1.5rem 0;
}

8
src/scss/partials/popups/_datePicker.scss
View File

@ -36,7 +36,7 @@
}
&-title {
font-weight: 500;
font-weight: var(--font-weight-bold);
font-size: 20px;
}
@ -59,7 +59,7 @@
.date-picker-month-title {
font-size: 14px;
font-weight: 500;
font-weight: var(--font-weight-bold);
}
}
@ -169,7 +169,7 @@
}
&-title {
font-weight: 500;
font-weight: var(--font-weight-bold);
font-size: 20px;
margin-left: -5rem;
@ -180,7 +180,7 @@
.btn-icon {
justify-self: auto;
font-weight: 500;
font-weight: var(--font-weight-bold);
font-size: 14px;
width: 36px;
height: 36px;

4
src/scss/partials/popups/_groupCall.scss
View File

@ -69,7 +69,7 @@
}
&-title {
font-weight: 500;
font-weight: var(--font-weight-bold);
}
&-title,
@ -250,7 +250,7 @@
&-info {
.peer-title {
font-weight: 500;
font-weight: var(--font-weight-bold);
}
.peer-title,

2
src/scss/partials/popups/_mediaAttacher.scss
View File

@ -54,7 +54,7 @@
margin: 0;
margin-top: -3px;
font-size: 1.25rem;
font-weight: 500;
font-weight: var(--font-weight-bold);
}
&-photo {

4
src/scss/partials/popups/_peer.scss
View File

@ -27,7 +27,7 @@
&-title {
font-size: 1.25rem;
font-weight: 500;
font-weight: var(--font-weight-bold);
margin-bottom: .125rem;
&:not(:first-child) {
@ -51,7 +51,7 @@
margin-right: -.5rem;
.btn {
font-weight: 500;
font-weight: var(--font-weight-bold);
& + .btn {
margin-top: .625rem;

4
src/scss/partials/popups/_popup.scss
View File

@ -75,7 +75,7 @@
&-description {
.peer-title {
font-weight: 500;
font-weight: var(--font-weight-bold);
}
}
@ -126,7 +126,7 @@
}
.btn {
font-weight: 500;
font-weight: var(--font-weight-bold);
padding: .5rem;
text-transform: uppercase;
border-radius: $border-radius;

2
src/scss/partials/popups/_stickers.scss
View File

@ -12,7 +12,7 @@
padding: 0 2rem 0 1.5rem;
margin: 0;
font-size: 1.25rem;
font-weight: 500;
font-weight: var(--font-weight-bold);
line-height: var(--line-height);
}

114
src/scss/style.scss
View File

@ -92,6 +92,8 @@ $chat-input-inner-padding-handhelds: .25rem;
--disabled-opacity: .3;
--round-video-size: 280px;
--menu-box-shadow: 0px 2px 8px 1px var(--menu-box-shadow-color);
--font-monospace: 'Roboto Mono', monospace;
--font-weight-bold: 500;
--topbar-floating-scaleX: 1;
--topbar-call-height: 3rem;
@ -290,6 +292,8 @@ $chat-input-inner-padding-handhelds: .25rem;
}
@import "tgico";
@import "fonts/roboto";
@import "fonts/robotoMono";
@import "partials/input";
@import "partials/button";
@import "partials/animatedIcon";
@ -362,98 +366,6 @@ $chat-input-inner-padding-handhelds: .25rem;
@import "partials/pages/chats";
@import "partials/pages/password";
/* cyrillic */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: local('Roboto'), local('Roboto-Regular'), url(assets/fonts/KFOmCnqEu92Fr1Mu5mxKKTU1Kvnz.woff2) format('woff2');
unicode-range:U + 0400-045F, U + 0490-0491, U + 04B0-04B1, U + 2116
}
/* latin-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: local('Roboto'), local('Roboto-Regular'), url(assets/fonts/KFOmCnqEu92Fr1Mu7GxKKTU1Kvnz.woff2) format('woff2');
unicode-range:U + 0100-024F, U + 0259, U + 1E00-1EFF, U + 2020, U + 20A0-20AB, U + 20AD-20CF, U + 2113, U + 2C60-2C7F, U + A720-A7FF
}
/* latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: local('Roboto'), local('Roboto-Regular'), url(assets/fonts/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2) format('woff2');
unicode-range:U + 0000-00FF, U + 0131, U + 0152-0153, U + 02BB-02BC, U + 02C6, U + 02DA, U + 02DC, U + 2000-206F, U + 2074, U + 20AC, U + 2122, U + 2191, U + 2193, U + 2212, U + 2215, U + FEFF, U + FFFD
}
/* cyrillic */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-display: swap;
src: local('Roboto Medium'), local('Roboto-Medium'), url(assets/fonts/KFOlCnqEu92Fr1MmEU9fABc4AMP6lbBP.woff2) format('woff2');
unicode-range:U + 0400-045F, U + 0490-0491, U + 04B0-04B1, U + 2116
}
/* latin-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-display: swap;
src: local('Roboto Medium'), local('Roboto-Medium'), url(assets/fonts/KFOlCnqEu92Fr1MmEU9fChc4AMP6lbBP.woff2) format('woff2');
unicode-range:U + 0100-024F, U + 0259, U + 1E00-1EFF, U + 2020, U + 20A0-20AB, U + 20AD-20CF, U + 2113, U + 2C60-2C7F, U + A720-A7FF
}
/* latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-display: swap;
src: local('Roboto Medium'), local('Roboto-Medium'), url(assets/fonts/KFOlCnqEu92Fr1MmEU9fBBc4AMP6lQ.woff2) format('woff2');
unicode-range:U + 0000-00FF, U + 0131, U + 0152-0153, U + 02BB-02BC, U + 02C6, U + 02DA, U + 02DC, U + 2000-206F, U + 2074, U + 20AC, U + 2122, U + 2191, U + 2193, U + 2212, U + 2215, U + FEFF, U + FFFD
}
// !!! FIX FOR [contenteditable] Ctrl+B, due to font-weight: 500;
/* cyrillic */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-display: swap;
src: local('Roboto Medium'), local('Roboto-Medium'), url(assets/fonts/KFOlCnqEu92Fr1MmEU9fABc4AMP6lbBP.woff2) format('woff2');
unicode-range:U + 0400-045F, U + 0490-0491, U + 04B0-04B1, U + 2116
}
/* latin-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-display: swap;
src: local('Roboto Medium'), local('Roboto-Medium'), url(assets/fonts/KFOlCnqEu92Fr1MmEU9fChc4AMP6lbBP.woff2) format('woff2');
unicode-range:U + 0100-024F, U + 0259, U + 1E00-1EFF, U + 2020, U + 20A0-20AB, U + 20AD-20CF, U + 2113, U + 2C60-2C7F, U + A720-A7FF
}
/* latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-display: swap;
src: local('Roboto Medium'), local('Roboto-Medium'), url(assets/fonts/KFOlCnqEu92Fr1MmEU9fBBc4AMP6lQ.woff2) format('woff2');
unicode-range:U + 0000-00FF, U + 0131, U + 0152-0153, U + 02BB-02BC, U + 02C6, U + 02DA, U + 02DC, U + 2000-206F, U + 2074, U + 20AC, U + 2122, U + 2191, U + 2193, U + 2212, U + 2215, U + FEFF, U + FFFD
}
html, body {
height: 100%;
width: 100%;
@ -558,6 +470,10 @@ input, textarea, button, select, a, div {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
pre, code, kbd, samp {
font-family: var(--font-monospace);
}
.whole {
min-height: 100%;
width: 100%;
@ -581,7 +497,7 @@ input, textarea, button, select, a, div {
}
h1, h2, h3, h4, h5, h6 {
font-weight: 500;
font-weight: var(--font-weight-bold);
}
h4 {
@ -602,6 +518,10 @@ input, [contenteditable=true] {
background-color: transparent;
}
[contenteditable] [style*="bold"] {
font-weight: var(--font-weight-bold) !important;
}
input, textarea {
-webkit-appearance: none;
}
@ -769,8 +689,8 @@ hr {
.user-title, b/* , .user-last-message b */ {
color: var(--primary-text-color);
font-weight: bolder;
//font-weight: 500;
// font-weight: bolder;
font-weight: var(--font-weight-bold);
//font-weight: normal;
}
@ -1558,7 +1478,7 @@ hr {
.tgico-char {
&:before {
font-family: "Roboto" !important;
font-weight: 500;
font-weight: var(--font-weight-bold);
width: 1.5rem;
text-align: center;
}
@ -1615,7 +1535,7 @@ hr {
padding: .125rem .25rem;
border-radius: .185rem;
font-size: .625rem;
font-weight: 500;
font-weight: var(--font-weight-bold);
line-height: 1 !important;
margin: 0 .25rem;
}