jeans/etcher
jeans/etcher
1
0
Fork 0
mirror of https://github.com/balena-io/etcher.git synced 2025-07-23 19:26:33 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(GUI): don't break up size number in drive selector (#1467)

Browse Source 
We make the size number in the drive selector stay whole through
the `word-break: keep-all` CSS property, ensuring that it doesn't
partially overflow to the next line.

See: https://github.com/resin-io/etcher/issues/1437
Changelog-Entry: Don't break up size numbers in the drive selector.
This commit is contained in:
Benedict Aas 2017-05-26 12:36:32 +01:00 committed by Juan Cruz Viotti
parent 2e50ad802f
commit dcb152aa00
3 changed files with 10 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -78,5 +78,9 @@
font-size: 11px;
color: $palette-theme-light-soft-foreground;
}
.word-keep {
word-break: keep-all;
}
}

4
lib/gui/components/drive-selector/templates/drive-selector-modal.tpl.html
View File

@ -10,7 +10,9 @@
ng-dblclick="modal.selectDriveAndClose(drive)"
ng-click="modal.toggleDrive(drive)">
<div>
<h4 class="list-group-item-heading">{{ drive.description }} - {{ drive.size | gigabyte | number:1 }} GB</h4>
<h4 class="list-group-item-heading">{{ drive.description }} -
<span class="word-keep">{{ drive.size | gigabyte | number:1 }} GB</span>
</h4>
<p class="list-group-item-text">{{ drive.name }}</p>
<footer class="list-group-item-footer">

3
lib/gui/css/main.css
View File

@ -6410,6 +6410,9 @@ body {
font-size: 11px;
color: #b3b3b3; }
.modal-drive-selector-modal .word-keep {
word-break: keep-all; }
/*
* Copyright 2016 resin.io
*