From 647087560b3c4c5ef56670b805862a38d10b0b01 Mon Sep 17 00:00:00 2001 From: alex Date: Mon, 22 Feb 2016 10:37:37 +0300 Subject: [PATCH] refactor(toastr, menu, taginput): little fixes --- src/sass/app/_form.scss | 1 + src/sass/app/_notifications.scss | 39 ++++++++++++++++++++++---------- src/sass/theme/_buttons.scss | 6 ++--- 3 files changed, 31 insertions(+), 15 deletions(-) diff --git a/src/sass/app/_form.scss b/src/sass/app/_form.scss index 8844cb4..17e6432 100644 --- a/src/sass/app/_form.scss +++ b/src/sass/app/_form.scss @@ -517,6 +517,7 @@ label.custom-input-danger { input { line-height: 22px; font-size: 11px; + min-width: 53px; } } diff --git a/src/sass/app/_notifications.scss b/src/sass/app/_notifications.scss index ae9193b..6b32de3 100644 --- a/src/sass/app/_notifications.scss +++ b/src/sass/app/_notifications.scss @@ -1,14 +1,14 @@ -.control{ +.control { margin-bottom: 10px; - .form-control{ + .form-control { width: 75%; } - span{ + span { white-space: pre-line; } } -.notification-panel{ +.notification-panel { .control, .radio, label, @@ -18,33 +18,48 @@ } } - @media (max-width: 991px) { .toastr-radio-setup { margin-left: 22px; } } -.radio-header{ + +.radio-header { margin-bottom: 0; - &.position-header{ + &.position-header { margin-top: 15px; } } -.button-row{ +.button-row { line-height: 37px; - button{ + button { width: 125px; } } -.result-toastr{ + +.result-toastr { border-radius: 5px; color: rgba(255, 255, 255, 0.9); background-color: rgba(0, 0, 0, 0.33); border: none; } -.timeout-sub-label{ +.timeout-sub-label { margin-top: 5px; -} \ No newline at end of file +} + +.toast-title { + font-weight: $font-normal; +} + +.toast-message { + font-weight: $font-light; +} + +#toast-container.toast-top-center, #toast-container.toast-bottom-center{ + .toast{ + margin-bottom: 5px; + } +} diff --git a/src/sass/theme/_buttons.scss b/src/sass/theme/_buttons.scss index 6762f9d..351a55d 100644 --- a/src/sass/theme/_buttons.scss +++ b/src/sass/theme/_buttons.scss @@ -37,8 +37,8 @@ $hover: 24; .open > .dropdown-toggle { &.btn.btn-primary { @include styleButton($primary, $primary - $hover); - background-color: $primary-bg; - border-color: $primary-bg; + background-color: $primary-dark; + border-color: $primary-dark; } &.btn-default { @include styleButton(transparent, $default); @@ -64,7 +64,7 @@ $hover: 24; button.btn.btn-primary { @include buttonColor($primary, $primary); &:active, &:target { - background-color: $primary-bg; + background-color: $primary-dark; } }