Merge pull request #68 from teageto/master

Fix some bugs
DiscordStyles · Aug 1, 2024 · b2b5fe2 · b2b5fe2
2 parents ffe6211 + cbea5bf
commit b2b5fe2
Showing 1 changed file with 28 additions and 27 deletions.
diff --git a/src/theme/_index.scss b/src/theme/_index.scss
@@ -157,7 +157,7 @@
 				rx: calc(var(--rs-avatar-shape) * 3.3);
 			}
 			foreignObject[mask*='mobile'] img {
-				width: calc(100% - 12px);
+				width: calc(100% - 18px);
 			}
 		}
 
@@ -225,57 +225,58 @@
 
 		// Mobile indicator
 		foreignObject[mask*='mobile'] {
-			width: calc(100% + 4px);
+      property: inherit;
+      // Chat message top
+      &[width='24'] {
+        &:after {
+          width: 10px;
+          height: 12px;
+          top: 30%;
+        }
+      } 
+      // Private chats and users sidebar
 			&[width='32'] {
-				img {
-					width: calc(100% - 12px);
-				}
+        &:after {
+          width: 10px;
+          height: 14px;
+          top: 30%;
+        }
 			}
+      // Banner wrapper private chat
 			&[width='80'] {
-				img {
-					width: calc(100% - 16px);
-				}
 				&:after {
 					width: 14px;
 					height: 18px;
-					top: 75%;
 				}
-			}
+      }
+      // User profile banner
 			&[width='120'] {
-				img {
-					width: calc(100% - 22px);
-				}
 				&:after {
 					width: 24px;
 					height: 20px;
-					top: 75%;
 				}
 			}
-			&:after {
-				content: '';
+
+		  &:after { 
+        content: '';
 				display: var(--rs-phone-visible, block);
 				mask: url('data:image/svg+xml; utf-8,<svg aria-hidden="true" focusable="false" data-prefix="fas" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M272 0H48C21.5 0 0 21.5 0 48v416c0 26.5 21.5 48 48 48h224c26.5 0 48-21.5 48-48V48c0-26.5-21.5-48-48-48zM160 480c-17.7 0-32-14.3-32-32s14.3-32 32-32 32 14.3 32 32-14.3 32-32 32zm112-108c0 6.6-5.4 12-12 12H60c-6.6 0-12-5.4-12-12V60c0-6.6 5.4-12 12-12h200c6.6 0 12 5.4 12 12v312z"></path></svg>')
 					center no-repeat;
-				position: absolute;
-				width: 10px;
-				height: 14px;
-				top: 50%;
-				transform: translateY(-50%);
-				right: 0;
+        position: absolute;
+        right: 0%;
+        bottom: 0%;
 				background: var(--rs-phone-color, var(--rs-online-color));
 				z-index: 1;
-			}
+      }
 
 			& + rect {
 				stroke: var(--rs-phone-color, var(--rs-online-color));
 			}
 		}
 	}
 
-	// Bottom left avatar, speaking in VC
-	.avatarStack_c51b4e {
-		position: relative;
-	}
+  //Bottom left avatar, speaking in VC
+
 	.avatarSpeaking_c51b4e {
 		position: absolute;
 		top: 2px;