question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Add Icons to the settings page buttons

See original GitHub issue

Is your feature request related to a problem? Please describe.

In the settings page, we have changed show-code and show-solution to view for consistency. With the extra spaces freed, we can add icons for the setting page. Mainly to differentiate between normal View button and View Dropdown.

View button

Describe the solution you’d like

We can add the old Preview Icon that indicated to the camper, it’s an external link.

For context: https://github.com/freeCodeCamp/freeCodeCamp/issues/47923

Describe alternatives you’ve considered

We can pick New icon if we decided to keep the old preview icon from font-awesome.

Additional context

We have the opportunity to test mobile app icons in the setting, with the freed spaces. I think it’s a good idea to use mobile icons if they are picked and decided in the setting to test them out.

Issue Analytics

  • State:closed
  • Created a year ago
  • Comments:17 (11 by maintainers)

github_iconTop GitHub Comments

1reaction
nayabatir1commented, Oct 25, 2022

@Sboonny yeah, you are right, Instead of overwriting I should have written merge conflict. As the pr is not merged yet.

1reaction
AhmedIbrahim336commented, Oct 8, 2022

If this feature will be accepted, I can implement it!

Read more comments on GitHub >

github_iconTop Results From Across the Web

How To Create Icon Buttons - W3Schools
Example. Tip: Go to our Icons Tutorial to learn more about icons. Go to our CSS Buttons Tutorial to learn more about how...
Read more >
WordPress Menu Icons Tutorial: How to Add Them to Your ...
Click the Save Settings button to Continue. Decide on a menu item for which you'd like to add a new icon. Click the...
Read more >
Wix Editor: Adding and Setting Up an Icon Button | Help Center
Icon buttons are a fun, visual way to help visitors navigate around your site. To make sure they know what your icon button...
Read more >
Change the Quick settings panel icons on your Galaxy device
For example, you can turn on Airplane Mode, mute your device's sound, or rearrange the buttons any way you choose. Note: Available screens...
Read more >
Buttons - Menus and actions - Human Interface Guidelines
Ensure that each button clearly communicates it purpose. A button always includes a text label or a symbol (or interface icon) — and...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found