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

Move drive selector warning labels below the drive (#483)

Browse Source 
Signed-off-by: Juan Cruz Viotti <jviottidc@gmail.com>
This commit is contained in:
Juan Cruz Viotti 2016-06-15 11:25:50 -04:00 committed by GitHub
parent 8aa7bcd952
commit a5fbe40b2d
3 changed files with 9 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
build/css/main.css
View File

@ -6448,8 +6448,8 @@ button.btn:focus, button.progress-button:focus {
* See the License for the specific language governing permissions and * See the License for the specific language governing permissions and
* limitations under the License. * limitations under the License.
*/ */
.component-drive-selector-body .list-group-item-header { .component-drive-selector-body .list-group-item-footer {
margin-bottom: 8px; } margin-top: 8px; }
.component-drive-selector-body .list-group-item[disabled] .list-group-item-heading { .component-drive-selector-body .list-group-item[disabled] .list-group-item-heading {
color: #aaaaaa; } color: #aaaaaa; }

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

@ -14,8 +14,8 @@
* limitations under the License. * limitations under the License.
*/ */
.component-drive-selector-body .list-group-item-header { .component-drive-selector-body .list-group-item-footer {
margin-bottom: 8px; margin-top: 8px;
} }
.component-drive-selector-body .list-group-item[disabled] .list-group-item-heading { .component-drive-selector-body .list-group-item[disabled] .list-group-item-heading {

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

@ -9,7 +9,10 @@
ng-disabled="!modal.state.isDriveValid(drive)" ng-disabled="!modal.state.isDriveValid(drive)"
ng-click="modal.state.isDriveValid(drive) && modal.state.toggleSetDrive(drive)"> ng-click="modal.state.isDriveValid(drive) && modal.state.toggleSetDrive(drive)">
<div> <div>
<header class="list-group-item-header"> <h4 class="list-group-item-heading">{{ drive.description }} - {{ drive.size | gigabyte | number:1 }} GB</h4>
<p class="list-group-item-text">{{ drive.name }}</p>
<footer class="list-group-item-footer">
<!-- There can be a case where the device it not large enough, and it's also locked. --> <!-- There can be a case where the device it not large enough, and it's also locked. -->
<!-- Since in this case both labels will be displayed, we chose to only show the --> <!-- Since in this case both labels will be displayed, we chose to only show the -->
@ -26,9 +29,7 @@
<i class="glyphicon glyphicon-lock"></i> <i class="glyphicon glyphicon-lock"></i>
LOCKED</span> LOCKED</span>
</header> </footer>
<h4 class="list-group-item-heading">{{ drive.description }} - {{ drive.size | gigabyte | number:1 }} GB</h4>
<p class="list-group-item-text">{{ drive.name }}</p>
</div> </div>
<span class="tick tick--success" <span class="tick tick--success"
ng-show="modal.state.isDriveValid(drive)" ng-show="modal.state.isDriveValid(drive)"