Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Add text-overflow: ellipsis to FolderItem #2412

Merged
merged 2 commits into from
Sep 30, 2018
Merged

Add text-overflow: ellipsis to FolderItem #2412

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
f1ae04f
Add text-overflow: ellipsi to FolderItem. Fixes #2409
brapifra Sep 19, 2018
5dcd74b
FolderItem/StorageItem: Use flex layout
brapifra Sep 23, 2018
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
9 changes: 7 additions & 2 deletions browser/main/modals/PreferencesModal/FolderItem.styl
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,6 +2,7 @@
height 35px
box-sizing border-box
padding 2.5px 15px
display flex
&:hover
background-color darken(white, 3%)

Expand All @@ -18,7 +19,10 @@
border-left solid 2px transparent
padding 0 10px
line-height 30px
float left
flex 1
white-space nowrap
text-overflow ellipsis
overflow hidden
.folderItem-left-danger
color $danger-color
font-weight bold
Expand Down Expand Up @@ -52,7 +56,8 @@
outline none

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

.folderItem-right-button
vertical-align middle
Expand Down
10 changes: 7 additions & 3 deletions browser/main/modals/PreferencesModal/StorageItem.styl
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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
Expand All @@ -38,8 +42,8 @@
outline none

.header-control
float right

-webkit-box-flex: 1
white-space nowrap
.header-control-button
width 30px
height 25px
Expand Down