Merge pull request #2314

css/custom.css: correct hangouts icon coordinates
monero-project · Jul 20, 2024 · c091788 · c091788
2 parents c882458 + dcdee73
commit c091788
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 9 deletions.
diff --git a/community/hangouts/index.md b/community/hangouts/index.md
@@ -28,6 +28,9 @@ meta_descr: hangouts.intro
             <li>
                 <a class="ext-noicon" href="https://telegram.me/monero" target="_blank" rel="noreferrer noopener" aria-label="Telegram logo"><div class="social-icon telegram"></div></a>
             </li>
+            <li>
+                <a class="ext-noicon" href="https://discord.gg/SyGUMWBqvF" target="_blank" rel="noreferrer noopener" aria-label="Discord logo"><div class="social-icon discord"></div></a>
+            </li>
         </ul>
     </section>
 </div>

diff --git a/css/custom.css b/css/custom.css
@@ -4115,7 +4115,7 @@ p.hangouts-social {
 
 .social-icon.twitter:hover {
     background-image: url(../img/monero-spritesheet.png);
-    background-position: -176px -47px;
+    background-position: -176px -48px;
 }
 
 .social-icon.reddit {
@@ -4125,7 +4125,7 @@ p.hangouts-social {
 
 .social-icon.reddit:hover {
     background-image: url(../img/monero-spritesheet.png);
-    background-position: -176px -95px;
+    background-position: -176px -96px;
 }
 
 .social-icon.facebook {
@@ -4135,37 +4135,47 @@ p.hangouts-social {
 
 .social-icon.facebook:hover {
     background-image: url(../img/monero-spritesheet.png);
-    background-position: -176px 1px;
+    background-position: -176px 0px;
 }
 
 .social-icon.github {
     background-image: url(../img/monero-spritesheet.png);
-    background-position: -127px -144px;
+    background-position: -128px -144px;
 }
 
 .social-icon.github:hover {
     background-image: url(../img/monero-spritesheet.png);
-    background-position: -176px -143px;
+    background-position: -176px -144px;
 }
 
 .social-icon.gitlab {
   background-image: url(../img/monero-spritesheet.png);
-  background-position: -128px -190px;
+  background-position: -128px -192px;
 }
 
 .social-icon.gitlab:hover {
   background-image: url(../img/monero-spritesheet.png);
-  background-position: -176px -190px;
+  background-position: -176px -192px;
 }
 
 .social-icon.telegram {
   background-image: url(../img/monero-spritesheet.png);
-  background-position: -128px -239px;
+  background-position: -128px -240px;
 }
 
 .social-icon.telegram:hover {
   background-image: url(../img/monero-spritesheet.png);
-  background-position: -176px -238px;
+  background-position: -176px -240px;
+}
+
+.social-icon.discord {
+  background-image: url(../img/monero-spritesheet.png);
+  background-position: -128px -288px;
+}
+
+.social-icon.discord:hover {
+  background-image: url(../img/monero-spritesheet.png);
+  background-position: -176px -288px;
 }
 
 .hangouts .irc .col-md-4 {

diff --git a/img/monero-spritesheet.png b/img/monero-spritesheet.png