gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fix: Move progress label out of the progress bar

Browse Source
This commit is contained in:
Bouncey
2018-11-29 13:29:41 +00:00
committed by mrugesh mohapatra
parent 785f8ac384
commit 331ea3ebf9
2 changed files with 14 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
client/src/components/Supporters.js
View File

@ -16,11 +16,12 @@ function Supporters({ isDonating }) {
</FullWidthRow> </FullWidthRow>
<FullWidthRow> <FullWidthRow>
<div id='supporter-progress-wrapper'> <div id='supporter-progress-wrapper'>
<ProgressBar <ProgressBar max={10000} now={400} />
label={'4000 supporters out of 10,000 goal'} <div id='progress-label-wrapper'>
max={10000} <span className='progress-label'>
now={4000} 4000 supporters out of 10,000 goal
/> </span>
</div>
</div> </div>
</FullWidthRow> </FullWidthRow>
<FullWidthRow> <FullWidthRow>

7
client/src/components/supporters.css
View File

@ -1,7 +1,14 @@
#supporter-progress-wrapper .progress { #supporter-progress-wrapper .progress {
height: 38px; height: 38px;
margin-bottom: 0px;
} }
#supporter-progress-wrapper .progress-bar { #supporter-progress-wrapper .progress-bar {
padding-top: 8px; padding-top: 8px;
} }
#progress-label-wrapper {
text-align: left;
padding-left: 10px;
margin-bottom: 25px;
}