mirror of
https://github.com/Foundry376/Mailspring.git
synced 2025-02-20 22:23:53 +08:00
fix(styles): fix fonts in settings and iframe
This commit is contained in:
parent
e63271cfa0
commit
9e41843fa4
4 changed files with 50 additions and 3 deletions
|
@ -256,7 +256,7 @@
|
|||
.message-header {
|
||||
position: relative;
|
||||
font-size: @font-size-small;
|
||||
padding-bottom: @spacing-standard;
|
||||
padding-bottom: 0;
|
||||
padding-top: 19px;
|
||||
|
||||
&.pending {
|
||||
|
@ -370,7 +370,7 @@
|
|||
width: 100%;
|
||||
border: 0;
|
||||
padding: 0;
|
||||
margin-top: @spacing-sub-double;
|
||||
margin-top: 20px;
|
||||
overflow: auto;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -55,7 +55,7 @@ module.exports =
|
|||
width: 520
|
||||
resizable: false
|
||||
autosize: true
|
||||
stylesheetRegex: /preferences/
|
||||
stylesheetRegex: /(preferences|nylas\-fonts)/
|
||||
props: {
|
||||
initialTab: tab
|
||||
}
|
||||
|
|
|
@ -21,10 +21,12 @@ animationSupported = => true
|
|||
###
|
||||
|
||||
addClass = (element, className) =>
|
||||
return unless element
|
||||
element.classList.add(className)
|
||||
element
|
||||
|
||||
removeClass = (element, className) =>
|
||||
return unless element
|
||||
if element.classList.contains(className)
|
||||
element.classList.remove(className)
|
||||
element
|
||||
|
|
|
@ -2,6 +2,51 @@
|
|||
@import 'ui-variables';
|
||||
|
||||
.ignore-in-parent-frame {
|
||||
// ----- Font Families -----
|
||||
@font-face {
|
||||
font-family: 'Nylas-Pro';
|
||||
font-style: normal;
|
||||
font-weight: 200;
|
||||
src: url('nylas://nylas-private-fonts/fonts/Nylas-Pro-Thin.otf');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Nylas-Pro';
|
||||
font-style: normal;
|
||||
font-weight: 300;
|
||||
src: url('nylas://nylas-private-fonts/fonts/Nylas-Pro-Blond.otf');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Nylas-Pro';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: url('nylas://nylas-private-fonts/fonts/Nylas-Pro-Normal.otf');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Nylas-Pro';
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
src: url('nylas://nylas-private-fonts/fonts/Nylas-Pro-Medium.otf');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Nylas-Pro';
|
||||
font-style: normal;
|
||||
font-weight: 600;
|
||||
src: url('nylas://nylas-private-fonts/fonts/Nylas-Pro-SemiBold.otf');
|
||||
}
|
||||
|
||||
// Pro-SemiBold doesn't render emoji properly. Override the emjoi unicode
|
||||
// block so that it uses the "Normal" weight even at font-weight:600.
|
||||
@font-face {
|
||||
font-family: 'Nylas-Pro';
|
||||
font-style: normal;
|
||||
font-weight: 600;
|
||||
src: url('nylas://nylas-private-fonts/fonts/Nylas-Pro-Normal.otf'), Helvetica, sans-serif;
|
||||
unicode-range: U+1F300-1F5FF, U+1F600-1F64F, U+1F680-1F6FF, U+2600-26FF;
|
||||
}
|
||||
|
||||
html, body {
|
||||
font-family: "Nylas-Pro", "Helvetica", "Lucidia Grande", sans-serif;
|
||||
|
|
Loading…
Reference in a new issue