21f0deeaa6
build(docs-infra): update Angular framework, Material and CLI to latest methods ( #40994 )
...
This commit updates the Angular framework, Angular CDK/Material and
Angular CLI to latest stable versions (11.2.3, 11.2.2 and 11.2.2
respectively).
This update also fixes a Lighthouse audit fail due to
`@angular/core@11.0.0` being identified as vulnerable to XSS:
https://snyk.io/vuln/SNYK-JS-ANGULARCORE-1070902
Regarding the payload size increases, they are mostly attributed to
Angular Material:
- Before this commit: 448461 B
- After framework update: 448554 B ( +93 B)
- After Material update: 449292 B (+738 B)
- After CLI update: 449310 B ( +18 B)
PR Close #40994
2021-03-03 09:43:56 -08:00
cb16035fd3
fix(docs-infra): correctly display event dates on all timezones ( #41053 )
...
Previously, the event dates displayed on the angular.io "Events" page
(`/events`) was off by one day on timezones with a negative offset from
UTC. See
https://github.com/angular/angular/pull/41050#issuecomment-788958888 .
This commit fixes it by using the `getUTC*` methods of the `Date` object
to extract the date info, which are not affected by the user's timezone.
PR Close #41053
2021-03-03 09:37:21 -08:00
be8893fd1d
docs: add youtube to social icons ( #40987 )
...
PR Close #40987
2021-02-26 15:50:36 -08:00
272b5645c4
fix(docs-infra): improve the layout of the "Resources" page ( #40944 )
...
This commit improves the readability of the "Resources" page by limiting
the content's max width to 50em (which is 800px by default).
It also gets rid of custom color values and either uses the default
color or colors specified via Sass variables.
Before: ![resources page before][1]
After: ![resources page after][2]
This change has been extracted from #36045 .
[1]: https://user-images.githubusercontent.com/8604205/108601949-104b4380-73a8-11eb-864b-948db8c36f80.png
[2]: https://user-images.githubusercontent.com/8604205/108602036-894a9b00-73a8-11eb-870d-39bea9b46d97.png
Co-authored-by: Stefanie Fluin <sjtrimble@gmail.com>
PR Close #40944
2021-02-26 15:39:29 -08:00
d3eff182e3
refactor(docs-infra): clean up styling of the `<aio-resource-list>` component ( #40944 )
...
This commit cleans up the styles and the elements/classes used for
styling the content of the `<aio-resource-list>` component.
This change has been extracted from #36045 .
Co-authored-by: Stefanie Fluin <sjtrimble@gmail.com>
PR Close #40944
2021-02-26 15:39:29 -08:00
00562ed935
fix(docs-infra): center the "Contribute" page ( #40944 )
...
This commit improves the layout of the "Contribute" page by centering
the content (similar to other marketing pages).
Before: ![contribute layout before][1]
After: ![contribute layout after][2]
This change has been extracted from #36045 .
[1]: https://user-images.githubusercontent.com/8604205/108595056-5b545f00-7386-11eb-97b6-c3606dbfb5fa.png
[2]: https://user-images.githubusercontent.com/8604205/108595060-5becf580-7386-11eb-91fa-b2877f2a4691.png
Co-authored-by: Stefanie Fluin <sjtrimble@gmail.com>
PR Close #40944
2021-02-26 15:39:29 -08:00
c4a9c003cb
fix(docs-infra): remove unwanted underline when hovering over contributor info links ( #40944 )
...
This commit removes an unwanted underline effect when hovering over
contributor info links (`.contributor-info > .info-item`). This was
accidentally introduced in #40427 .
Before: ![contributor info on hover before][1]
After: ![contributor info on hover after][2]
[1]: https://user-images.githubusercontent.com/8604205/108560170-045a7580-7305-11eb-98d2-4302d98581c6.png
[2]: https://user-images.githubusercontent.com/8604205/108560176-058ba280-7305-11eb-97eb-74cf2c830a39.png
PR Close #40944
2021-02-26 15:39:29 -08:00
d97b45d82a
fix(docs-infra): make inline code stand out more ( #40944 )
...
This commit improves the styling of inline code blocks to make them
stand out more.
Before: ![code formatting before][1]
After: ![code formatting after][2]
This change has been extracted from #36045 .
[1]: https://user-images.githubusercontent.com/8604205/108554295-8e521080-72fc-11eb-94e8-09246ae334c8.png
[2]: https://user-images.githubusercontent.com/8604205/108553733-c9077900-72fb-11eb-8001-1f0baf8b95bc.png
Co-authored-by: Stefanie Fluin <sjtrimble@gmail.com>
PR Close #40944
2021-02-26 15:39:29 -08:00
516de34778
fix(docs-infra): improve the appearance of `.filter-button` elements ( #40944 )
...
This commit improves the appearance of `.filter-button` elements used to
jump between different categories in "Contributors" and "Resources" pages.
Before (wide screen): ![contributors buttons (wide screen) before][1]
Before (narrow screen): ![contributors buttons (narrow screen) before][2]
After (wide screen): ![contributors buttons (wide screen) after][3]
After (narrow screen): ![contributors buttons (narrow screen) after][4]
This change has been extracted from #36045 .
[1]: https://user-images.githubusercontent.com/8604205/108414895-72376c00-7235-11eb-9537-7a7b059d09fe.png
[2]: https://user-images.githubusercontent.com/8604205/108414923-782d4d00-7235-11eb-8ba4-87a3a9ae14cd.png
[3]: https://user-images.githubusercontent.com/8604205/108414929-78c5e380-7235-11eb-807a-109b4200e64e.png
[4]: https://user-images.githubusercontent.com/8604205/108414942-7cf20100-7235-11eb-8ef0-9b2da397b3ee.png
Co-authored-by: Stefanie Fluin <sjtrimble@gmail.com>
PR Close #40944
2021-02-26 15:39:29 -08:00
ae50e40216
refactor(docs-infra): move `.filter-button` styles inside `.group-buttons` ( #40944 )
...
Since `.filter-button` elements only appear inside `.group-buttons`
elements, this commit moves `.filter-button` CSS styles inside
`.group-buttons` styles.
PR Close #40944
2021-02-26 15:39:29 -08:00
d6f6197728
fix(docs-infra): put the license references in a separate paragraph in the footer ( #40944 )
...
This commit improves how sentences are broken up into lines in the
footer (due to the limited max-width of the content) by moving the
license references in a separate paragraph.
Before: ![footer before][1]
After: ![footer after][2]
[1]: https://user-images.githubusercontent.com/8604205/108595211-593ed000-7387-11eb-8ee5-f13c8bf522f4.png
[2]: https://user-images.githubusercontent.com/8604205/108595214-5a6ffd00-7387-11eb-9a9d-dbaa2175f51f.png
PR Close #40944
2021-02-26 15:39:29 -08:00
2475dbe7b2
refactor(docs-infra): remove redundant Sass mixin ( #40944 )
...
This commit removes the `bp()` Sass mixin, which was only used in one
place (and also included several unused code-branches).
PR Close #40944
2021-02-26 15:39:28 -08:00
2a518fb44c
refactor(docs-infra): use Sass variables for colors used in themes ( #40944 )
...
This change has been extracted from #36045 .
NOTE:
The color names for the RC theme were computed using
https://www.color-blindness.com/color-name-hue .
Co-authored-by: Stefanie Fluin <sjtrimble@gmail.com>
PR Close #40944
2021-02-26 15:39:28 -08:00
6275346871
fix(docs-infra): increase margin of header-links ( #40944 )
...
This change has been extracted from #36045 .
Co-authored-by: Stefanie Fluin <sjtrimble@gmail.com>
PR Close #40944
2021-02-26 15:39:28 -08:00
117c49f799
fix(docs-infra): more clearly separate different sections on the "Press kit" page ( #40945 )
...
This commit adds a horizontal line and some extra spacing between
different sections of the "Press kit" page to make it easier to identify
where one section ends and the next begins.
Before: ![presskit sections before][1]
After: ![presskit sections after][2]
[1]: https://user-images.githubusercontent.com/8604205/108739638-8208c600-753d-11eb-99bb-ea119640de39.png
[2]: https://user-images.githubusercontent.com/8604205/108745297-95b72b00-7543-11eb-9a35-56325477534b.png
PR Close #40945
2021-02-26 08:28:22 -08:00
78a70498b5
fix(docs-infra): improve the layout and appearance of the "Press kit" page ( #40945 )
...
This commit improves the layout and appearance of the "Press kit" page.
Most notable changes include:
- Center content and limit max width to 50em (which is 50px by default).
- Remove uppercase transform for headings.
- Use a two-column layout for icons (instead of one icon per row).
- Show "download" icons next to download links.
Before (wide): ![presskit page (wide) before][1]
Before (narrow 1/2): ![presskit page (narrow 1/2) before][2]
Before (narrow 2/2): ![presskit page (narrow 2/2) before][3]
After (wide): ![presskit page (wide) after][4]
After (narrow 1/2): ![presskit page (narrow 1/2) after][5]
After (narrow 2/2): ![presskit page (narrow 2/2) after][6]
This change is based on code from #36045 .
[1]: https://user-images.githubusercontent.com/8604205/108739632-80d79900-753d-11eb-8ddc-ac542ec5b3ac.png
[2]: https://user-images.githubusercontent.com/8604205/108739641-82a15c80-753d-11eb-9b20-8119ad117460.png
[3]: https://user-images.githubusercontent.com/8604205/108739643-83d28980-753d-11eb-8afa-2d7a5e87d586.png
[4]: https://user-images.githubusercontent.com/8604205/108739638-8208c600-753d-11eb-99bb-ea119640de39.png
[5]: https://user-images.githubusercontent.com/8604205/108739642-8339f300-753d-11eb-9b25-5c1988adb1dd.png
[6]: https://user-images.githubusercontent.com/8604205/108739645-846b2000-753d-11eb-8ef3-b6a8b7c6d1ff.png
Co-authored-by: Stefanie Fluin <sjtrimble@gmail.com>
PR Close #40945
2021-02-26 08:28:21 -08:00
d51d39cb4c
docs: update docs to use new zone.js entry-points ( #40823 )
...
In CLI version 12, the old style of imports is no longer supported.
PR Close #40823
2021-02-24 07:58:29 -08:00
b84f719747
docs: update year ( #40925 )
...
PR Close #40925
2021-02-22 12:37:40 -08:00
09e1e1935a
refactor(docs-infra): convert Sass mixin from camelCase to kebab-case to follow Sass conventions ( #40881 )
...
This commit converts the last remaining camelCased Sass mixin
(`deployTheme`) to kebab-case (`deploy-theme`) to follow the Sass
conventions.
Discussed in
https://github.com/angular/angular/pull/40881#discussion_r577961617 .
PR Close #40881
2021-02-19 09:14:59 -08:00
4b3e6b5a00
refactor(docs-infra): create mixin for styling marketing pages ( #40881 )
...
Previously, in order to apply some styles to marketing (i.e. non-docs)
pages, we listed the various `.page-*` classes that corresponded to docs
pages. This meant that adding/removing a marketing page required updates
in several places, which is error-prone.
This commit avoids this by using a Sass mixin for applying styles to
marketing pages.
PR Close #40881
2021-02-19 09:14:59 -08:00
c5231ce1da
refactor(docs-infra): remove duplicate or unused CSS styles ( #40881 )
...
This commit removes some CSS styles that have no effect (i.e. are
duplicates or overridden by other rules).
PR Close #40881
2021-02-19 09:14:59 -08:00
717590a732
fix(docs-infra): fix top margin of "Press kit" page on small screens ( #40881 )
...
Previously, the "Press kit" page had a larger top margin on smaller
screens, that seemed unnecessary.
This commit removes the extra top margin.
Before: ![presskit top section margin before][1]
After: ![presskit top section margin after][2]
[1]: https://user-images.githubusercontent.com/8604205/107988545-efb27080-6fd8-11eb-91d6-79651f2dffaf.png
[2]: https://user-images.githubusercontent.com/8604205/107988547-f04b0700-6fd8-11eb-9c4b-d444b39a34fe.png
PR Close #40881
2021-02-19 09:14:59 -08:00
c704162800
fix(docs-infra): use consistent padding in marketing pages ( #40881 )
...
This commit makes the padding of the "Events", "Features" and
"Press kit" pages consistent with that of other marketing pages.
Before: ![presskit padding before][1]
After: ![presskit padding after][2]
[1]: https://user-images.githubusercontent.com/8604205/107986067-f8547800-6fd3-11eb-9164-51793e431d05.png
[2]: https://user-images.githubusercontent.com/8604205/107986064-f7234b00-6fd3-11eb-9050-ed7ec04e7443.png
PR Close #40881
2021-02-19 09:14:59 -08:00
09d36369b0
fix(docs-infra): make top-nav consistent across all marketing pages ( #40881 )
...
Previously, some of the marketing pages had different styles for the
top-nav than others (even if they had the same layout and
blue-background header). More specifically, the top-nav had a box-shadow
and it was absolutely positioned on some marketing pages, while it had
no box-shadow and was statically positioned on others.
This commit makes the appearance of marketing pages wrt the top-nav
consistent across all marketing pages by changing the styles for the
remaining pages:
- Contributors (`/about`)
- Contribute (`/contribute`)
- Press kit (`/presskit`)
Before: ![contribute topnav shadow before][1]
After: ![contribute topnav shadow after][2]
[1]: https://user-images.githubusercontent.com/8604205/107984898-a6aaee00-6fd1-11eb-8bf3-79393c8983ff.png
[2]: https://user-images.githubusercontent.com/8604205/107984900-a7438480-6fd1-11eb-8d9b-a643d69ab692.png
PR Close #40881
2021-02-19 09:14:59 -08:00
b509a7dc42
fix(docs-infra): make the "Contributors" page header similar to other marketing pages ( #40881 )
...
Before (wide screen): ![contributors (wide screen) before][1]
Before (narrow screen): ![contributors (narrow screen) before][2]
After (wide screen): ![contributors (wide screen) after][3]
After (narrow screen): ![contributors (narrow screen) after][4]
[1]: https://user-images.githubusercontent.com/8604205/107983880-634f8000-6fcf-11eb-8ad9-5a5df65d3d5e.png
[2]: https://user-images.githubusercontent.com/8604205/107983893-6a768e00-6fcf-11eb-9ccd-158ec491404f.png
[3]: https://user-images.githubusercontent.com/8604205/107983903-6f3b4200-6fcf-11eb-94e1-182893b7a715.png
[4]: https://user-images.githubusercontent.com/8604205/107983895-6ba7bb00-6fcf-11eb-9ff5-59d221ba906d.png
PR Close #40881
2021-02-19 09:14:59 -08:00
b0c8c4d696
fix(docs-infra): add spacing between past and future events sections ( #40881 )
...
This commit adds some more spacing between the past and future events
sections on the "Events" page.
Before: ![events spacing before][1]
After: ![events spacing after][2]
[1]: https://user-images.githubusercontent.com/8604205/107989711-82eca580-6fdb-11eb-837e-1255d439d51a.png
[2]: https://user-images.githubusercontent.com/8604205/107989708-81bb7880-6fdb-11eb-8cf4-4653254e1c37.png
PR Close #40881
2021-02-19 09:14:59 -08:00
71ccb545c6
refactor(docs-infra): create mixin for styling docs pages ( #40881 )
...
Previously, in order to apply some styles to docs (i.e. non-marketing)
pages, we listed the various `.folder-*` classes that corresponded to
docs pages. This meant that adding/removing a docs area required updates
in several places, which is error-prone.
This commit avoids this by using a Sass mixin for applying styles to
docs pages.
PR Close #40881
2021-02-19 09:14:59 -08:00
44e1f956d0
fix(docs-infra): ensure the main font is applied to inputs ( #40881 )
...
It turns out that `<input>` and `<button>` elements do not inherit the
`font-family` style from `<body>` by default, but rather use a
user-agent defined style. This means that their font-family might be
different than the one used in the rest of the page.
This commit fixes it by ensuring `<input>` (and other) elements inherit
their `font-family` style from their parent element.
Before: ![inputs font before][1]
After: ![inputs font after][2]
(The difference in font is subtle, but it's there.)
[1]: https://user-images.githubusercontent.com/8604205/107853245-76bae980-6e1d-11eb-8318-e5f6e13876cc.png
[2]: https://user-images.githubusercontent.com/8604205/107853246-77538000-6e1d-11eb-86f2-e3e7e41158f5.png
PR Close #40881
2021-02-19 09:14:59 -08:00
7bcef26852
refactor(docs-infra): remove unnecessary `font-family` styles ( #40881 )
...
This commit removes some unnecessary styles setting `font-family` to
`$main-font`. These styles are redundant, because the targeted elements
already inherit this style from `<body>`.
PR Close #40881
2021-02-19 09:14:59 -08:00
90a61618c7
refactor(docs-infra): remove unused CSS for the version selector ( #40881 )
...
This commit removes some CSS rules targeting `.doc-version select` in
the sidenav. These rules do not match any elements any more, since now
we use a custom `<aio-select>` component (instead of the `<select>`
element).
PR Close #40881
2021-02-19 09:14:59 -08:00
64efe38d66
fix(docs-infra): merge `docs` with `guide` and `start` with `tutorial` in search-results ( #40881 )
...
Previously, the `docs.md` guide was appearing under "OTHER" in search
results and the results for the `/start*` tutorial pages were appearing
under "START".
This commit changes this so that `docs.md` appears under "GUIDES" and
`/start*` appear under "TUTORIALS", since that is where they belong
conceptually.
It also changes the header of the guides search-area from "GUIDE" to
"GUIDES" and that of tutorials from "TUTORIAL" to "TUTORIALS".
Before: ![search-results areas before][1]
After: ![search-results areas after][2]
[1]: https://user-images.githubusercontent.com/8604205/107811568-0ce80480-6d77-11eb-8652-e7a947c36e63.png
[2]: https://user-images.githubusercontent.com/8604205/107811569-0eb1c800-6d77-11eb-9a69-0000a3703c8a.png
PR Close #40881
2021-02-19 09:14:59 -08:00
4fac4a8880
fix(docs-infra): show the "Errors List" page under "ERRORS" in search results ( #40881 )
...
Previously, the "Errors List" page was appearing under the "OTHER"
section in search results.
This commit fixes this to make it appear under the "ERRORS" section.
Before: ![search-results before][1]
After: ![search-results after][2]
[1]: https://user-images.githubusercontent.com/8604205/107691151-c1b8ed80-6cb3-11eb-8079-fcace685f0ec.png
[2]: https://user-images.githubusercontent.com/8604205/107691145-bfef2a00-6cb3-11eb-8523-b2747fa40469.png
PR Close #40881
2021-02-19 09:14:59 -08:00
51c7d32c09
fix(docs-infra): show external link icons for external links on error pages ( #40881 )
...
This commit adds error pages to the list of docs pages that have an
external link icon next to links to external URLs.
PR Close #40881
2021-02-19 09:14:59 -08:00
013f7be0bc
fix(docs-infra): fix top padding of main content when a notification is visible ( #40802 )
...
This commit fixes the top padding of the main content on the homepage
and other pages when a notification is visible at the top of the page.
The problem was particularly obvious on the homepage (see images below).
Before: ![homepage top-right before][1]
After: ![homepage top-right after][2]
[1]: https://user-images.githubusercontent.com/8604205/107394349-74e2e480-6b04-11eb-8853-71a153cdc459.png
[2]: https://user-images.githubusercontent.com/8604205/107394336-71e7f400-6b04-11eb-9ef0-ff82f6f27875.png
PR Close #40802
2021-02-16 08:39:49 -08:00
fae0f1f213
fix(docs-infra): fix placement of TOC hover/active markers (dots) ( #40802 )
...
This commit fixes the placement of the TOC hover/active markers (dots)
so that they are horizontally in the middle of the marker "rail" and
vertically in the middle of the item's first line.
This commit also refactors the `_toc.scss` to be more DRY (wrt styling
the TOC markers/marker rail) and uses Sass variables and mixins to
ensure that the styling is kept up-to-date wrt future typography changes
to TOC items.
Before: ![toc marker before][1]
After: ![toc marker after][2]
[1]: https://user-images.githubusercontent.com/8604205/107270751-03e3f400-6a54-11eb-9d77-5b0a3cfb1c2b.png
[2]: https://user-images.githubusercontent.com/8604205/107270758-047c8a80-6a54-11eb-82c0-98b832c109a3.png
PR Close #40802
2021-02-16 08:39:49 -08:00
5a7eba294a
fix(docs-infra): improve line-spacing between TOC items (esp. for wrapped lines) ( #40802 )
...
Previously, the line-spacing between different TOC items was almost the
same as that between wrapped lines of the same item. This made it more
diffucult to distinguish the different items.
This commit fixes this by reducing the line-spacing between wrapped
lines of the same item and keeping a larger line-spacing between
different items.
Before: ![toc line-spacing before][1]
After: ![toc line-spacing after][2]
[1]: https://user-images.githubusercontent.com/8604205/107255272-ccb81780-6a40-11eb-9612-4e7b2058417d.png
[2]: https://user-images.githubusercontent.com/8604205/107255280-cd50ae00-6a40-11eb-8f60-9ce8fba10e12.png
PR Close #40802
2021-02-16 08:39:49 -08:00
9740b1bb62
fix(docs-infra): fix sidenav top position on narrow screens ( #40802 )
...
On larger screens the top-bar has a height of 64px. On screens smaller
than 600px, the top-bar has a height of 56px. As a result, the sidenav
should have a top position of 56px on screens smaller than 600px and
64px on other screens.
Previously, the style setting the top position to 56px was tied to the
presence of the `.collapsed` class, which depends on whether the sidenav
is docked or not. The change from docked to collapsed sidenav, however,
happens at 992px. As a result, the sidenav had an incorrect top position
(56px instead of 64px) on screens between 600px and 991px.
This commit fixes this by ensuring the change of the top position for
the sidenav happens at 600px.
PR Close #40802
2021-02-16 08:39:49 -08:00
01ed63522a
fix(docs-infra): improve line-spacing between search results (esp. for wrapped lines) ( #40802 )
...
Previously, the line-spacing between different search result items was
the same as that between wrapped lines of the same result. This made it
difficult to distinguish the different results.
This commit fixes it by reducing the line-spacing between wrapped lines
of the same result item and keeping a larger line-spacing between
different results.
Before: ![search-results before][1]
After: ![search-results after][2]
[1]: https://user-images.githubusercontent.com/8604205/107229685-ca48c400-6a26-11eb-8161-0c0768b10a2d.png
[2]: https://user-images.githubusercontent.com/8604205/107229691-ccab1e00-6a26-11eb-9594-d4c37d0d72b2.png
PR Close #40802
2021-02-16 08:39:49 -08:00
2a302dd3cf
fix(docs-infra): avoid page-breaks inside an image when printing ( #40802 )
...
Previously, when printing, a page-break could be inserted inside an
image (contained in a `.lightbox` element).
This commit ensures no page-breaks are inserted inside `.lightbox`
elements (which contain images).
Before: ![print-page-break before][1]
After: ![print-page-break after][2]
[1]: https://user-images.githubusercontent.com/8604205/106939709-48f0e900-6729-11eb-912c-e5cd0cb40897.png
[2]: https://user-images.githubusercontent.com/8604205/106939707-48585280-6729-11eb-8d5f-a12312f32056.png
PR Close #40802
2021-02-16 08:39:49 -08:00
c98ab1f9e7
fix(docs-infra): fix search results top padding when a notification is visible ( #40802 )
...
Previously, when a notification was visible at the top of the page, the
search results pane had more top padding than necessary.
This commit fixes it by removing the extra padding.
Before: ![search-results before][1]
After: ![search-results after][2]
[1]: https://user-images.githubusercontent.com/8604205/106938100-3970a080-6727-11eb-8ae8-4e7a33af1daf.png
[2]: https://user-images.githubusercontent.com/8604205/106938103-3aa1cd80-6727-11eb-96f5-f607bde314be.png
PR Close #40802
2021-02-16 08:39:49 -08:00
93e2aea4bd
fix(docs-infra): dim line-numbers in code examples ( #40802 )
...
This commit ensures that the line-numbers in code examples appear
"dimmed" to make it clearer that they are not part of the actual code.
Based on the CSS rules, it seems that the intention was to make it so,
but the color was incorrectly set on the `<ol>` elements instead of
targeting `li::marker`.
Before: ![line-numbers before][1]
After: ![line-numbers after][2]
[1]: https://user-images.githubusercontent.com/8604205/106937191-23aeab80-6726-11eb-9178-bdc067fa3d09.png
[2]: https://user-images.githubusercontent.com/8604205/106937184-227d7e80-6726-11eb-81d1-f709537b6a56.png
PR Close #40802
2021-02-16 08:39:48 -08:00
8cea3be8f7
fix(docs-infra): fix vertical alignment of contributor info items ( #40802 )
...
This commit fixes the vertical alignment of info items (i.e. links to
bio, Twitter, website) in the contributor list.
Before: ![contributor alignment before][1]
After: ![contributor alignment after][2]
[1]: https://user-images.githubusercontent.com/8604205/106926453-ca407f80-6719-11eb-9580-8614cc4f4907.png
[2]: https://user-images.githubusercontent.com/8604205/106926469-cd3b7000-6719-11eb-8ba8-c8ae01996c02.png
PR Close #40802
2021-02-16 08:39:48 -08:00
8f7fea4ad8
fix(docs-infra): clear unneeded DOM nodes in `CodeExample/TabsComponent` ( #40802 )
...
Both `CodeExampleComponent` and `CodeTabsComponent` components receive
some code via content projection, grab the projected content and pass it
through to a `CodeComponent` instance for formatting and displaying.
Previously, the projected content was kept in the DOM (hidden). This
unnecessarily increased the number of DOM nodes.
This commit fixes this by clearing the projected DOM nodes once their
content has been captured.
PR Close #40802
2021-02-16 08:39:48 -08:00
f2ee9d5679
refactor(docs-infra): use CDK clipboard service ( #40840 )
...
The CDK has had a service for copying strings to the clipboard. These changes switch
AIO to it, rather than having to maintain a custom solution.
PR Close #40840
2021-02-16 07:43:56 -08:00
089a634053
refactor(docs-infra): use a single CSS class to target the API list container ( #40704 )
...
Previously, the API list container (in the template of the
`<aio-api-list>` component) had three different CSS classes
(`.api-list-container`, `.docs-content`, `.l-content-small`) that were
all used for styling it. This seemed unnecessary and made it more difficult
to see what styles were applied to the container.
This commit removes the extra classes and consolidates the styles under
the `.api-list-container` class (which was the most descriptive one).
PR Close #40704
2021-02-09 10:47:19 -08:00
defcd50b05
refactor(docs-infra): scope API list styles to the `<aio-api-list>` element ( #40704 )
...
This commit ensures that all styles for the API list page (which are
defined in `_api-list.scss`) only apply to elements inside an
`<aio-api-list>` element. This will prevent the styles accidentally
taking effect on a different part of the app.
PR Close #40704
2021-02-09 10:47:19 -08:00
ae1a00760d
refactor(docs-infra): move common `.code-anchor` styles to `_code.scss` ( #40704 )
...
The `.code-anchor` class can be used anywhere where we have code
examples (including API pages and docs guides). Previously, global
styles for `.code-anchor` were defined in `_api-list.scss` (i.e. the
styles from `_api-list.scss` were also applied to `.code-anchor`
elements in other pages/components).
This commit moves the `.code-anchor` styles to `_code.scss`, which
contains other common code-related styles.
PR Close #40704
2021-02-09 10:47:19 -08:00
60f6e177b8
refactor(docs-infra): move common `.symbol` styles to `_api-symbols.scss` ( #40704 )
...
The `.symbol` CSS class (which is primarily used to denote the type of
API symbols - classes, functions, interfaces, etc.) are used in several
places:
- In the API list page (with the corresponding styles defined in
`_api-list.scss`).
- In search results (with the corresponding styles defined in
`_errors.scss`).
- In error list page (with the corresponding styles defined in
`search-results.scss`).
- In the `<aio-select>` component (with the corresponding styles defined
in `_select-menu.scss`).
Previously, global styles for `.symbol` were defined in `_api-list.scss`
(i.e. the styles from `_api-list.scss` were also applied to `.symbol`
elements in other places/components). Also, some of the SCSS files
mentioned above defined some duplicate styles for `.symbol`.
This commit moves the `.symbol` styles to a new `_api-symbols.scss`
file, which contains common symbol-related styles.
PR Close #40704
2021-02-09 10:47:19 -08:00
bf63d92ea6
refactor(docs-infra): merge style rules in `_api-list.scss` ( #40704 )
...
This commit cleans up the styles in `_api-list.scss` by merging together
blocks that target the same elements.
PR Close #40704
2021-02-09 10:47:19 -08:00
d214e79485
refactor(docs-infra): remove unused styles from `_api-list.scss` ( #40704 )
...
This commit removes some styles from `_api-list.scss` that are no longer
used (i.e. either their CSS selectors do not match any element in the
app or they are overridden by other rules).
PR Close #40704
2021-02-09 10:47:19 -08:00
George Kalpakas
twerske
Alan Agius
Daniel Díaz
Kristiyan Kostadinov
