Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Small screen updates for copilot side panel #1230

Merged

Conversation

dehoward
Copy link
Contributor

@dehoward dehoward commented May 25, 2023

Motivation and Context

the copilot app should have a responsive UI on all screens. this PR adds a few changes to help with that.

Description

a couple of updates for the copilot app when viewed on a smaller screen:

  • only show bot icon
  • show basic card on chat list hover

also adds:

  • presence icon to bots in chat/history lists

Before

image

After

image

Contribution Checklist

@hathind-ms
Copy link
Contributor

Please add some before and after screenshots

@adrianwyatt adrianwyatt self-assigned this May 25, 2023
teresaqhoang
teresaqhoang previously approved these changes May 26, 2023
@hathind-ms hathind-ms merged commit 8dc695f into microsoft:main May 26, 2023
16 checks passed
@dehoward dehoward deleted the dehoward/copilot/side-panel-small-screen branch May 26, 2023 17:54
@dehoward dehoward restored the dehoward/copilot/side-panel-small-screen branch May 26, 2023 17:54
shawncal pushed a commit to shawncal/semantic-kernel that referenced this pull request Jul 6, 2023
### Motivation and Context
<!-- Thank you for your contribution to the semantic-kernel repo!
Please help reviewers and future users, providing the following
information:
  1. Why is this change required?
  2. What problem does it solve?
  3. What scenario does it contribute to?
  4. If it fixes an open issue, please link to the issue here.
-->
the copilot app should have a responsive UI on all screens. this PR adds
a few changes to help with that.

### Description
<!-- Describe your changes, the overall approach, the underlying design.
These notes will help understanding how your code works. Thanks! -->
a couple of updates for the copilot app when viewed on a smaller screen:
- only show bot icon
- show basic card on chat list hover

also adds:
- presence icon to bots in chat/history lists

### Before

![image](https://github.com/microsoft/semantic-kernel/assets/52973358/85605fb4-7125-4e8b-8620-84d0ec045808)

### After
<img width="380" alt="image"
src="https://github.com/microsoft/semantic-kernel/assets/52973358/6344112d-77f0-4fbb-b015-1fdcb7bca667">

### Contribution Checklist
<!-- Before submitting this PR, please make sure: -->
- [X] The code builds clean without any errors or warnings
- [X] The PR follows SK Contribution Guidelines
(https://github.com/microsoft/semantic-kernel/blob/main/CONTRIBUTING.md)
- [X] The code follows the .NET coding conventions
(https://learn.microsoft.com/dotnet/csharp/fundamentals/coding-style/coding-conventions)
verified with `dotnet format`
- [X] All unit tests pass, and I have added new tests where possible
- [X] I didn't break anyone 😄

---------

Co-authored-by: Harleen Thind <39630244+hathind-ms@users.noreply.github.com>
golden-aries pushed a commit to golden-aries/semantic-kernel that referenced this pull request Oct 10, 2023
### Motivation and Context
<!-- Thank you for your contribution to the semantic-kernel repo!
Please help reviewers and future users, providing the following
information:
  1. Why is this change required?
  2. What problem does it solve?
  3. What scenario does it contribute to?
  4. If it fixes an open issue, please link to the issue here.
-->
the copilot app should have a responsive UI on all screens. this PR adds
a few changes to help with that.

### Description
<!-- Describe your changes, the overall approach, the underlying design.
These notes will help understanding how your code works. Thanks! -->
a couple of updates for the copilot app when viewed on a smaller screen:
- only show bot icon
- show basic card on chat list hover

also adds:
- presence icon to bots in chat/history lists

### Before

![image](https://github.com/microsoft/semantic-kernel/assets/52973358/85605fb4-7125-4e8b-8620-84d0ec045808)

### After
<img width="380" alt="image"
src="https://github.com/microsoft/semantic-kernel/assets/52973358/6344112d-77f0-4fbb-b015-1fdcb7bca667">

### Contribution Checklist
<!-- Before submitting this PR, please make sure: -->
- [X] The code builds clean without any errors or warnings
- [X] The PR follows SK Contribution Guidelines
(https://github.com/microsoft/semantic-kernel/blob/main/CONTRIBUTING.md)
- [X] The code follows the .NET coding conventions
(https://learn.microsoft.com/dotnet/csharp/fundamentals/coding-style/coding-conventions)
verified with `dotnet format`
- [X] All unit tests pass, and I have added new tests where possible
- [X] I didn't break anyone 😄

---------

Co-authored-by: Harleen Thind <39630244+hathind-ms@users.noreply.github.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

4 participants