infrastructure/devfund-donation-box
0
1
Fork 0
Code Issues Pull Requests Projects Releases 3 Wiki Activity

UI: Devfund-donation-box Web Assets v2 upgrade #1

Merged
Márton Lente merged 26 commits from ui/web-assets-v2-upgrade into main 2024-11-04 12:49:39 +01:00
Conversation 0 Commits 26 Files Changed 18 +22 -11
5 changed files with 22 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit d76ccf9265 - Show all commits

4
dist/donation-box-message.html vendored
View File

File diff suppressed because one or more lines are too long

4
dist/donation-box.html vendored
View File

File diff suppressed because one or more lines are too long

2
main-donation-box-message.html
View File

@ -132,7 +132,7 @@
</div> </div>
<div class="donate-row"> <div class="donate-row">
<div class="d-flex position-relative"> <div class="d-flex position-relative">
<div class="align-items-center d-flex h-100 position-absolute ps-5 start-0 top-0 z-2"> <div class="align-items-center d-flex h-100 position-absolute ps-3 start-0 top-0 z-2">
<span class="fs-4 js-value-symbol text-color-primary">€</span> <span class="fs-4 js-value-symbol text-color-primary">€</span>
</div> </div>
<input class="form-control input-one-time-donate js-input-one-time-donate text-center" min="5" max="999999" type="number"> <input class="form-control input-one-time-donate js-input-one-time-donate text-center" min="5" max="999999" type="number">

2
main-donation-box.html
View File

@ -77,7 +77,7 @@
<h2 class="mb-5">Donate, just <strong>once</strong></h2> <h2 class="mb-5">Donate, just <strong>once</strong></h2>
<div class="donate-row pb-4"> <div class="donate-row pb-4">
<div class="d-flex position-relative"> <div class="d-flex position-relative">
<div class="align-items-center d-flex h-100 position-absolute ps-5 start-0 top-0 z-2"> <div class="align-items-center d-flex h-100 position-absolute ps-3 start-0 top-0 z-2">
<span class="fs-4 js-value-symbol text-color-primary">€</span> <span class="fs-4 js-value-symbol text-color-primary">€</span>
</div> </div>
<input class="form-control input-one-time-donate js-input-one-time-donate text-center" min="5" max="999999" type="number"> <input class="form-control input-one-time-donate js-input-one-time-donate text-center" min="5" max="999999" type="number">

21
sass/custom.sass
View File

@ -153,11 +153,14 @@ input
.btn .btn
transition: all var(--transition-speed-slow) transition: all var(--transition-speed-slow)
.btn-lg,
.form-control
padding-bottom: calc(var(--spacer) * .75) !important
padding-top: calc(var(--spacer) * .75) !important
.btn-lg .btn-lg
font-size: var(--fs-h4) font-size: var(--fs-h4)
line-height: calc(var(--spacer) * 1.25) !important line-height: calc(var(--spacer) * 1.25) !important
padding-bottom: calc(var(--spacer) * 2) !important
padding-top: calc(var(--spacer) * 2) !important
.btn-link .btn-link
border: 2px solid var(--btn-color) !important border: 2px solid var(--btn-color) !important
@ -193,7 +196,7 @@ input
.btn-row-tabbed .btn-row-tabbed
background-color: var(--btn-color-bg) background-color: var(--btn-color-bg)
+padding(2) +padding(1)
.btn-primary .btn-primary
--btn-color-bg: var(--color-accent) --btn-color-bg: var(--color-accent)
@ -238,14 +241,22 @@ input
grid-template-columns: 1fr 2fr grid-template-columns: 1fr 2fr
.form-control .form-control
height: auto
&.input-one-time-donate &.input-one-time-donate
color: var(--color-accent) color: var(--color-accent)
&:focus &:focus
color: var(--color-accent) color: var(--color-accent)
select
&.form-control
font-size: var(--fs-sm)
height: auto
line-height: var(--spacer)
padding: var(--spacer-1) var(--spacer-2) !important
&:hover
cursor: pointer
.img-badge .img-badge
height: calc(var(--spacer) * 4) height: calc(var(--spacer) * 4)
min-width: calc(var(--spacer) * 4) min-width: calc(var(--spacer) * 4)