docusaurus-openapi-docs
docusaurus-openapi-docs copied to clipboard
[UI] Fix Schema Tabs arrow render
Description
Currently, the <SchemaTabs />
component displays an incorrect render of arrows and displays an overflow when there are multiple example tabs present.
Motivation and Context
Arrows should be rendered on both left and right side of the tabs and there should be no overflow issues. The expected behavior is similar to <ApiTabs />
.
How Has This Been Tested?
Tested with SASE (Tennacy Service Group), which contained multiple example tabs. Ensured that the arrows were present on both left and right sides of the example tabs, as opposed to above and below. Also tested for responsiveness to ensure there weren't any overflow issues.
Screenshots (if appropriate)
Before:
![Screen Shot 2022-09-07 at 8 13 08 PM](https://user-images.githubusercontent.com/48506502/189025947-ab4c4f8c-d05e-4c76-b04f-b12fbab7bdb5.png)
After:
https://user-images.githubusercontent.com/48506502/189026872-33aceaab-4571-4527-88d7-759591fbef0a.mov
Types of changes
- Bug fix (non-breaking change which fixes an issue)
Checklist
- [x] I have updated the documentation accordingly.
- [x] I have read the CONTRIBUTING document.
- [ ] I have added tests to cover my changes if appropriate.
- [x] All new and existing tests passed.
Size Change: +42 B (0%)
Total Size: 3.68 MB
Filename | Size | Change |
---|---|---|
demo/build/assets/css/styles.********.css |
92.9 kB | +64 B (0%) |
ℹ️ View Unchanged
Filename | Size | Change |
---|---|---|
demo/.docusaurus/globalData.json |
19.1 kB | 0 B |
demo/build/assets/js/006e727e.********.js |
13.8 kB | 0 B |
demo/build/assets/js/05f64ae1.********.js |
2.74 kB | 0 B |
demo/build/assets/js/06b64fc1.********.js |
575 B | 0 B |
demo/build/assets/js/06e5f0f0.********.js |
27.1 kB | 0 B |
demo/build/assets/js/081bfb0d.********.js |
9.81 kB | 0 B |
demo/build/assets/js/09e07b87.********.js |
2.92 kB | 0 B |
demo/build/assets/js/0d832478.********.js |
26.2 kB | 0 B |
demo/build/assets/js/12693653.********.js |
25.5 kB | 0 B |
demo/build/assets/js/14eb3368.********.js |
9.19 kB | 0 B |
demo/build/assets/js/1639936b.********.js |
4.34 kB | 0 B |
demo/build/assets/js/16577668.********.js |
387 B | 0 B |
demo/build/assets/js/177e86db.********.js |
10.8 kB | 0 B |
demo/build/assets/js/18c41134.********.js |
12.7 kB | 0 B |
demo/build/assets/js/19d75775.********.js |
9.08 kB | 0 B |
demo/build/assets/js/1a8cc2a6.********.js |
11.9 kB | 0 B |
demo/build/assets/js/1be78505.********.js |
10.3 kB | 0 B |
demo/build/assets/js/1c54f54e.********.js |
10.4 kB | 0 B |
demo/build/assets/js/1e4232ab.********.js |
3.16 kB | 0 B |
demo/build/assets/js/1e6c5cae.********.js |
34.4 kB | 0 B |
demo/build/assets/js/1e6ff21d.********.js |
10.3 kB | 0 B |
demo/build/assets/js/1f818248.********.js |
11.1 kB | 0 B |
demo/build/assets/js/2c860537.********.js |
6.96 kB | 0 B |
demo/build/assets/js/326c3861.********.js |
10 kB | 0 B |
demo/build/assets/js/3893.********.js |
1.07 kB | 0 B |
demo/build/assets/js/3946f914.********.js |
34.4 kB | 0 B |
demo/build/assets/js/39d00f16.********.js |
10.4 kB | 0 B |
demo/build/assets/js/3e0d14e9.********.js |
22.8 kB | 0 B |
demo/build/assets/js/40a238b6.********.js |
25.5 kB | 0 B |
demo/build/assets/js/41cd56a1.********.js |
10.1 kB | 0 B |
demo/build/assets/js/423cd203.********.js |
13.8 kB | 0 B |
demo/build/assets/js/4261.********.js |
480 B | 0 B |
demo/build/assets/js/466ac800.********.js |
43.8 kB | 0 B |
demo/build/assets/js/46afcded.********.js |
8.14 kB | 0 B |
demo/build/assets/js/46e5c6ac.********.js |
6.67 kB | 0 B |
demo/build/assets/js/47abaca6.********.js |
2.83 kB | 0 B |
demo/build/assets/js/4935.********.js |
1.05 kB | 0 B |
demo/build/assets/js/4964e910.********.js |
25 kB | 0 B |
demo/build/assets/js/49bd3d39.********.js |
17.1 kB | 0 B |
demo/build/assets/js/4b891ed6.********.js |
11.7 kB | 0 B |
demo/build/assets/js/4c5e977b.********.js |
31.6 kB | 0 B |
demo/build/assets/js/533a09ca.********.js |
2.49 kB | 0 B |
demo/build/assets/js/55a6d13f.********.js |
14.2 kB | 0 B |
demo/build/assets/js/56717cba.********.js |
2.89 kB | 0 B |
demo/build/assets/js/57f1a671.********.js |
11.2 kB | 0 B |
demo/build/assets/js/58ff8b1e.********.js |
21.3 kB | 0 B |
demo/build/assets/js/597ddc40.********.js |
10.3 kB | 0 B |
demo/build/assets/js/5c868d36.********.js |
3.25 kB | 0 B |
demo/build/assets/js/5fb917be.********.js |
2.53 kB | 0 B |
demo/build/assets/js/63fc267d.********.js |
11.3 kB | 0 B |
demo/build/assets/js/6568.********.js |
1.31 MB | 0 B |
demo/build/assets/js/66c76a57.********.js |
34.9 kB | 0 B |
demo/build/assets/js/68b61ac5.********.js |
44.4 kB | 0 B |
demo/build/assets/js/69a61f78.********.js |
25.4 kB | 0 B |
demo/build/assets/js/73b594ee.********.js |
34.8 kB | 0 B |
demo/build/assets/js/77264a1a.********.js |
34.2 kB | 0 B |
demo/build/assets/js/7ca3ae45.********.js |
17.1 kB | 0 B |
demo/build/assets/js/7ed7dafe.********.js |
26.6 kB | 0 B |
demo/build/assets/js/8003.********.js |
5.45 kB | 0 B |
demo/build/assets/js/822bd8ab.********.js |
2.88 kB | 0 B |
demo/build/assets/js/85d3c400.********.js |
2.82 kB | 0 B |
demo/build/assets/js/85ec4403.********.js |
4.47 kB | 0 B |
demo/build/assets/js/86b273b1.********.js |
10.3 kB | 0 B |
demo/build/assets/js/86c346b0.********.js |
538 B | 0 B |
demo/build/assets/js/86c45737.********.js |
23.8 kB | 0 B |
demo/build/assets/js/881db345.********.js |
394 B | 0 B |
demo/build/assets/js/8961c7a6.********.js |
22.8 kB | 0 B |
demo/build/assets/js/8ab9b16e.********.js |
10.1 kB | 0 B |
demo/build/assets/js/8d4e78cd.********.js |
2.76 kB | 0 B |
demo/build/assets/js/8f441c78.********.js |
9.98 kB | 0 B |
demo/build/assets/js/91696e06.********.js |
34.5 kB | 0 B |
demo/build/assets/js/93304a97.********.js |
4.46 kB | 0 B |
demo/build/assets/js/935f2afb.********.js |
32.2 kB | 0 B |
demo/build/assets/js/94589c06.********.js |
19.5 kB | 0 B |
demo/build/assets/js/97810f3c.********.js |
25 kB | 0 B |
demo/build/assets/js/9b5caaf3.********.js |
26 kB | 0 B |
demo/build/assets/js/9c42c0f3.********.js |
34.3 kB | 0 B |
demo/build/assets/js/a40c6d71.********.js |
8.57 kB | 0 B |
demo/build/assets/js/a5491aaa.********.js |
400 B | 0 B |
demo/build/assets/js/a6cd895f.********.js |
21.7 kB | 0 B |
demo/build/assets/js/a728d93a.********.js |
9.74 kB | 0 B |
demo/build/assets/js/aa2f1ec7.********.js |
23.3 kB | 0 B |
demo/build/assets/js/ab09fd5c.********.js |
21.2 kB | 0 B |
demo/build/assets/js/ab6072f2.********.js |
25.4 kB | 0 B |
demo/build/assets/js/ae7f40a3.********.js |
44 kB | 0 B |
demo/build/assets/js/b4ebd305.********.js |
17.5 kB | 0 B |
demo/build/assets/js/b5c059ef.********.js |
33.9 kB | 0 B |
demo/build/assets/js/bead4b8e.********.js |
2.96 kB | 0 B |
demo/build/assets/js/bf271e74.********.js |
401 B | 0 B |
demo/build/assets/js/c65697f5.********.js |
26.1 kB | 0 B |
demo/build/assets/js/c7a5be9f.********.js |
10.5 kB | 0 B |
demo/build/assets/js/c7ded1cb.********.js |
2.87 kB | 0 B |
demo/build/assets/js/cf07762b.********.js |
23.3 kB | 0 B |
demo/build/assets/js/common.********.js |
159 kB | -22 B (0%) |
demo/build/assets/js/d63c7029.********.js |
2.85 kB | 0 B |
demo/build/assets/js/dd696920.********.js |
25.4 kB | 0 B |
demo/build/assets/js/dff1c289.********.js |
3.9 kB | 0 B |
demo/build/assets/js/e015ccf9.********.js |
26 kB | 0 B |
demo/build/assets/js/e01f8d18.********.js |
8.51 kB | 0 B |
demo/build/assets/js/e2ce9793.********.js |
402 B | 0 B |
demo/build/assets/js/e44a2883.********.js |
4.54 kB | 0 B |
demo/build/assets/js/e5e5340c.********.js |
2.46 kB | 0 B |
demo/build/assets/js/e8b309fb.********.js |
577 B | 0 B |
demo/build/assets/js/eae14b71.********.js |
33.8 kB | 0 B |
demo/build/assets/js/eaf4471e.********.js |
12.3 kB | 0 B |
demo/build/assets/js/ecc39b49.********.js |
172 B | 0 B |
demo/build/assets/js/ee308fa3.********.js |
10.1 kB | 0 B |
demo/build/assets/js/f212caf7.********.js |
23.2 kB | 0 B |
demo/build/assets/js/f4486b6b.********.js |
12 kB | 0 B |
demo/build/assets/js/f55d3e7a.********.js |
2.71 kB | 0 B |
demo/build/assets/js/f65290a6.********.js |
10.7 kB | 0 B |
demo/build/assets/js/f8409a7e.********.js |
29.1 kB | 0 B |
demo/build/assets/js/f84e10c2.********.js |
19.1 kB | 0 B |
demo/build/assets/js/fe97f0d1.********.js |
19 kB | 0 B |
demo/build/assets/js/main.********.js |
392 kB | 0 B |
demo/build/assets/js/runtime~main.********.js |
8.71 kB | 0 B |
demo/build/index.html |
80.1 kB | 0 B |
Visit the preview URL for this PR (updated for commit b9abf6d):
https://docusaurus-openapi-36b86--pr248-ehhub0rt.web.app
(expires Sat, 08 Oct 2022 03:29:17 GMT)
🔥 via Firebase Hosting GitHub Action 🌎