FolderItem/StorageItem: Use flex layout

2025-12-13 09:46:22 +00:00 · 2018-09-23 11:13:45 +01:00
parent f1ae04fd07
commit 5dcd74b3b0
2 changed files with 11 additions and 6 deletions
--- a/browser/main/modals/PreferencesModal/FolderItem.styl
+++ b/browser/main/modals/PreferencesModal/FolderItem.styl
@@ -2,6 +2,7 @@
  height 35px
  box-sizing border-box
  padding 2.5px 15px
+  display flex
  &:hover
    background-color darken(white, 3%)

@@ -18,8 +19,7 @@
  border-left solid 2px transparent
  padding 0 10px
  line-height 30px
-  float left
-  max-width calc(100% - 20px)
+  flex 1
  white-space nowrap
  text-overflow ellipsis
  overflow hidden
@@ -56,7 +56,8 @@
  outline none

 .folderItem-right
-  float right
+  -webkit-box-flex: 1
+  white-space nowrap

 .folderItem-right-button
  vertical-align middle