revi-archive/phorge-phorge
1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-12-15 18:10:53 +01:00
Code Issues Releases Wiki Activity
phorge-phorge/webroot/rsrc/css/phui/phui-fontkit.css

41 lines
1.1 KiB
CSS
Raw Normal View History

Support WOFF files in Celerity and add Source Sans Pro Summary: - Allow Celerity to map and serve WOFF files. - Add Source Sans Pro, Source Sans Pro Bold, and the corresponding LICENSE. - Add a `font-source-sans-pro` resource for the font. Test Plan: - Changed body `font-face` to `'Source Sans Pro'`. - Added `require_celerity_resource('font-source-sans-pro')` in StandardPageView. Works in Firefox/Chrome/Safari, at least: {F123296} {F123297} {F123298} Reviewers: btrahan, chad Reviewed By: chad CC: chad, aran Differential Revision: https://secure.phabricator.com/D8430
2014-03-06 20:28:24 +01:00
/**
* @provides phui-fontkit-css
*/
[Redesign] Swap Slabo for Roboto Slab Summary: Ref T8099, Moving to Roboto Slab for Document Headers. It's a little less serif-y and fits well with Lato. Also took a pass at cleaning up edge cases in Documents, Diviner, Phriction, Legalpad, and Welcome Screen. Test Plan: Test Phriction, Diviner, Legalpad, Welcome Screen Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Maniphest Tasks: T8099 Differential Revision: https://secure.phabricator.com/D13439
2015-06-25 18:20:51 +02:00
/* - Roboto Slab ---------------------------------------------------------------
[Redesign] Move headers to Oswald font Summary: Ref T8099, I want to live with this for a few weeks. I've grow to like that it gives more distinction to ObjectBox Headers and fits very nicely as headers in DocumentView. Even if we don't use them for all headers, Documents are much nicer to me at least with a more visually impactful font (Source Sans doesn't make a great header). Test Plan: Review dashboards, objects, Diviner, Phriction, Legalpad, and misc other pages. {F466410} Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Maniphest Tasks: T8099 Differential Revision: https://secure.phabricator.com/D13127
2015-06-03 19:23:28 +02:00
Used as Primary Headers in Object Boxes, Headers in Documents
*/
[Redesign] Misc Buggypoos Summary: - Give preference to Segoe on Windows - Move to Lato headers except documents - Fix diviner issues - Fix feed overwriting line-height - Fix apps launcher - Fix infoview + listview - Make tall headers less tall - Legalpad, Diviner tweaks Test Plan: Random surfing. @epriestley can you just commit this for me, connection generally shitty. Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Differential Revision: https://secure.phabricator.com/D13305
2015-06-16 15:46:53 +02:00
.diviner-document-section .phui-header-header {
Replace Roboto Slab with Aleo for PHUIDocumentView Summary: These fonts are functionally very similar, but in diagnosing a problem with mobile Safari/Chrome, it turned out that our use of "bold" with the "normal" font build created a "semibold" look when on desktop and a "normal" look on mobile. The "semibold" feel is more important, so finding a lighter "bold" font was the impetus for this font switch. As it turns out **Aleo** is built by the same author as **Lato** (our other font) and is intended as it's companion. So stylistically, this is the more correct font. Test Plan: Test Phriction, Legalpad, Diviner, Desktop and Mobile {F938013} Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D14391
2015-11-03 04:56:45 +01:00
font-family: 'Aleo', {$fontfamily};
[Redesign] Swap Slabo for Roboto Slab Summary: Ref T8099, Moving to Roboto Slab for Document Headers. It's a little less serif-y and fits well with Lato. Also took a pass at cleaning up edge cases in Documents, Diviner, Phriction, Legalpad, and Welcome Screen. Test Plan: Test Phriction, Diviner, Legalpad, Welcome Screen Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Maniphest Tasks: T8099 Differential Revision: https://secure.phabricator.com/D13439
2015-06-25 18:20:51 +02:00
color: #000;
[Redesign] Move basefont to Lato, remove Source Sans Pro Summary: Working towards a more unified look and feel. This brings in Lato as a complete base font over Helvetica Neue, as well as removing Source Sans Pro from DocumentView and Conpherence. Design-wise Lato provides the nice readability at larger font sizes that Source Sans Pro did, with the ability to scale down to tables and UI widgets with ease. This gives us one font instead of two, and now Object descriptions and Timeline posts all can benefit from a consistent, readable font. Test Plan: Test main UI, smaller elements like tables, menus, DocumentViews, Previews, Conpherence. {F498135} {F498136} Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Differential Revision: https://secure.phabricator.com/D13276
2015-06-13 21:32:45 +02:00
}
[Redesign] Use Roboto Slab headers on DocumentView Header Summary: Ref T8099, This feels a little more consistent with the Document. Test Plan: Review Phriction, Legalpad, Diviner Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Maniphest Tasks: T8099 Differential Revision: https://secure.phabricator.com/D13477
2015-06-30 00:23:00 +02:00
.phui-document-view .phui-header-tall .phui-header-header {
Replace Roboto Slab with Aleo for PHUIDocumentView Summary: These fonts are functionally very similar, but in diagnosing a problem with mobile Safari/Chrome, it turned out that our use of "bold" with the "normal" font build created a "semibold" look when on desktop and a "normal" look on mobile. The "semibold" feel is more important, so finding a lighter "bold" font was the impetus for this font switch. As it turns out **Aleo** is built by the same author as **Lato** (our other font) and is intended as it's companion. So stylistically, this is the more correct font. Test Plan: Test Phriction, Legalpad, Diviner, Desktop and Mobile {F938013} Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D14391
2015-11-03 04:56:45 +01:00
font-family: 'Aleo', {$fontfamily};
[Redesign] Use Roboto Slab headers on DocumentView Header Summary: Ref T8099, This feels a little more consistent with the Document. Test Plan: Review Phriction, Legalpad, Diviner Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Maniphest Tasks: T8099 Differential Revision: https://secure.phabricator.com/D13477
2015-06-30 00:23:00 +02:00
}
[Redesign] Move basefont to Lato, remove Source Sans Pro Summary: Working towards a more unified look and feel. This brings in Lato as a complete base font over Helvetica Neue, as well as removing Source Sans Pro from DocumentView and Conpherence. Design-wise Lato provides the nice readability at larger font sizes that Source Sans Pro did, with the ability to scale down to tables and UI widgets with ease. This gives us one font instead of two, and now Object descriptions and Timeline posts all can benefit from a consistent, readable font. Test Plan: Test main UI, smaller elements like tables, menus, DocumentViews, Previews, Conpherence. {F498135} {F498136} Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Differential Revision: https://secure.phabricator.com/D13276
2015-06-13 21:32:45 +02:00
.phui-document-view .phabricator-remarkup h1.remarkup-header,
.phui-document-view .phabricator-remarkup h2.remarkup-header,
.phui-document-view .phabricator-remarkup h3.remarkup-header,
.phui-document-view .phabricator-remarkup h4.remarkup-header,
.phui-document-view .phabricator-remarkup h5.remarkup-header,
.phui-document-view .phabricator-remarkup h6.remarkup-header {
Replace Roboto Slab with Aleo for PHUIDocumentView Summary: These fonts are functionally very similar, but in diagnosing a problem with mobile Safari/Chrome, it turned out that our use of "bold" with the "normal" font build created a "semibold" look when on desktop and a "normal" look on mobile. The "semibold" feel is more important, so finding a lighter "bold" font was the impetus for this font switch. As it turns out **Aleo** is built by the same author as **Lato** (our other font) and is intended as it's companion. So stylistically, this is the more correct font. Test Plan: Test Phriction, Legalpad, Diviner, Desktop and Mobile {F938013} Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D14391
2015-11-03 04:56:45 +01:00
font-family: 'Aleo', {$fontfamily};
[Redesign] Use Slabo font for headers, Remove Oswald Summary: Couple of reasons here. Mainly, we're looking at Serif fonts for Phacility, so having headers tie back seems worth exploring. Also Oswals was a bit heavy, and in trying to find a replacement with similiar distinction, was unable to find anything suitable. Trying out Slabo here and have been pleasantly surprised how well the Serif/Sans-Serif combination works here, typographically. Test Plan: Test Objects, Documents, and Dashboards. {F500207} {F500208} Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Differential Revision: https://secure.phabricator.com/D13279
2015-06-14 18:35:01 +02:00
}
Update Phriction for PHUIDocumentViewPro Summary: Moves Phriction to use PHUIDocumentViewPro Test Plan: Read lots of documents, tablet, mobile, and desktop. Check ToC, non ToC, Edit a Maniphest Task, New Phriction Document, edit Phriction Document. Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Maniphest Tasks: T9826 Differential Revision: https://secure.phabricator.com/D14399
2015-11-22 22:10:41 +01:00
.phui-document-view .phabricator-remarkup .remarkup-header {
margin-bottom: 8px;
}
[Redesign] Use Slabo font for headers, Remove Oswald Summary: Couple of reasons here. Mainly, we're looking at Serif fonts for Phacility, so having headers tie back seems worth exploring. Also Oswals was a bit heavy, and in trying to find a replacement with similiar distinction, was unable to find anything suitable. Trying out Slabo here and have been pleasantly surprised how well the Serif/Sans-Serif combination works here, typographically. Test Plan: Test Objects, Documents, and Dashboards. {F500207} {F500208} Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Differential Revision: https://secure.phabricator.com/D13279
2015-06-14 18:35:01 +02:00
.phui-document-view .phabricator-remarkup h2.remarkup-header {
[Redesign] Swap Slabo for Roboto Slab Summary: Ref T8099, Moving to Roboto Slab for Document Headers. It's a little less serif-y and fits well with Lato. Also took a pass at cleaning up edge cases in Documents, Diviner, Phriction, Legalpad, and Welcome Screen. Test Plan: Test Phriction, Diviner, Legalpad, Welcome Screen Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Maniphest Tasks: T8099 Differential Revision: https://secure.phabricator.com/D13439
2015-06-25 18:20:51 +02:00
padding: 0 24px 8px 0;
Update Phriction for PHUIDocumentViewPro Summary: Moves Phriction to use PHUIDocumentViewPro Test Plan: Read lots of documents, tablet, mobile, and desktop. Check ToC, non ToC, Edit a Maniphest Task, New Phriction Document, edit Phriction Document. Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Maniphest Tasks: T9826 Differential Revision: https://secure.phabricator.com/D14399
2015-11-22 22:10:41 +01:00
margin: 32px 0 4px;
[Redesign] Move headers to Oswald font Summary: Ref T8099, I want to live with this for a few weeks. I've grow to like that it gives more distinction to ObjectBox Headers and fits very nicely as headers in DocumentView. Even if we don't use them for all headers, Documents are much nicer to me at least with a more visually impactful font (Source Sans doesn't make a great header). Test Plan: Review dashboards, objects, Diviner, Phriction, Legalpad, and misc other pages. {F466410} Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: Korvin, epriestley Maniphest Tasks: T8099 Differential Revision: https://secure.phabricator.com/D13127
2015-06-03 19:23:28 +02:00
}
Highlight strong tag in document headers Summary: Fixes T12357. Adds some color to highlighted text in headers. Test Plan: == Header with **strong** copy == Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Maniphest Tasks: T12357 Differential Revision: https://secure.phabricator.com/D17469
2017-03-06 18:28:38 +01:00
.phui-document-view .phabricator-remarkup .remarkup-header strong {
color: #586BE9;
}
Copy permalink