Webchat: Fix chat css on older browsers

Some older browswers can't handle the new css syntax
for a subclass in the same css definition.
This commit is contained in:
Hemna 2023-09-26 10:47:53 -04:00
parent ff358987a9
commit 6b083d4c4d
1 changed files with 12 additions and 8 deletions

View File

@ -12,9 +12,10 @@ input[type=search]::-webkit-search-cancel-button {
display: flex;
width: 100%;
justify-content: flex-start;
&.alt {
}
.bubble-row.alt {
justify-content: flex-end;
}
}
.bubble {
@ -26,9 +27,10 @@ input[type=search]::-webkit-search-cancel-button {
box-shadow: 2px 8px 5px #555;
position: relative;
margin: 0 0 15px;
&.alt {
}
.bubble.alt {
margin: 0 0 15px;
}
}
.bubble-text {
@ -48,9 +50,9 @@ input[type=search]::-webkit-search-cancel-button {
font-weight: normal;
color: #808080;
}
&.alt {
}
.bubble-name.alt {
color: #2ecc71;
}
}
.bubble-timestamp {
@ -74,12 +76,14 @@ input[type=search]::-webkit-search-cancel-button {
bottom:30px;
left: -16px;
height: 0px;
&.alt{
}
.bubble-arrow.alt {
right: -2px;
bottom: 30px;
left: auto;
}
}
.bubble-arrow:after {
content: "";
position: absolute;