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

Fix layout at preference modal

Browse Source
This commit is contained in:
Kazu Yokomizo
2017-09-22 15:13:34 +09:00
parent 4ebd503664
commit bf4c9f920a
5 changed files with 13 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
browser/main/global.styl
View File

@@ -64,7 +64,7 @@ textarea.block-input
fullsize() fullsize()
modalZIndex= 1000 modalZIndex= 1000
modalBackColor = transparentify(white, 65%) modalBackColor = white
.ace_focus .ace_focus
outline-color rgb(59, 153, 252) outline-color rgb(59, 153, 252)
outline-offset 0px outline-offset 0px
@@ -86,7 +86,7 @@ modalBackColor = transparentify(white, 65%)
body[data-theme="dark"] body[data-theme="dark"]
.ModalBase .ModalBase
.modalBack .modalBack
background-color alpha(black, 60%) background-color $ui-dark-backgroundColor
.CodeMirror .CodeMirror
font-family inherit !important font-family inherit !important

7
browser/main/modals/PreferencesModal/InfoTab.js
View File

@@ -97,9 +97,10 @@ class InfoTab extends React.Component {
</ul> </ul>
<hr /> <hr />
<div styleName='policy'>Data collection policy</div> <div styleName='policy'>Data collection policy</div>
<p>We collect only the number of DAU for Boostnote and DO NOT collect any detail information</p> <div>We collect only the number of DAU for Boostnote and **DO NOT collect** any detail information such as your note content.</div>
<p>such as your note content. You can see how it works on <a href='https://github.com/BoostIO/Boostnote' onClick={(e) => this.handleLinkClick(e)}>GitHub</a>.</p> <div>You can see how it works on <a href='https://github.com/BoostIO/Boostnote' onClick={(e) => this.handleLinkClick(e)}>GitHub</a>.</div>
<p>These data are only used for Boostnote improvements.</p> <div>　</div>
<div>These data are only used for Boostnote improvements.</div>
<input onChange={(e) => this.handleConfigChange(e)} <input onChange={(e) => this.handleConfigChange(e)}
checked={this.state.config.amaEnabled} checked={this.state.config.amaEnabled}
ref='amaEnabled' ref='amaEnabled'

1
browser/main/modals/PreferencesModal/InfoTab.styl
View File

@@ -43,6 +43,7 @@
text-decoration none text-decoration none
.policy .policy
width 100%
font-size 20px font-size 20px
margin-bottom 10px margin-bottom 10px

7
browser/main/modals/PreferencesModal/PreferencesModal.styl
View File

@@ -4,9 +4,10 @@ top-bar--height = 50px
.root .root
modal() modal()
max-width 800px max-width 100vw
min-height 500px min-height 100vh
height 80% height 100vh
width 100vw
overflow hidden overflow hidden
position relative position relative

4
browser/styles/index.styl
View File

@@ -150,10 +150,11 @@ modal()
position relative position relative
z-index $modal-z-index z-index $modal-z-index
width 100% width 100%
margin-left 40px
margin-right 40px
background-color $modal-background background-color $modal-background
overflow hidden overflow hidden
border-radius $modal-border-radius border-radius $modal-border-radius
box-shadow 0 0 1px rgba(76,86,103,.15), 0 2px 18px rgba(31,37,50,.22)
topBarButtonLight() topBarButtonLight()
width 34px width 34px
@@ -260,4 +261,3 @@ modalDark()
background-color $ui-dark-backgroundColor background-color $ui-dark-backgroundColor
overflow hidden overflow hidden
border-radius $modal-border-radius border-radius $modal-border-radius
box-shadow 2px 2px 10px black