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.

Sign up for GitHub

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

Minor GUI improvements and bugfixes. #495

Merged
merged 17 commits into from
Nov 2, 2024
Merged

Minor GUI improvements and bugfixes. #495

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
17 commits
Select commit Hold shift + click to select a range
c21acdb
Just renaming some classes.
jholdstock Oct 29, 2024
29555a0
Reorganize file + add comments. No functional changes.
jholdstock Oct 29, 2024
006de31
Hide checkboxes with bootstrap classes.
jholdstock Oct 29, 2024
cb75f10
Dont use text-muted.
jholdstock Oct 29, 2024
6651468
Rename orange.
jholdstock Oct 29, 2024
2ac5f20
Select radio inputs more specifically.
jholdstock Oct 29, 2024
297cf84
Specify .collapsible-tab-wrapper
jholdstock Oct 29, 2024
15cd350
Use bootstrap to hide list bullets.
jholdstock Oct 29, 2024
13e388e
Redo footer.
jholdstock Oct 29, 2024
fd14096
Redo navbar
jholdstock Oct 29, 2024
68251c6
Use bootstrap for pretty search input. Change fonts.
jholdstock Oct 29, 2024
c29a6db
<hr> to split search input from search result.
jholdstock Oct 29, 2024
de902b0
Name <section>
jholdstock Oct 29, 2024
3ff8aa8
Final cleanup. Fix bugs. Update bootstrap.
jholdstock Nov 1, 2024
d8707a5
Footer in bootstrap container (fix for ultrawide).
jholdstock Nov 1, 2024
d184b8e
Login form style.
jholdstock Nov 1, 2024
ffd357b
Fix ultra-narrow footer.
jholdstock Nov 1, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
44 changes: 28 additions & 16 deletions internal/webapi/public/css/vspd.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -79,30 +79,42 @@ body {
*/

.vsp-footer {
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin: 0;
font-size: 0.8rem;
background-color: #091440;
flex-shrink: 0;
line-height: 1.2rem;
font-size: 0.8rem;
position: relative;
background-color: #091440;
color: #8997a5;
width: 100%;
}

.vsp-footer-left,
.vsp-footer-right {
display: flex;
justify-content: center;
align-items: center;
.vsp-footer-bg-left,
.vsp-footer-bg-right {
position: absolute;
height: 100%;
}

.vsp-footer-bg-right {
right: 0;
bottom: 0;
background-color: #202a52;
}

@media (max-width: 768px) {
Copy link
Member

Choose a reason for hiding this comment

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

I was wondering why this was removed in an earlier commit with no replacement!

.vsp-footer-bg-left,
.vsp-footer-bg-right {
height: 50%;
}
}

.vsp-footer-left {
background-color: #091440;
}

.vsp-footer-right {
background-color: rgba(237,239,241,.1);
text-align: right;
color: #8997a5;
background-color: #202a52;
/* Top & bottom padding to ensure right is same height as left despite
having one less line of text */
padding-top: 0.6rem;
padding-bottom: 0.6rem;
}

/*
Expand Down
13 changes: 10 additions & 3 deletions internal/webapi/templates/footer.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,8 +2,13 @@

</div> <!-- vsp-page-content -->

<footer class="vsp-footer">
<div class="vsp-footer-left col-md-8 col-12">
<footer class="vsp-footer flex-md-row flex-row-reverse">
<div class="vsp-footer-bg-left d-none d-sm-block col-md-6 col-12"></div>
<div class="vsp-footer-bg-right d-none d-sm-block col-md-6 col-12"></div>

<div class="container d-flex flex-wrap px-0 px-sm-2 mx-0 mx-sm-auto">

<div class="vsp-footer-left col-md-8 col-12 justify-content-center justify-content-md-start px-0">
<p class="py-4 m-0">
<strong>Stats&nbsp;updated:</strong>&nbsp;{{ timeAgo .WebApiCache.UpdateTime }}
<br />
Expand All @@ -13,13 +18,15 @@
</p>
</div>

<div class="vsp-footer-right col-md-4 col-12 text-center text-md-right">
<div class="vsp-footer-right col-md-4 col-12 justify-content-center justify-content-md-end text-center text-md-right px-0">
<p class="py-4 m-0">
Decred Developers | 2020-2024
<br />
The source code is available on <a href="https://github.com/decred/vspd" target="_blank" rel="noopener noreferrer">GitHub</a>
</p>
</div>

</div>
</footer>

</body>
Expand Down