Skip to content

Conversation

@Biswas-Samrat
Copy link

This PR modernizes the user interface by removing the legacy "Fork me on GitHub" corner ribbon and replacing it with a clean, modern GitHub icon. This change improves the visual aesthetic and fixes layout issues on the Overview page.

Changes Made

  • Removed: The diagonal "Fork me on GitHub" ribbon element (HTML/CSS).
  • Added: A minimalist GitHub PNG icon in the header/navigation area.
  • Fixed: Resolved the UI overlap issue where the ribbon was covering the Filter button on the Overview page.
  • Styling: Ensured the new icon is responsive and follows the existing color scheme.

Closes #437

image

@Biswas-Samrat
Copy link
Author

@wurstbrot Plz Review the changes

src/index.html Outdated
<link rel="preconnect" href="https://fonts.gstatic.com" />
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap" rel="stylesheet" />
<link href="https://fonts.googleapis.com/icon?family=Material+Icons|Material+Icons+Outlined" rel="stylesheet" />
<!-- <link rel="stylesheet"
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thank you. Please remove the code completely, and I'll approve 🙂👍

background-color: #333;
.github-button img {
margin-right: 20px;
height: 35px;
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Nice! 🙂

The 35px draws a lot of attention. More than a 'Fork me' I think needs.
I propose:

margin-right: 0px;
height: 20px;

What do you think?

Copy link
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I have removed the dade code from"src/index.html'

And I think we should add some margin from right to the GitHub, icon, and I resized the icon and 20px height is too small, that's why I gave it 30px height.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Modernize UI: Replace 'Fork me on GitHub' Ribbon with a Simple Icon

2 participants