valor-software / ngx-bootstrap

Fast and reliable Bootstrap widgets in Angular (supports Ivy engine)
https://valor-software.com/ngx-bootstrap
MIT License
5.52k stars 1.69k forks source link

Icons on the All Components page don't match the type of the site components #6348

Closed apotapcukv closed 2 years ago

apotapcukv commented 3 years ago

Environment: OS Linux mint 20.2 Precondition: Go to the site by using: https://ngx-bootstrap-demo--pr6305-feat-new-design-hk2yeo8v.web.app/ngx-bootstrap/#/ Steps to reproduce:

  1. Click on the "Get started" button on the Start Page. > You reach the sites' "Start Page"
  2. Click on the "Components" dropdowns in the left side menu > The Components Page opens

Expected Result: The Accordion, Alerts, Dropdowns, Popover, Ppogressbar, Rating, Sortable, Tabs, Timepicker, Collapse, Typeahead, and Tooltip icons on the All Components page don't match the type of the presented on the site components

Actual Result: The Accordion, Alerts, Dropdown, Popover, Ppogressbar, Rating, Sortable, Tabs, Timepicker, Collapse, Typeahead, and Tooltip icons on the All Components page correspond to the type of components shown on the site.

apotapcukv commented 3 years ago

Examples of better matching icons:

  1. Accordion component icon: https://codyhouse.co/assets/img/gems/hero/multi-level-accordion-menu-featured.svg:
  2. Alert component icon: https://www.jqueryscript.net/images/Bootstrap-Alerts-Plugin-jQuery-bsalert.jpg;
  3. Dropdowns component icon: https://cms-assets.tutsplus.com/uploads/users/30/posts/35212/preview_image/dropdown.png;
  4. Popover component icon: https://tutorialsplane.com/wp-content/uploads/2015/05/popoverplugin.png;
  5. Progressbar component icon: https://d2d3qesrx8xj6s.cloudfront.net/img/screenshots/3c9c6afb4afed6ce8b6b674d6904e87e50468f14.jpg;
  6. Rating component icon: https://d2d3qesrx8xj6s.cloudfront.net/img/screenshots/3c9c6afb4afed6ce8b6b674d6904e87e50468f14.jpg;
  7. Rating component icon: https://www.jqueryscript.net/images/Lightweight-Star-Rating-Plugin-jQuery-Glyphicons-J-Rating.jpg;
  8. Sortaible component icon: https://mdbcdn.b-cdn.net/wp-content/uploads/2018/10/plugin-sortable-jquery.jpg;
  9. Tabs component icon: https://screenshots.imgix.net/react-bootstrap/react-bootstrap/tabs/1.0.0/5c87ddd251d445001a0e1e57/86cc96cc-a164-47c3-a824-eca38df2e352.png;
  10. Timepicker component icon: https://i.stack.imgur.com/oVTZD.jpg;
  11. Collapse component icon: https://csharpcorner-mindcrackerinc.netdna-ssl.com/UploadFile/BlogImages/12092017035706AM/accordion1.png;
  12. Typeahead component icon: https://i.stack.imgur.com/ehSGK.png;
  13. Tooltip component icon: https://res.cloudinary.com/practicaldev/image/fetch/s--_PU1Snvq--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/zmikkjwvkip7uca2qnfk.png