hemna/aprsd
1
0
Fork 0
mirror of https://github.com/craigerl/aprsd.git synced 2025-08-03 05:52:26 -04:00
Code Issues Projects Releases Wiki Activity

Webchat: Fix chat css on older browsers

Browse Source 
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
aprsd/web/chat/static/css/chat.css
View File

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