public/Boostnote
1
0
Fork 0
mirror of https://github.com/BoostIo/Boostnote synced 2025-12-13 17:56:25 +00:00
Code Issues Releases Wiki Activity

progressBar padding修正

Browse Source
This commit is contained in:
Yutaka Ishii
2017-12-11 21:52:08 +09:00
parent 728f105830
commit 9e8d04d806
2 changed files with 13 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
browser/components/TodoListPercentage.js
View File

@@ -16,9 +16,11 @@ const TodoListPercentage = ({
}) => (
<div styleName='percentageBar' style={{display: isNaN(percentageOfTodo) ? 'none' : ''}}>
<div styleName='progressBar' style={{width: `${percentageOfTodo}%`}}>
<div styleName='progressBarInner'>
<p styleName='percentageText'>{percentageOfTodo}%</p>
</div>
</div>
</div>
)
TodoListPercentage.propTypes = {

12
browser/components/TodoListPercentage.styl
View File

@@ -9,7 +9,6 @@
font-size: 12px
z-index 100
border-radius 2px
padding-left 10px
.progressBar
background-color: #1EC38B
@@ -17,9 +16,18 @@
border-radius 2px
transition 0.4s cubic-bezier(0.4, 0.4, 0, 1)
.progressBarInner
padding 0 10px
min-width 1px
height 100%
display -webkit-box
display box
justify-content center
align-items center
.percentageText
color #f4f4f4
padding: 2px 43%
font-weight 600
body[data-theme="dark"]