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

use flex layout to center modal

Browse Source
This commit is contained in:
Dick Choi
2016-07-19 13:28:18 +09:00
parent 890207daee
commit af7476f79a
2 changed files with 5 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
browser/main/global.styl
View File

@@ -65,6 +65,10 @@ modalBackColor = transparentify(white, 65%)
.ModalBase .ModalBase
fixed top left bottom right fixed top left bottom right
z-index modalZIndex z-index modalZIndex
display flex
align-items center
justify-content center
&.hide &.hide
display none display none
.modalBack .modalBack

2
browser/styles/index.styl
View File

@@ -123,7 +123,7 @@ $modal-border-radius = 5px
modal() modal()
position relative position relative
z-index $modal-z-index z-index $modal-z-index
margin $modal-margin width 100%
background-color $modal-background background-color $modal-background
overflow hidden overflow hidden
border-radius $modal-border-radius border-radius $modal-border-radius