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

Move update notifier modal style to the component (#486)

Browse Source 
Currently, the modal style style used in this component was declared in
`components/_modal.scss`, however since this srule is very specific to
the update notifier component, its better declared in
`update-notifier/styles`.

Signed-off-by: Juan Cruz Viotti <jviottidc@gmail.com>
This commit is contained in:
Juan Cruz Viotti 2016-06-15 11:26:38 -04:00 committed by GitHub
parent 52f47d7b61
commit df24388c3d
4 changed files with 19 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
build/css/main.css
View File

@ -6221,12 +6221,6 @@ button.btn:focus, button.progress-button:focus {
.modal-open { .modal-open {
padding-right: 0 !important; } padding-right: 0 !important; }
.modal-fat-and-short {
width: 400px;
margin-top: -10px; }
.modal-fat-and-short .modal-content {
height: 245px; }
.modal-footer { .modal-footer {
flex-grow: 0; flex-grow: 0;
border: 0; } border: 0; }
@ -6307,6 +6301,12 @@ button.btn:focus, button.progress-button:focus {
padding: 30px 35px; padding: 30px 35px;
overflow: hidden; } overflow: hidden; }
.modal-update-notifier {
width: 400px;
margin-top: -10px; }
.modal-update-notifier .modal-content {
height: 245px; }
.update-notifier-modal-body__content { .update-notifier-modal-body__content {
padding-bottom: 15px; padding-bottom: 15px;
margin-bottom: 25px; margin-bottom: 25px;

2
lib/gui/components/update-notifier/services/update-notifier.js
View File

@ -83,7 +83,7 @@ module.exports = function($uibModal, UPDATE_NOTIFIER_SLEEP_TIME, ManifestBindSer
animation: true, animation: true,
templateUrl: './components/update-notifier/templates/update-notifier-modal.tpl.html', templateUrl: './components/update-notifier/templates/update-notifier-modal.tpl.html',
controller: 'UpdateNotifierController as modal', controller: 'UpdateNotifierController as modal',
size: 'fat-and-short' size: 'update-notifier'
}).result; }).result;
}; };

12
lib/gui/components/update-notifier/styles/_update-notifier.scss
View File

@ -19,6 +19,18 @@
overflow: hidden; overflow: hidden;
} }
.modal-update-notifier {
width: 400px;
// Move it a bit to the top for
// aesthetic reasons
margin-top: -10px;
.modal-content {
height: 245px;
}
}
.update-notifier-modal-body__content { .update-notifier-modal-body__content {
@extend .text-center; @extend .text-center;

12
lib/gui/scss/components/_modal.scss
View File

@ -93,18 +93,6 @@
padding-right: 0 !important; padding-right: 0 !important;
} }
.modal-fat-and-short {
width: 400px;
// Move it a bit to the top for
// aesthetic reasons
margin-top: -10px;
.modal-content {
height: 245px;
}
}
.modal-footer { .modal-footer {
flex-grow: 0; flex-grow: 0;
border: 0; border: 0;