From ae8e9c3dfd0f8606064f29d56141b0b3fe35cdef Mon Sep 17 00:00:00 2001 From: Asaad Mahmood Date: Fri, 11 Sep 2015 11:41:16 +0500 Subject: Updating UI for modals and notification bar --- web/sass-files/sass/partials/_modal.scss | 3 ++- web/sass-files/sass/partials/_sidebar--left.scss | 2 +- 2 files changed, 3 insertions(+), 2 deletions(-) (limited to 'web/sass-files/sass/partials') diff --git a/web/sass-files/sass/partials/_modal.scss b/web/sass-files/sass/partials/_modal.scss index d32306cbc..a046cd904 100644 --- a/web/sass-files/sass/partials/_modal.scss +++ b/web/sass-files/sass/partials/_modal.scss @@ -123,6 +123,7 @@ } .more-channel-table { margin: 0; + table-layout: fixed; p { font-size: 0.9em; overflow: hidden; @@ -154,7 +155,7 @@ &.td--action { text-align: right; padding: 8px 15px 8px 8px; - width: 70px; + width: 80px; vertical-align: middle; } } diff --git a/web/sass-files/sass/partials/_sidebar--left.scss b/web/sass-files/sass/partials/_sidebar--left.scss index 0a504b765..63426dae9 100644 --- a/web/sass-files/sass/partials/_sidebar--left.scss +++ b/web/sass-files/sass/partials/_sidebar--left.scss @@ -49,7 +49,7 @@ left: 0; right: 0; width: 72%; - color: #777; + color: #fff; background: #2389D7; @include border-radius(50px); margin: 0 auto; -- cgit v1.2.3-1-g7c22 From 45b859ca7485d84ecb6daf110c7f089be197cf4c Mon Sep 17 00:00:00 2001 From: Asaad Mahmood Date: Mon, 14 Sep 2015 14:19:31 +0500 Subject: PLT-217 - Improving horizontal scrollbar in LHS menu --- web/sass-files/sass/partials/_headers.scss | 2 ++ web/sass-files/sass/partials/_sidebar--left.scss | 5 ++++- 2 files changed, 6 insertions(+), 1 deletion(-) (limited to 'web/sass-files/sass/partials') diff --git a/web/sass-files/sass/partials/_headers.scss b/web/sass-files/sass/partials/_headers.scss index c311941b6..e83981397 100644 --- a/web/sass-files/sass/partials/_headers.scss +++ b/web/sass-files/sass/partials/_headers.scss @@ -145,6 +145,8 @@ li a { padding: 3px 20px; color: #555; + text-overflow: ellipsis; + overflow: hidden; } } .dropdown__icon { diff --git a/web/sass-files/sass/partials/_sidebar--left.scss b/web/sass-files/sass/partials/_sidebar--left.scss index 63426dae9..e5faff9f8 100644 --- a/web/sass-files/sass/partials/_sidebar--left.scss +++ b/web/sass-files/sass/partials/_sidebar--left.scss @@ -12,7 +12,10 @@ } .dropdown-menu { max-height: 300px; - overflow: auto; + overflow-x: hidden; + overflow-y: auto; + max-width: 200px; + width: 200px; } .search__form { margin: 0; -- cgit v1.2.3-1-g7c22 From 0ea0233c50dbccc498cb53481b9fdf18d027e5b2 Mon Sep 17 00:00:00 2001 From: Christopher Speller Date: Mon, 14 Sep 2015 13:56:58 -0400 Subject: New add channel modal using react-bootstrap. --- web/sass-files/sass/partials/_forms.scss | 33 ++++++++++++++++++++++++++++++++ 1 file changed, 33 insertions(+) create mode 100644 web/sass-files/sass/partials/_forms.scss (limited to 'web/sass-files/sass/partials') diff --git a/web/sass-files/sass/partials/_forms.scss b/web/sass-files/sass/partials/_forms.scss new file mode 100644 index 000000000..268576a98 --- /dev/null +++ b/web/sass-files/sass/partials/_forms.scss @@ -0,0 +1,33 @@ +.form-horizontal { + .modal-intro { + margin: -10px 0 30px; + } + .form__label { + text-align: left; + padding-right: 3px; + font-weight: bold; + font-size: 1.1em; + &.light { + color: #999; + font-size: 1.05em; + font-style: italic; + padding-top: 2px; + } + } + .input__help { + color: #777; + margin: 10px 0 0 10px; + &.error { + color: #a94442; + } + } + .form-control { + font-weight: normal; + } + .form-group { + margin-bottom: 25px; + &.less { + margin-bottom: 10px; + } + } +} -- cgit v1.2.3-1-g7c22