-
Notifications
You must be signed in to change notification settings - Fork 63
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
chore: Address UX comments and improve responsiveness (#3082)
* add mike work Signed-off-by: at670475 <[email protected]> * Private/ms895784/feedback form (#3083) * chore[ui]: Update UI per suggestions from UX Update screens with notes from jan/mirek Signed-off-by: Mike Simpson <[email protected]> * style fab button * rebase * flex direction column footer * unbroke the dashboard footer, now details has too many scrollbars * Supress more swagger details * Feeback in own component, hide license on details * Footer wrapping better, hide feedback button on small screens * mobile navigations * changed favicon * fix menu animation, move open/close fn * img size * wip changes for tiles? * Looks ok on small, not so good on big * flexing tiles * lint fixup * Hardcode tech docs, param for feedback * remove margin on techdoc in mobile menu * more feedback tweaks * fixed up header to be img text img * fix flex issues, mobile zowe links, footer tweaks * text align * merge * fix scroll issue * fix lint error * cleanup swagger param spacing * space between try it out button and param header, space between params, hide example * Make brett happier with fonts * Pivot from provided html for to custom react form for feedback * feedback ui * Fixup tests, cleanup some lint, make old website work. * finish feedback UI * lint cleanup * uncomment for test fix * hide instance info on apiportal, not zowe * negate --------- Signed-off-by: Mike Simpson <[email protected]> Co-authored-by: Brian Lee <[email protected]> * fixes Signed-off-by: at670475 <[email protected]> * add back package lock Signed-off-by: at670475 <[email protected]> * Private/ms895784/more UI fixes (#3089) * Fix zowe tile styling, add color to api explorer separator * Try to hookup the form to the submission company * cleaning Signed-off-by: at670475 <[email protected]> * cleaning Signed-off-by: at670475 <[email protected]> * unignore tests Signed-off-by: at670475 <[email protected]> * remove feedback services Signed-off-by: at670475 <[email protected]> * hide the product title and add scss var Signed-off-by: at670475 <[email protected]> * use specific version ofr react-hook-form Signed-off-by: at670475 <[email protected]> * fix text overflowing when parameters too long and hide title info Signed-off-by: at670475 <[email protected]> * cleaning Signed-off-by: at670475 <[email protected]> * add title back to zowe ui Signed-off-by: at670475 <[email protected]> * address PR comments Signed-off-by: at670475 <[email protected]> * fix code smells Signed-off-by: at670475 <[email protected]> * add test Signed-off-by: at670475 <[email protected]> * fix tests Signed-off-by: at670475 <[email protected]> * add back the filter functionality Signed-off-by: at670475 <[email protected]> * increase coverage Signed-off-by: at670475 <[email protected]> * fix bug Signed-off-by: at670475 <[email protected]> * refactoring Signed-off-by: at670475 <[email protected]> * refactoring Signed-off-by: at670475 <[email protected]> * tests Signed-off-by: at670475 <[email protected]> * add tests Signed-off-by: at670475 <[email protected]> * add types for jest and enzyme, add app.jsx UT Signed-off-by: Pablo Hernán Carle <[email protected]> * remove caret and console log Signed-off-by: Pablo Hernán Carle <[email protected]> * add tests Signed-off-by: at670475 <[email protected]> * change test title Signed-off-by: at670475 <[email protected]> * improve detailpage test Signed-off-by: Pablo Hernán Carle <[email protected]> * lazy initialization test Signed-off-by: Pablo Hernán Carle <[email protected]> * add tests for utilsFunction Signed-off-by: at670475 <[email protected]> * add test for app.jsx Signed-off-by: at670475 <[email protected]> * add test for the ServiceNavigationBar.test.jsx Signed-off-by: at670475 <[email protected]> * fix test title Signed-off-by: at670475 <[email protected]> * add before each to set the portal flag to false Signed-off-by: at670475 <[email protected]> * add tests Signed-off-by: at670475 <[email protected]> * polish Signed-off-by: at670475 <[email protected]> * fix swaggerui tests Signed-off-by: Pablo Hernán Carle <[email protected]> * Remove suspence from feedback form Signed-off-by: at670475 <[email protected]> * update dep Signed-off-by: Pablo Hernán Carle <[email protected]> --------- Signed-off-by: at670475 <[email protected]> Signed-off-by: Mike Simpson <[email protected]> Signed-off-by: Pablo Hernán Carle <[email protected]> Co-authored-by: ms895784 <[email protected]> Co-authored-by: Brian Lee <[email protected]> Co-authored-by: Pablo Hernán Carle <[email protected]>
- Loading branch information
4 people
authored
Sep 27, 2023
1 parent
dd4adba
commit e3eacc4
Showing
41 changed files
with
2,538 additions
and
1,050 deletions.
There are no files selected for viewing
Large diffs are not rendered by default.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
11 changes: 11 additions & 0 deletions
11
api-catalog-ui/frontend/src/assets/images/square-envelope.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,154 @@ | ||
| body { | ||
| //flex | ||
|
|
||
| .flex-dir-row, | ||
| .flex-dir-col, | ||
| .flex-jc-end, | ||
| .flex-jc-start, | ||
| .flex-jc-center, | ||
| .flex-ai-end, | ||
| .flex-ai-start, | ||
| .flex-ai-center, | ||
| .flex { | ||
| display: flex; | ||
| } | ||
| .flex-dir-row { | ||
| flex-direction: row; | ||
| } | ||
| .flex-dir-col { | ||
| flex-direction: column; | ||
|
|
||
| > label { | ||
| & + * { | ||
| margin-top: var( --spacing1 ); | ||
| } | ||
| } | ||
| } | ||
| .flex-jc-end { | ||
| justify-content: flex-end; | ||
| } | ||
| .flex-jc-start { | ||
| justify-content: flex-start; | ||
| } | ||
| .flex-jc-center { | ||
| justify-content: center; | ||
| } | ||
| .flex-ai-end { | ||
| align-items: flex-end; | ||
| } | ||
| .flex-ai-start { | ||
| align-items: flex-start; | ||
| } | ||
| .flex-ai-center { | ||
| align-items: center; | ||
| } | ||
|
|
||
| //width | ||
|
|
||
| .full-width { | ||
| width: 100%; | ||
| } | ||
| .half-width { | ||
| width: 50%; | ||
| } | ||
| .no-width { | ||
| width: 0px; | ||
| } | ||
|
|
||
| //padding | ||
|
|
||
|
|
||
| .pl-1 { | ||
| padding-left: var( --spacing1 ); | ||
| } | ||
| .pl-2 { | ||
| padding-left: var( --spacing2 ); | ||
| } | ||
| .pl-3 { | ||
| padding-left: var( --spacing3 ); | ||
| } | ||
| .pr-1 { | ||
| padding-right: var( --spacing1 ); | ||
| } | ||
| .pr-2 { | ||
| padding-right: var( --spacing2 ); | ||
| } | ||
| .pr-3 { | ||
| padding-right: var( --spacing3 ); | ||
| } | ||
| .pb-1 { | ||
| padding-bottom: var( --spacing1 ); | ||
| } | ||
| .pb-2 { | ||
| padding-bottom: var( --spacing2 ); | ||
| } | ||
| .pb-3 { | ||
| padding-bottom: var( --spacing3 ); | ||
| } | ||
| .pt-1 { | ||
| padding-top: var( --spacing1 ); | ||
| } | ||
| .pt-2 { | ||
| padding-top: var( --spacing2 ); | ||
| } | ||
| .pt-3 { | ||
| padding-top: var( --spacing3 ); | ||
| } | ||
| .p-1 { | ||
| padding: var( --spacing1 ); | ||
| } | ||
| .p-2 { | ||
| padding: var( --spacing2 ); | ||
| } | ||
| .p-3 { | ||
| padding: var( --spacing3 ); | ||
| } | ||
|
|
||
| //margin | ||
|
|
||
| .ml-1 { | ||
| margin-left: var( --spacing1 ); | ||
| } | ||
| .ml-2 { | ||
| margin-left: var( --spacing2 ); | ||
| } | ||
| .ml-3 { | ||
| margin-left: var( --spacing3 ); | ||
| } | ||
| .mr-1 { | ||
| margin-right: var( --spacing1 ); | ||
| } | ||
| .mr-2 { | ||
| margin-right: var( --spacing2 ); | ||
| } | ||
| .mr-3 { | ||
| margin-right: var( --spacing3 ); | ||
| } | ||
| .mb-1 { | ||
| margin-bottom: var( --spacing1 ); | ||
| } | ||
| .mb-2 { | ||
| margin-bottom: var( --spacing2 ); | ||
| } | ||
| .mb-3 { | ||
| margin-bottom: var( --spacing3 ); | ||
| } | ||
| .mt-1 { | ||
| margin-top: var( --spacing1 ); | ||
| } | ||
| .mt-2 { | ||
| margin-top: var( --spacing2 ); | ||
| } | ||
| .mt-3 { | ||
| margin-top: var( --spacing3 ); | ||
| } | ||
| .m-1 { | ||
| margin: var( --spacing1 ); | ||
| } | ||
| .m-2 { | ||
| margin: var( --spacing2 ); | ||
| } | ||
| .m-3 { | ||
| margin: var( --spacing3 ); | ||
| } | ||
| } |
Oops, something went wrong.