jeans/etcher
jeans/etcher
1
0
Fork 0
mirror of https://github.com/balena-io/etcher.git synced 2025-07-19 09:16:38 +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 {
padding-right: 0 !important; }
.modal-fat-and-short {
width: 400px;
margin-top: -10px; }
.modal-fat-and-short .modal-content {
height: 245px; }
.modal-footer {
flex-grow: 0;
border: 0; }
@ -6307,6 +6301,12 @@ button.btn:focus, button.progress-button:focus {
padding: 30px 35px;
overflow: hidden; }
.modal-update-notifier {
width: 400px;
margin-top: -10px; }
.modal-update-notifier .modal-content {
height: 245px; }
.update-notifier-modal-body__content {
padding-bottom: 15px;
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,
templateUrl: './components/update-notifier/templates/update-notifier-modal.tpl.html',
controller: 'UpdateNotifierController as modal',
size: 'fat-and-short'
size: 'update-notifier'
}).result;
};

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

@ -19,6 +19,18 @@
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 {
@extend .text-center;

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

@ -93,18 +93,6 @@
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 {
flex-grow: 0;
border: 0;