Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Move system-status percentage outside of status bar #3964

Merged
merged 2 commits into from
Nov 18, 2024
Merged

Conversation

ashton22305
Copy link
Contributor

Fixes #3953

Moves the N% in use message underneath the status bar instead of within in it.
image


<% if valid_percent?(current_status[:percent]) %>
<div class="progress">
<div class="progress-bar" role="progressbar" style="width: <%= current_status[:percent] %>"><%= current_status[:percent] %> in use</div>
<div class="progress-bar" role="progressbar" style="width: <%= current_status[:percent] %>"></div>
Copy link
Contributor

Choose a reason for hiding this comment

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

Thanks. I was looking into this too. Can we also change this inline style to w-<%= current_status[:percent].to_i %> class? we have w-[1-100] css classes.

@johrstrom
Copy link
Contributor

Thanks for looking into this. I spent just a bit too much time looking into mix-blend-mode, but just putting it outside the progress bar works too!

@ashton22305
Copy link
Contributor Author

If you think of something that works better I can definitely look into it more! From what I was able to find and try though, I couldn't find a way to make it "look right" and consistent for all percentages.

@johrstrom
Copy link
Contributor

Given what you have here, I'm not going to look into it anymore. I also couldn't get the text to be the right color on both the progress and the background.

@johrstrom johrstrom merged commit bf4ca93 into master Nov 18, 2024
25 checks passed
@johrstrom johrstrom deleted the status-percent branch November 18, 2024 20:36
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

system status in use not being displayed
3 participants