From 4452ceee5c5b0cb1c0400b6c14e8962f2d0f167a Mon Sep 17 00:00:00 2001
From: Fini Jastrow <ulf.fini.jastrow@desy.de>
Date: Wed, 1 Feb 2023 12:11:45 +0100
Subject: [PATCH] Add possibility to add "obsolete" to glyphs

[why]
The (old) Material Design Icons are to be removed.
We should communicate that on the Cheat Sheet.

[how]
Add class that displays a red top-right triangle with text.

Signed-off-by: Fini Jastrow <ulf.fini.jastrow@desy.de>
---
 _includes/css/nerd-font-tweaks.scss | 32 +++++++++++++++++++++++++++++
 1 file changed, 32 insertions(+)

diff --git a/_includes/css/nerd-font-tweaks.scss b/_includes/css/nerd-font-tweaks.scss
index 0e18a4d6a0..5ce4c021cd 100644
--- a/_includes/css/nerd-font-tweaks.scss
+++ b/_includes/css/nerd-font-tweaks.scss
@@ -210,6 +210,8 @@ a.nerd-font-button:before {
 	border-top: unset;
 	top: 0px;
 	width: 76px;
+	z-index: 5;
+	pointer-events: auto;
 }
 
 #main .nerd-font-cheat-sheet span.glyph-popout-copy-clipboard span {
@@ -248,6 +250,36 @@ a.nerd-font-button:before {
 	width: 100%;
 }
 
+.corner-red {
+	position: absolute;
+	right: 0;
+	top: 0;
+	width: 0px;
+	height: 0px;
+	border-top: 65px solid #e11e2d;
+	border-left: 65px solid transparent;
+	z-index: 11;
+	pointer-events: none;
+}
+
+.corner-text {
+	position: absolute;
+	right: 0%;
+	top: 10%;
+	color: white;
+	font-size: 8pt;
+	font-weight: bold;
+	font-family: 'mono';
+	text-align: center;
+	-ms-transform: rotate(45deg);
+	-webkit-transform: rotate(45deg);
+	-moz-transform: rotate(45deg);
+	-o-transform: rotate(45deg);
+	-sand-transform: rotate(45deg);
+	transform: rotate(45deg);
+	z-index: 12;
+}
+
 /* gitter chat tweaks */
 .gitter-open-chat-button {
 	border-color: #2e2e2e;