From 5e92cf33c53efcba6dd3fa8ed950098c237d651f Mon Sep 17 00:00:00 2001 From: Bas Brands Date: Thu, 3 May 2018 09:34:40 +0200 Subject: [PATCH 1/1] MDL-62151 Theme boost: mod_chat styles --- mod/chat/styles.css | 4 ++-- theme/boost/scss/moodle/chat.scss | 30 ++++++++++++++++++------------ 2 files changed, 20 insertions(+), 14 deletions(-) diff --git a/mod/chat/styles.css b/mod/chat/styles.css index 154a7f5bca9..b90e99c34f4 100644 --- a/mod/chat/styles.css +++ b/mod/chat/styles.css @@ -93,11 +93,11 @@ } .path-mod-chat .yui-layout-unit-right { - background: #ffd46b; + background: #fff; } .path-mod-chat .yui-layout-unit-bottom { - background: #ffcb44; + background: #fff; } .path-mod-chat .yui-layout .yui-layout-hd { diff --git a/theme/boost/scss/moodle/chat.scss b/theme/boost/scss/moodle/chat.scss index 3d4ea5adb4e..988b6e82a0e 100644 --- a/theme/boost/scss/moodle/chat.scss +++ b/theme/boost/scss/moodle/chat.scss @@ -13,32 +13,37 @@ .yui-layout-unit-right, .yui-layout-unit-bottom { - @extend .card; - @extend .card-block; border-radius: 0; } .yui-layout-unit div.yui-layout-bd { background-color: transparent; } - + .yui-layout-unit.yui-layout-unit-center div.yui-layout-bd { + background-color: $gray-100; + } + // Override the default padding added by function $OUTPUT->box(); + #chat-input-area.py-3 { + @extend .p-0; + } #chat-input-area table.generaltable, #chat-input-area table.generaltable td.cell { border: 0; padding: 3px 15px; white-space: nowrap; + margin-bottom: 0; } #chat-userlist { padding: 10px 5px; #users-list { - border-top: 1px solid #ddd; + border-top: 1px solid $gray-300; border-bottom: 1px solid $body-bg; li { border-top: 1px solid $body-bg; - border-bottom: 1px solid #ddd; + border-bottom: 1px solid $gray-300; padding: 5px 10px; } @@ -58,23 +63,24 @@ text-align: center; margin: 10px 0; font-size: $font-size-sm; - color: #777; + color: $gray-700; } .chat-message.course-theme { - @extend .card; - @extend .card-block; - background-color: $card-bg !important; /* stylelint-disable declaration-no-important */ + margin-bottom: $card-spacer-y; + @include border-radius($card-border-radius); + border: $card-border-width solid $card-border-color; + padding: $card-spacer-x; .time { float: right; font-size: 11px; - color: #777; + color: $gray-700; } } - .mdl-chat-my-entry .chat-message.course-theme { - background-color: #f6f6f6; + .chat-message.course-theme { + background-color: $white; .user { font-weight: bold; -- 2.43.0