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/StorageItem.styl
+++ b/browser/main/modals/PreferencesModal/StorageItem.styl
@@ -9,13 +9,17 @@
  box-sizing border-box
  border-bottom $default-border
  margin-bottom 5px
+  display flex

 .header-label
-  float left
  cursor pointer
  &:hover
    .header-label-editButton
      opacity 1
+  flex 1
+  white-space nowrap
+  text-overflow ellipsis
+  overflow hidden

 .header-label-path
  color $ui-inactive-text-color
@@ -38,8 +42,8 @@
  outline none

 .header-control
-  float right
-
+  -webkit-box-flex: 1
+  white-space nowrap
 .header-control-button
  width 30px
  height 25px