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

4
browser/components/TodoListPercentage.js
View File

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

12
browser/components/TodoListPercentage.styl
View File

@@ -9,7 +9,6 @@
font-size: 12px font-size: 12px
z-index 100 z-index 100
border-radius 2px border-radius 2px
padding-left 10px
.progressBar .progressBar
background-color: #1EC38B background-color: #1EC38B
@@ -17,9 +16,18 @@
border-radius 2px border-radius 2px
transition 0.4s cubic-bezier(0.4, 0.4, 0, 1) 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 .percentageText
color #f4f4f4 color #f4f4f4
padding: 2px 43%
font-weight 600 font-weight 600
body[data-theme="dark"] body[data-theme="dark"]