pro/im_webapp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix flashing of the bubble tip

Browse Source
This commit is contained in:
or-else
2021-09-15 20:08:27 -07:00
parent f51ba69fa7
commit 7bcfd974cb
2 changed files with 11 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
css/base.css
+10 -2
View File
@@ -1604,7 +1604,7 @@ img.channel {
height: 0.85rem; height: 0.85rem;
left: -0.8rem; left: -0.8rem;
bottom: 0; bottom: 0;
background-color: inherit; background-color: #c5e1a5;
clip-path: polygon(100% 0, 0 110%, 100% 110%); clip-path: polygon(100% 0, 0 110%, 100% 110%);
-webkit-clip-path: polygon(100% 0, 0 110%, 100% 110%); -webkit-clip-path: polygon(100% 0, 0 110%, 100% 110%);
box-shadow: 0 1px 0.5px rgb(0 0 0 / 12%); box-shadow: 0 1px 0.5px rgb(0 0 0 / 12%);
@@ -1614,6 +1614,10 @@ img.channel {
transition-delay: 0.3s; transition-delay: 0.3s;
} }
.left.flash .bubble.tip::before {
background-color: #94A97C;
}
/* Right triangle placed bottom right flush. */ /* Right triangle placed bottom right flush. */
.right .bubble.tip::before { .right .bubble.tip::before {
content: ''; content: '';
@@ -1622,7 +1626,7 @@ img.channel {
height: 0.85rem; height: 0.85rem;
left: 99.8%; left: 99.8%;
bottom: 0; bottom: 0;
background-color: inherit; background-color: #fafafa;
clip-path: polygon(0 0, 100% 110%, 0 110%); clip-path: polygon(0 0, 100% 110%, 0 110%);
-webkit-clip-path: polygon(0 0, 100% 110%, 0 110%); -webkit-clip-path: polygon(0 0, 100% 110%, 0 110%);
box-shadow: 0 1px 0.5px rgb(0 0 0 / 12%); box-shadow: 0 1px 0.5px rgb(0 0 0 / 12%);
@@ -1632,6 +1636,10 @@ img.channel {
transition-delay: 0.3s; transition-delay: 0.3s;
} }
.right.flash .bubble.tip::before {
background-color: #ccc;
}
.chat-box .avatar-box { .chat-box .avatar-box {
position: relative; position: relative;
width: 1.4rem; width: 1.4rem;
css/base.min.css
Vendored
+1 -1
View File
File diff suppressed because one or more lines are too long