jeans/etcher
jeans/etcher
1
0
Fork 0
mirror of https://github.com/balena-io/etcher.git synced 2025-07-28 05:36:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(GUI): wrap long words in drivelist (#882)

Browse Source 
Drives with long names or descriptions expand outside the drivelist,
this commit fixes that using CSS `word-break: break-all`.

Change-Type: patch
Changelog-Entry: Wrap drive names and descriptions in the drive selector widget.
This commit is contained in:
Benedict Aas 2016-11-18 17:28:10 +00:00 committed by Juan Cruz Viotti
parent 8d44c9b86c
commit 18799d4274
2 changed files with 15 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
build/css/main.css
View File

@ -6410,6 +6410,10 @@ body {
.component-drive-selector-body .list-group-item-footer { .component-drive-selector-body .list-group-item-footer {
margin-top: 8px; } margin-top: 8px; }
.component-drive-selector-body .list-group-item-heading,
.component-drive-selector-body .list-group-item-text {
word-break: break-all; }
/* /*
* Copyright 2016 resin.io * Copyright 2016 resin.io
* *

11
lib/gui/components/drive-selector/styles/_drive-selector.scss
View File

@ -19,6 +19,15 @@
height: 320px; height: 320px;
} }
.component-drive-selector-body .list-group-item-footer { .component-drive-selector-body {
.list-group-item-footer {
margin-top: 8px; margin-top: 8px;
} }
.list-group-item-heading,
.list-group-item-text {
word-break: break-all;
}
}