Skip to content

Commit d6a2215

Browse files
authored
Replace indicator.png with CSS (django-commons#1334)
The image is simply a colored triangle. The same effect can be accomplished using CSS which removes a web request.
1 parent c1f5fbb commit d6a2215

File tree

2 files changed

+11
-3
lines changed

2 files changed

+11
-3
lines changed

debug_toolbar/static/debug_toolbar/css/toolbar.css

Lines changed: 11 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -126,9 +126,17 @@
126126
}
127127

128128
#djDebug #djDebugToolbar li.djdt-active {
129-
background: #333 no-repeat left center;
130-
background-image: url(http://github.com/..%3Cspan%20class=pl-c1%3E/%3C/span%3Eimg/indicator.png);
131-
padding-left: 10px;
129+
background: #333;
130+
}
131+
132+
#djDebug #djDebugToolbar li.djdt-active:before {
133+
content: "▶";
134+
position: absolute;
135+
left: 0;
136+
top: 50%;
137+
transform: translateY(-50%);
138+
color: #eee;
139+
font-size: 150%;
132140
}
133141

134142
#djDebug #djDebugToolbar li.djdt-active a:hover {
-436 Bytes
Binary file not shown.

0 commit comments

Comments
 (0)