From baf225ad3ab37f3a1018175ff59f530b79cc75cc Mon Sep 17 00:00:00 2001 From: johnnyqbui Date: Wed, 30 Nov 2016 17:14:03 -0600 Subject: [PATCH] Remove reset progress animations, changed color and increase size of delete account buttons --- client/less/main.less | 51 ++++++++++++++++++++++++ server/views/account/delete.jade | 2 +- server/views/account/reset-progress.jade | 2 +- 3 files changed, 53 insertions(+), 2 deletions(-) diff --git a/client/less/main.less b/client/less/main.less index e1400a0ad38..c5e88957491 100644 --- a/client/less/main.less +++ b/client/less/main.less @@ -1145,6 +1145,57 @@ and (max-width : 400px) { -webkit-overflow-scrolling: touch; } +// Reset/Delete Account Modal Styles +.modal-dialog { + margin: 80px; + + .modal-content { + background-color: #f9f9f9; + } + + .modal-header .close { + font-size: 30px; + padding-left: 10px; + margin-top: 22px; + } + + .modal-header { + text-align: center; + padding: 5px 20px; + } + + .modal-footer { + .spacer { + padding: 8px 0 8px 0; + } + + .btn { + padding: 12px; + } + + .btn-success { + color: darkgreen; + border-color: darkgreen; + } + + .btn-success:hover, + .btn-success:focus, + .btn-success:active { + color: #eee; + background-color: #208e36; + border-color: darkgreen; + } + } +} + +@media (min-width: 768px) { + .modal-dialog { + width: 620px; + margin: 150px auto; + } +} + + @import "chat.less"; @import 'code-mirror.less'; @import "challenge.less"; diff --git a/server/views/account/delete.jade b/server/views/account/delete.jade index 845658b1bae..d53b125ae7c 100644 --- a/server/views/account/delete.jade +++ b/server/views/account/delete.jade @@ -1,7 +1,7 @@ extends ../layout block content include ../partials/flyer - #modal-dialog.modal.animated.wobble + #modal-dialog.modal .modal-dialog .modal-content .modal-header diff --git a/server/views/account/reset-progress.jade b/server/views/account/reset-progress.jade index 40311da1972..6e11edca626 100644 --- a/server/views/account/reset-progress.jade +++ b/server/views/account/reset-progress.jade @@ -1,7 +1,7 @@ extends ../layout block content include ../partials/flyer - #modal-dialog.modal.animated.wobble + #modal-dialog.modal .modal-dialog .modal-content .modal-header