docusaurus-openapi-docs icon indicating copy to clipboard operation
docusaurus-openapi-docs copied to clipboard

[UI] Fix Schema Tabs arrow render

Open blindaa121 opened this issue 1 year ago • 2 comments

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 5 41 22 PM

Screen Shot 2022-09-07 at 8 13 08 PM

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.

blindaa121 avatar Sep 08 '22 03:09 blindaa121

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

compressed-size-action

github-actions[bot] avatar Sep 08 '22 03:09 github-actions[bot]

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 🌎

github-actions[bot] avatar Sep 08 '22 03:09 github-actions[bot]