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

FolderItem/StorageItem: Use flex layout

Browse Source
This commit is contained in:
Brais Piñeiro
2018-09-23 11:13:45 +01:00
parent f1ae04fd07
commit 5dcd74b3b0
2 changed files with 11 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -2,6 +2,7 @@
height 35px height 35px
box-sizing border-box box-sizing border-box
padding 2.5px 15px padding 2.5px 15px
display flex
&:hover &:hover
background-color darken(white, 3%) background-color darken(white, 3%)
@@ -18,8 +19,7 @@
border-left solid 2px transparent border-left solid 2px transparent
padding 0 10px padding 0 10px
line-height 30px line-height 30px
float left flex 1
max-width calc(100% - 20px)
white-space nowrap white-space nowrap
text-overflow ellipsis text-overflow ellipsis
overflow hidden overflow hidden
@@ -56,7 +56,8 @@
outline none outline none
.folderItem-right .folderItem-right
float right -webkit-box-flex: 1
white-space nowrap
.folderItem-right-button .folderItem-right-button
vertical-align middle vertical-align middle

10
browser/main/modals/PreferencesModal/StorageItem.styl
View File

@@ -9,13 +9,17 @@
box-sizing border-box box-sizing border-box
border-bottom $default-border border-bottom $default-border
margin-bottom 5px margin-bottom 5px
display flex
.header-label .header-label
float left
cursor pointer cursor pointer
&:hover &:hover
.header-label-editButton .header-label-editButton
opacity 1 opacity 1
flex 1
white-space nowrap
text-overflow ellipsis
overflow hidden
.header-label-path .header-label-path
color $ui-inactive-text-color color $ui-inactive-text-color
@@ -38,8 +42,8 @@
outline none outline none
.header-control .header-control
float right -webkit-box-flex: 1
white-space nowrap
.header-control-button .header-control-button
width 30px width 30px
height 25px height 25px