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

Use 'Roboto Mono' for monospace text

master
Eduard Kuzmenko 3 years ago
parent
bf0b67a491
commit
0a7d4a6c5a
35 changed files with 352 additions and 157 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 4
      src/lib/richtextprocessor.ts
  2. 59
      src/scss/fonts/_roboto.scss
  3. 216
      src/scss/fonts/_robotoMono.scss
  4. 2
      src/scss/partials/_autocompletePeerHelper.scss
  5. 2
      src/scss/partials/_avatar.scss
  6. 2
      src/scss/partials/_badge.scss
  7. 6
      src/scss/partials/_button.scss
  8. 2
      src/scss/partials/_chat.scss
  9. 14
      src/scss/partials/_chatBubble.scss
  10. 2
      src/scss/partials/_chatDrop.scss
  11. 2
      src/scss/partials/_chatInlineHelper.scss
  12. 4
      src/scss/partials/_chatPinned.scss
  13. 4
      src/scss/partials/_chatTopbar.scss
  14. 2
      src/scss/partials/_chatlist.scss
  15. 2
      src/scss/partials/_document.scss
  16. 2
      src/scss/partials/_emojiDropdown.scss
  17. 2
      src/scss/partials/_input.scss
  18. 10
      src/scss/partials/_leftSidebar.scss
  19. 2
      src/scss/partials/_mediaViewer.scss
  20. 8
      src/scss/partials/_poll.scss
  21. 2
      src/scss/partials/_profile.scss
  22. 2
      src/scss/partials/_reaction.scss
  23. 2
      src/scss/partials/_replyKeyboard.scss
  24. 8
      src/scss/partials/_rightSidebar.scss
  25. 2
      src/scss/partials/_sidebar.scss
  26. 2
      src/scss/partials/_slider.scss
  27. 4
      src/scss/partials/popups/_call.scss
  28. 2
      src/scss/partials/popups/_createPoll.scss
  29. 8
      src/scss/partials/popups/_datePicker.scss
  30. 4
      src/scss/partials/popups/_groupCall.scss
  31. 2
      src/scss/partials/popups/_mediaAttacher.scss
  32. 4
      src/scss/partials/popups/_peer.scss
  33. 4
      src/scss/partials/popups/_popup.scss
  34. 2
      src/scss/partials/popups/_stickers.scss
  35. 114
      src/scss/style.scss

4
src/lib/richtextprocessor.ts
Unescape View File

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

59
src/scss/fonts/_roboto.scss
Unescape 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
Unescape 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
Unescape View File

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

114
src/scss/style.scss
Unescape View File

@ -92,6 +92,8 @@ $chat-input-inner-padding-handhelds: .25rem;
--disabled-opacity: .3; --disabled-opacity: .3;
--round-video-size: 280px; --round-video-size: 280px;
--menu-box-shadow: 0px 2px 8px 1px var(--menu-box-shadow-color); --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-floating-scaleX: 1;
--topbar-call-height: 3rem; --topbar-call-height: 3rem;
@ -290,6 +292,8 @@ $chat-input-inner-padding-handhelds: .25rem;
} }
@import "tgico"; @import "tgico";
@import "fonts/roboto";
@import "fonts/robotoMono";
@import "partials/input"; @import "partials/input";
@import "partials/button"; @import "partials/button";
@import "partials/animatedIcon"; @import "partials/animatedIcon";
@ -362,98 +366,6 @@ $chat-input-inner-padding-handhelds: .25rem;
@import "partials/pages/chats"; @import "partials/pages/chats";
@import "partials/pages/password"; @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 { html, body {
height: 100%; height: 100%;
width: 100%; width: 100%;
@ -558,6 +470,10 @@ input, textarea, button, select, a, div {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
} }
pre, code, kbd, samp {
font-family: var(--font-monospace);
}
.whole { .whole {
min-height: 100%; min-height: 100%;
width: 100%; width: 100%;
@ -581,7 +497,7 @@ input, textarea, button, select, a, div {
} }
h1, h2, h3, h4, h5, h6 { h1, h2, h3, h4, h5, h6 {
font-weight: 500; font-weight: var(--font-weight-bold);
} }
h4 { h4 {
@ -602,6 +518,10 @@ input, [contenteditable=true] {
background-color: transparent; background-color: transparent;
} }
[contenteditable] [style*="bold"] {
font-weight: var(--font-weight-bold) !important;
}
input, textarea { input, textarea {
-webkit-appearance: none; -webkit-appearance: none;
} }
@ -769,8 +689,8 @@ hr {
.user-title, b/* , .user-last-message b */ { .user-title, b/* , .user-last-message b */ {
color: var(--primary-text-color); color: var(--primary-text-color);
font-weight: bolder; // font-weight: bolder;
//font-weight: 500; font-weight: var(--font-weight-bold);
//font-weight: normal; //font-weight: normal;
} }
@ -1558,7 +1478,7 @@ hr {
.tgico-char { .tgico-char {
&:before { &:before {
font-family: "Roboto" !important; font-family: "Roboto" !important;
font-weight: 500; font-weight: var(--font-weight-bold);
width: 1.5rem; width: 1.5rem;
text-align: center; text-align: center;
} }
@ -1615,7 +1535,7 @@ hr {
padding: .125rem .25rem; padding: .125rem .25rem;
border-radius: .185rem; border-radius: .185rem;
font-size: .625rem; font-size: .625rem;
font-weight: 500; font-weight: var(--font-weight-bold);
line-height: 1 !important; line-height: 1 !important;
margin: 0 .25rem; margin: 0 .25rem;
} }

Write Preview
Loading…
Cancel
Save