BetterSEQTA/BetterSEQTA-Plus
1
0
Fork 0
mirror of https://github.com/BetterSEQTA/BetterSEQTA-Plus.git synced 2026-06-06 03:34:40 +00:00
Code Issues Packages Projects Releases Wiki Activity

styling: improved direct messages look

Browse Source
This commit is contained in:
SethBurkart123
2024-02-28 15:38:41 +11:00
parent 8fc34af99f
commit 4315d218ae
2 changed files with 16511 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/css/injected.scss
+51 -1
View File
@@ -93,7 +93,6 @@ html {
.PillBox__PillBox___3GjAk {
border-radius: 1rem;
overflow: hidden;
border: var(--background-secondary) 1px solid;
.PillBox__active___3Qpi9 {
background: var(--background-secondary) !important;
@@ -618,6 +617,12 @@ div > ol:has(.uiFileHandlerWrapper) {
}
}
@media (max-width: 1200px) {
.LabelList__LabelList___2RJFf > li {
border-radius: 0.5rem !important;
}
}
@media (min-width: 900px) {
#title > span {
transform: translateY(2px);
@@ -1218,7 +1223,26 @@ div > ol:has(.uiFileHandlerWrapper) {
.MessageList__primary___1zTHa > :last-child {
display: none !important;
}
.MessageList__MessageList___3DxoC ol .Button__Button___3SRFo::before {
// plus icon
content: "";
font-size: 12px;
margin-right: 4px;
font-family: "IconFamily";
pointer-events: none;
}
.MessageList__MessageList___3DxoC ol .Button__Button___3SRFo {
width: calc(100% - 32px);
border-radius: 1rem;
margin: 0.5rem 1rem;
padding: 0.8rem;
place-content: center;
text-align: center;
}
.MessageList__MessageList___3DxoC .Button__Button___3SRFo {
background: rgba(255, 255, 255, 0.1);
width: 100%;
min-height: 2rem;
text-align: center;
@@ -1732,6 +1756,14 @@ li.MessageList__unread___3imtO {
position: relative;
}
.MessageList__MessageList___3DxoC > ol > li:hover {
background: var(--theme-offset-bg-more);
}
.MenuButton__Menu___gXTaY > button {
border-radius: 100rem;
}
.MessageList__MessageList___3DxoC > ol > li.MessageList__unread___3imtO::before {
content: "";
position: absolute;
@@ -2814,3 +2846,21 @@ body:has(.outside-container:not(.hide)) #AddedSettings.tooltip:hover > .tooltipt
z-index: 1;
padding: 10px;
}
li[data-message] {
animation: cubic-bezier(.22, .03, .26, 1) 1s fade-up-and-in;
animation-timeline: view(90% 0px) !important;
}
@keyframes fade-up-and-in {
0% {
opacity: 0;
transform: translateY(50px);
scale: 0.9;
}
100% {
opacity: 1;
transform: translateY(0);
scale: 1;
}
}