Sivin Varghese
|
9194984091
|
fix: Alignment issue with logo in standard type bubble (#11364)
|
2025-04-24 21:57:52 +05:30 |
|
Sivin Varghese
|
9c711bab74
|
fix: Inconsistent widget bubble focus outline shape (#11345)
# Pull Request Template
## Description
This PR resolves the issue where the focus outline for the standard
bubble type appears as a square in Safari, while it appears circular in
Chrome.
Fixes
[CW-4252](https://linear.app/chatwoot/issue/CW-4252/v41-circle-around-campaign-pop-up-warped),
https://github.com/chatwoot/chatwoot/issues/11327
**Cause**
In Chrome, the focus outline for the standard bubble type is circular,
but in Safari, it appears square. This is due to a 20px margin on the
SVG inside the bubble.
**Solution**
The `20px` margin was removed from the SVG, fixing the focus outline to
appear circular in Safari browser.
## Type of change
- [x] Bug fix (non-breaking change which fixes an issue)
## How Has This Been Tested?
### Loom Video
https://www.loom.com/share/cc4244f369f84b98afaef539b79abcfe?sid=e957df16-1a53-4349-8bdc-705b2ed82d45
### Screenshots
**Before**
https://www.loom.com/share/e858417722c64df6801ea87e4b89779f?sid=81a0acec-c5f0-4daa-832c-1f23289e2352
<img width="100" alt="image"
src="https://github.com/user-attachments/assets/19c6b62c-96da-485b-9fe8-223065415369"
/>
**After**
https://www.loom.com/share/3946546382884a33a8fef89f81faf7c2?sid=feeaf18c-2b3d-4d4f-bcdf-70335b456dd1
<img width="100" alt="image"
src="https://github.com/user-attachments/assets/0e83d9e3-3153-47ef-9f2d-0a2f7270935c"
/>
## Checklist:
- [x] My code follows the style guidelines of this project
- [x] I have performed a self-review of my code
- [ ] I have commented on my code, particularly in hard-to-understand
areas
- [ ] I have made corresponding changes to the documentation
- [x] My changes generate no new warnings
- [ ] I have added tests that prove my fix is effective or that my
feature works
- [x] New and existing unit tests pass locally with my changes
- [ ] Any dependent changes have been merged and published in downstream
modules
|
2025-04-21 16:53:52 -07:00 |
|
Sivin Varghese
|
0477b8ca14
|
fix: Widget iFrame is adding a white background (#9221)
|
2024-04-11 21:34:31 +05:30 |
|
Nithin David Thomas
|
9322112481
|
chore: Improvements to utils to load article in widget (#7859)
|
2023-09-05 21:37:51 +05:30 |
|
Pranav Raj S
|
961d810645
|
Revert "feat: Show popular articles on widget home" (#7706)
|
2023-08-10 22:27:51 -07:00 |
|
Nithin David Thomas
|
e052a061f4
|
feat: Show popular articles on widget home (#7604)
|
2023-08-01 21:32:44 +05:30 |
|
Nithin David Thomas
|
0d894e0abc
|
fix: Add animation to live chat trigger button (#6252)
Co-authored-by: Sivin Varghese <64252451+iamsivin@users.noreply.github.com>
|
2023-01-16 09:07:10 -08:00 |
|
Sivin Varghese
|
2972319026
|
fix: Update colors in widget buttons to fix invalid colors (#6033)
Co-authored-by: nithindavid <1277421+nithindavid@users.noreply.github.com>
Co-authored-by: Pranav Raj S <pranav@chatwoot.com>
|
2022-12-14 15:21:20 -08:00 |
|
Fayaz Ahmed
|
ef850eda0f
|
feat: Add the SDK method to programatically toggle live chat bubble (#4223)
Co-authored-by: Pranav Raj S <pranav@chatwoot.com>
|
2022-05-06 19:30:48 +05:30 |
|
Pranav Raj S
|
4a3ddad02f
|
fix: Reduce the height of the unread container while campaign is active (#4185)
|
2022-03-16 14:45:57 +05:30 |
|
Pranav Raj S
|
6c94768bdb
|
feat: Add flat design for widget (#4065)
|
2022-02-25 16:18:18 +05:30 |
|
Nithin David Thomas
|
94209d29cb
|
fix: Fixes widget unread view blocking parent page (#3658)
Co-authored-by: Pranav <pranav@chatwoot.com>
Co-authored-by: Muhsin Keloth <muhsinkeramam@gmail.com>
Co-authored-by: Sivin Varghese <64252451+iamsivin@users.noreply.github.com>
|
2022-01-12 12:27:16 -08:00 |
|
Sanju
|
2c3c1888f1
|
Enhancement: Show unread marker on widget bubble (#3390)
* add unread marker
* add removeClass in IFramehelper
* Update app/javascript/sdk/sdk.js
* Update app/javascript/sdk/sdk.js
Co-authored-by: Nithin David Thomas <1277421+nithindavid@users.noreply.github.com>
|
2021-11-25 20:25:14 +05:30 |
|
Pranav Raj S
|
3abcadb5cb
|
fix: Reject keyboard shortcut listeners if input box is active (#3019)
Reject keyboard shortcut listeners if input box is active
|
2021-09-15 20:15:06 +05:30 |
|
koudshoorn
|
af1d8c0ee5
|
feat: Fixes #1940 WCAG support for website widget (#2071)
Co-authored-by: Kaj Oudshoorn <kaj@milvum.com>
Co-authored-by: Pranav Raj S <pranav@chatwoot.com>
Co-authored-by: Nithin David Thomas <1277421+nithindavid@users.noreply.github.com>
|
2021-09-02 12:13:53 +05:30 |
|
Nithin David Thomas
|
78646b44b8
|
fix: Fixes widget holder blocking page clicks (#2897)
|
2021-08-27 13:10:21 +05:30 |
|
Nithin David Thomas
|
70d41ffcdd
|
fix: Smoothens out opening animation for widget (#2789)
|
2021-08-14 08:40:29 +05:30 |
|
Nithin David Thomas
|
e09941db1c
|
fix: Use all: revert to avoid external css styles for widget bubble (#2809)
|
2021-08-13 20:16:33 +05:30 |
|
Nithin David Thomas
|
9c257578b0
|
fix: Fixes unread view blocking page scroll (#2727)
* fix: Fixes unread view blocking page scroll
* Update sdk.js
* Fixes the height issue for unread view
* Fix unread message position issue
* Code climate fixes
* Fixes height issue for large messages
* Fixes height issue on unread view
Co-authored-by: Muhsin Keloth <muhsinkeramam@gmail.com>
|
2021-08-07 11:56:15 +05:30 |
|
Pranav Raj S
|
4fe29fefb4
|
fix: Add missing close button if bubble is hidden (#1435)
|
2020-11-23 10:49:28 +05:30 |
|
Nico385412
|
84ce0a9054
|
fix: Make the bubble text not selectable (#1294)
|
2020-10-30 12:06:51 +05:30 |
|
Pranav Raj S
|
0adbc346df
|
feat: Add an extended bubble design for the widget (#1123)
* feat: Add a new design for chat bubble
Signed-off-by: Pranav Raj Sreepuram <pranavrajs@gmail.com>
* Add i18n
* Fix stye issues
* Set fixed font-size
* Update docs for bubble
|
2020-08-09 16:07:32 +05:30 |
|