Merge pull request #1245 from jdufresne/no-img

Replace djdt_vertical.png with CSS
jazzband · Mar 15, 2020 · bad48b2 · bad48b2
2 parents 32a73cb + 5aeab85
commit bad48b2
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 18 deletions.
diff --git a/debug_toolbar/static/debug_toolbar/css/toolbar.css b/debug_toolbar/static/debug_toolbar/css/toolbar.css
@@ -146,42 +146,45 @@
 
 #djDebug #djDebugToolbarHandle {
 	position:fixed;
+	transform:rotate(-90deg);
+	transform-origin:right bottom;
 	background-color:#fff;
 	border:1px solid #111;
-	top:30px;
+	top:0;
 	right:0;
 	z-index:100000000;
 	opacity:0.75;
 }
 
 #djDebug #djShowToolBarButton {
-	display:block;
-	height:75px;
-	width:30px;
-	border-right:none;
-	border-bottom:4px solid #fff;
-	border-top:4px solid #fff;
-	border-left:4px solid #fff;
+	padding:5px;
+	padding-bottom:8px;
+	border:4px solid #fff;
+	border-bottom-width:0;
 	color:#fff;
-	font-size:10px;
+	font-size:22px;
 	font-weight:bold;
-	text-decoration:none;
-	text-align:center;
-	text-indent:-999999px;
-	background: #000 no-repeat left center;
-	background-image: url(../img/djdt_vertical.png);
+	background: #000;
 	opacity:0.5;
 }
 
 #djDebug #djShowToolBarButton:hover {
 	background-color:#111;
-	border-top-color:#FFE761;
-	border-left-color:#FFE761;
-	border-bottom-color:#FFE761;
+	border-color:#ffe761;
 	cursor:move;
 	opacity:1.0;
 }
 
+#djDebug #djShowToolBarD {
+	color:#cf9;
+	font-size:22px;
+}
+
+#djDebug #djShowToolBarJ {
+	color:#cf9;
+	font-size:16px;
+}
+
 #djDebug code {
 	display:block;
 	font-family:Consolas, Monaco, "Bitstream Vera Sans Mono", "Lucida Console", monospace;

diff --git a/debug_toolbar/static/debug_toolbar/img/djdt_vertical.png b/debug_toolbar/static/debug_toolbar/img/djdt_vertical.png
diff --git a/debug_toolbar/templates/debug_toolbar/base.html b/debug_toolbar/templates/debug_toolbar/base.html
@@ -39,7 +39,9 @@
 		</ul>
 	</div>
 	<div class="djdt-hidden" id="djDebugToolbarHandle">
-		<span title="{% trans "Show toolbar" %}" id="djShowToolBarButton">&#171;</span>
+		<div title="{% trans "Show toolbar" %}" id="djShowToolBarButton">
+			<span id="djShowToolBarD">D</span><span id="djShowToolBarJ">J</span>DT
+		</div>
 	</div>
 	{% for panel in toolbar.panels %}
 		{% if panel.has_content and panel.enabled %}