Skip to content

Commit

Permalink
Clean up media files (#1975)
Browse files Browse the repository at this point in the history
* Clean up media files

* Update CHANGELOG.md
  • Loading branch information
Corina committed May 9, 2019
1 parent a91c233 commit 174903d
Show file tree
Hide file tree
Showing 12 changed files with 10 additions and 11 deletions.
6 changes: 3 additions & 3 deletions CHANGELOG.md
Original file line number Diff line number Diff line change
Expand Up @@ -28,9 +28,9 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.
- [`react-scripts@3.0.0`](https://npmjs.com/package/react-scripts/),
- [`webpack@4.30.0`](https://npmjs.com/package/webpack/), by [@corinagum](https://github.com/corinagum), in PR [#1965](https://github.com/Microsoft/BotFramework-WebChat/pull/1965)

<!-- ### Fixed
- Fix [#XXX](https://github.com/Microsoft/BotFramework-WebChat/issues/XXX). Patched something, by [@johndoe](https://github.com/johndoe) in PR [#XXX](https://github.com/Microsoft/BotFramework-WebChat/pull/XXX)
-->
### Fixed
- Fix [#1974](https://github.com/Microsoft/BotFramework-WebChat/issues/1974). Update `/docs/` folder to `/media/` and delete unused images, by [@corinagum](https://github.com/corinagum) in PR [#1975](https://github.com/Microsoft/BotFramework-WebChat/pull/1975)


## [4.4.1] - 2019-05-02

Expand Down
5 changes: 2 additions & 3 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
# ![Bot Framework Web Chat](./docs/media/BotFrameworkWebChat_header.png)
# ![Bot Framework Web Chat](./media/BotFrameworkWebChat_header.png)

### [Click here to find out what's new for //build2019!](https://github.com/Microsoft/botframework/blob/master/whats-new.md#whats-new)

Expand Down Expand Up @@ -64,8 +64,7 @@ Here is how how you can add Web Chat control to your website:
</html>
```
> `userID`, `username`, `locale`, `botAvatarInitials`, and `userAvatarInitials` are all optional parameters to pass into the `renderWebChat` method. To learn more about Web Chat props, look at the [Web Chat API Reference](#web-chat-api-reference) section of this `README`.
![Screenshot of Web Chat](https://raw.githubusercontent.com/Microsoft/BotFramework-WebChat/master/docs/weatherquery.png.jpg)
![Screenshot of Web Chat](https://raw.githubusercontent.com/Microsoft/BotFramework-WebChat/master/media/weatherquery.png.jpg)

## Integrate with JavaScript

Expand Down
10 changes: 5 additions & 5 deletions SAMPLES.md
Original file line number Diff line number Diff line change
Expand Up @@ -48,13 +48,13 @@ It is now possible to adjust the size of the Web Chat container using `styleSetO
```
Here is the result:

<img alt="Web Chat with root height and root width set" src="https://raw.githubusercontent.com/Microsoft/BotFramework-WebChat/master/docs/rootHeightWidth.png" width="600"/>
<img alt="Web Chat with root height and root width set" src="https://raw.githubusercontent.com/Microsoft/BotFramework-WebChat/master/media/rootHeightWidth.png" width="600"/>

## Change font or color

Instead of using the default background color and the fonts used inside of the chat bubbles, you can customize those to match the style of the target web page. The code snippet below allows you to change the background color of messages from the user and from the bot.

<img alt="Screenshot with custom style options" src="https://raw.githubusercontent.com/Microsoft/BotFramework-WebChat/master/docs/sample-custom-style-options.png" width="396" />
<img alt="Screenshot with custom style options" src="https://raw.githubusercontent.com/Microsoft/BotFramework-WebChat/master/media/sample-custom-style-options.png" width="396" />

If you need to do some simple styling, you can set them via `styleOptions`. Style options are set of predefined styles that you can modify directly, and Web Chat will compute the whole stylesheet based on it.

Expand Down Expand Up @@ -85,7 +85,7 @@ If you need to do some simple styling, you can set them via `styleOptions`. Styl

In addition to colors, you can modify fonts used to render messages:

<img alt="Screenshot with custom style set" src="https://raw.githubusercontent.com/Microsoft/BotFramework-WebChat/master/docs/sample-custom-style-set.png" width="396" />
<img alt="Screenshot with custom style set" src="https://raw.githubusercontent.com/Microsoft/BotFramework-WebChat/master/media/sample-custom-style-set.png" width="396" />

For deeper styling, you can also modify the style set manually by setting the CSS rules directly.

Expand Down Expand Up @@ -125,7 +125,7 @@ For deeper styling, you can also modify the style set manually by setting the CS

The latest Web Chat support avatar, you can customize them using `botAvatarInitials` and `userAvatarInitials` props.

<img alt="Screenshot with avatar initials" src="https://raw.githubusercontent.com/Microsoft/BotFramework-WebChat/master/docs/sample-avatar-initials.png" width="396" />
<img alt="Screenshot with avatar initials" src="https://raw.githubusercontent.com/Microsoft/BotFramework-WebChat/master/media/sample-avatar-initials.png" width="396" />

```html
<!DOCTYPE html>
Expand Down Expand Up @@ -168,7 +168,7 @@ With the latest version of Web Chat, you can also render activities or attachmen

If you want to display a deck of GitHub repository cards, you can create a new React component for the GitHub repository and add it as a middleware for attachment.

<img alt="Screenshot with custom GitHub repository attachment" src="https://raw.githubusercontent.com/Microsoft/BotFramework-WebChat/master/docs/sample-custom-github-repository-attachment.png" width="396" />
<img alt="Screenshot with custom GitHub repository attachment" src="https://raw.githubusercontent.com/Microsoft/BotFramework-WebChat/master/media/sample-custom-github-repository-attachment.png" width="396" />

```jsx
import ReactWebChat from 'botframework-webchat';
Expand Down
Binary file removed docs/abs-logo.png
Binary file not shown.
Binary file removed docs/webchat-screenshot.png
Binary file not shown.
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes

0 comments on commit 174903d

Please sign in to comment.