Dumper: visibility as icons

nette · Apr 25, 2020 · ca7666a · ca7666a
1 parent 75b9499
commit ca7666a
Show file tree

Hide file tree

Showing 2 changed files with 32 additions and 18 deletions.
diff --git a/src/Tracy/Bar/assets/bar.css b/src/Tracy/Bar/assets/bar.css
@@ -407,21 +407,28 @@ body#tracy-debug .tracy-panel { /* in popup window */
 	font-style: italic;
 }
 
-#tracy-debug .tracy-dump-public::after {
-	content: ' pub';
+#tracy-debug .tracy-dump-public,
+#tracy-debug .tracy-dump-protected,
+#tracy-debug .tracy-dump-private {
+	margin-left: -12px;
+	padding-left: 12px;
 }
 
-#tracy-debug .tracy-dump-protected::after {
-	content: ' pro';
+#tracy-debug .tracy-dump-public {
+	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBmaWxsLW9wYWNpdHk9Ii4yIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA1MzAgNTEyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogPHBhdGggZD0ibTE2NyAxM2MtNDQgMC04NCAxNS0xMTUgNDhzLTQ4IDcxLTQ4IDExNXY2NWg3MHYtNjVjMC0yNiA5LTQ4IDI3LTY2IDE4LTE4IDQwLTI3IDY2LTI3czQ4IDkgNjYgMjdjMTggMTggMjcgNDAgMjcgNjZ2NTdoLTQyYy05IDAtMTggMy0yNSAxMC03IDctMTAgMTUtMTAgMjV2MjA5YzAgOSAzIDE4IDEwIDI1IDcgNyAxNSAxMCAyNSAxMGgyNjljOSAwIDE4LTMgMjUtMTBzMTAtMTUgMTAtMjV2LTIwOWMwLTEwLTMtMTgtMTAtMjUtNy03LTE1LTEwLTI1LTEwaC0xNTh2LTU3YzAtNDUtMTUtODMtNDgtMTE1LTMyLTMyLTcxLTQ4LTExNS00OHoiLz4KPC9zdmc+Cg==) no-repeat left center;
+	background-size: 8px 8px;
 }
 
-#tracy-debug .tracy-dump-private::after {
-	content: ' pri';
+#tracy-debug .tracy-dump-protected {
+	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNTMwIiBoZWlnaHQ9IjUxMiIgZmlsbC1vcGFjaXR5PSIuMiIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgNTMwIDUxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KIDxwYXRoIGQ9Im0yNjYgNDhjODEgNTEgMTUzIDc1IDIxNiA3MCAxMSAyMjEtNzEgMzUxLTIxNSA0MDUtMTM5LTUxLTIyMi0xNzYtMjE2LTQwOSA3MyA0IDE0NS0xMiAyMTUtNjZ6IiBzdHJva2Utd2lkdGg9Ii4xIi8+Cjwvc3ZnPgo=) no-repeat left center;
+	background-size: 8px 8px;
+}
+
+#tracy-debug .tracy-dump-private {
+	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBmaWxsLW9wYWNpdHk9Ii4yIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA1MzAgNTEyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogPHBhdGggZD0ibTE3NyAyNDBoMTgxdi02OGMwLTI1LTktNDctMjYtNjQtMTgtMTgtMzktMjYtNjQtMjZzLTQ3IDktNjQgMjZjLTE4IDE4LTI2IDM5LTI2IDY0em0yOTQgMzR2MjA0YzAgOS0zIDE4LTEwIDI0cy0xNSAxMC0yNCAxMGgtMzQwYy05IDAtMTgtMy0yNC0xMHMtMTAtMTUtMTAtMjR2LTIwNGMwLTkgMy0xOCAxMC0yNHMxNS0xMCAyNC0xMGgxMnYtNjhjMC00MyAxNi04MSA0Ny0xMTIgMzEtMzEgNjktNDcgMTEyLTQ3czgxIDE2IDExMiA0NyA0NyA2OCA0NyAxMTJ2NjhoMTJjOSAwIDE4IDMgMjQgMTAgNiA3IDEwIDE0IDEwIDI0eiIvPgo8L3N2Zz4K) no-repeat left center;
+	background-size: 8px 8px;
 }
 
-#tracy-debug .tracy-dump-public::after,
-#tracy-debug .tracy-dump-protected::after,
-#tracy-debug .tracy-dump-private::after,
 #tracy-debug .tracy-dump-hash {
 	font-size: 85%;
 	color: rgba(0, 0, 0, 0.5);

diff --git a/src/Tracy/Dumper/assets/dumper.css b/src/Tracy/Dumper/assets/dumper.css
@@ -61,21 +61,28 @@ pre.tracy-dump a:focus {
 	font-style: italic;
 }
 
-.tracy-dump-public::after {
-	content: ' pub';
+.tracy-dump-public,
+.tracy-dump-protected,
+.tracy-dump-private {
+	margin-left: -12px;
+	padding-left: 12px;
 }
 
-.tracy-dump-protected::after {
-	content: ' pro';
+.tracy-dump-public {
+	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBmaWxsLW9wYWNpdHk9Ii4yIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA1MzAgNTEyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogPHBhdGggZD0ibTE2NyAxM2MtNDQgMC04NCAxNS0xMTUgNDhzLTQ4IDcxLTQ4IDExNXY2NWg3MHYtNjVjMC0yNiA5LTQ4IDI3LTY2IDE4LTE4IDQwLTI3IDY2LTI3czQ4IDkgNjYgMjdjMTggMTggMjcgNDAgMjcgNjZ2NTdoLTQyYy05IDAtMTggMy0yNSAxMC03IDctMTAgMTUtMTAgMjV2MjA5YzAgOSAzIDE4IDEwIDI1IDcgNyAxNSAxMCAyNSAxMGgyNjljOSAwIDE4LTMgMjUtMTBzMTAtMTUgMTAtMjV2LTIwOWMwLTEwLTMtMTgtMTAtMjUtNy03LTE1LTEwLTI1LTEwaC0xNTh2LTU3YzAtNDUtMTUtODMtNDgtMTE1LTMyLTMyLTcxLTQ4LTExNS00OHoiLz4KPC9zdmc+Cg==) no-repeat left center;
+	background-size: 8px 8px;
 }
 
-.tracy-dump-private::after {
-	content: ' pri';
+.tracy-dump-protected {
+	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNTMwIiBoZWlnaHQ9IjUxMiIgZmlsbC1vcGFjaXR5PSIuMiIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgNTMwIDUxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KIDxwYXRoIGQ9Im0yNjYgNDhjODEgNTEgMTUzIDc1IDIxNiA3MCAxMSAyMjEtNzEgMzUxLTIxNSA0MDUtMTM5LTUxLTIyMi0xNzYtMjE2LTQwOSA3MyA0IDE0NS0xMiAyMTUtNjZ6IiBzdHJva2Utd2lkdGg9Ii4xIi8+Cjwvc3ZnPgo=) no-repeat left center;
+	background-size: 8px 8px;
+}
+
+.tracy-dump-private {
+	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBmaWxsLW9wYWNpdHk9Ii4yIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA1MzAgNTEyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogPHBhdGggZD0ibTE3NyAyNDBoMTgxdi02OGMwLTI1LTktNDctMjYtNjQtMTgtMTgtMzktMjYtNjQtMjZzLTQ3IDktNjQgMjZjLTE4IDE4LTI2IDM5LTI2IDY0em0yOTQgMzR2MjA0YzAgOS0zIDE4LTEwIDI0cy0xNSAxMC0yNCAxMGgtMzQwYy05IDAtMTgtMy0yNC0xMHMtMTAtMTUtMTAtMjR2LTIwNGMwLTkgMy0xOCAxMC0yNHMxNS0xMCAyNC0xMGgxMnYtNjhjMC00MyAxNi04MSA0Ny0xMTIgMzEtMzEgNjktNDcgMTEyLTQ3czgxIDE2IDExMiA0NyA0NyA2OCA0NyAxMTJ2NjhoMTJjOSAwIDE4IDMgMjQgMTAgNiA3IDEwIDE0IDEwIDI0eiIvPgo8L3N2Zz4K) no-repeat left center;
+	background-size: 8px 8px;
 }
 
-.tracy-dump-public::after,
-.tracy-dump-protected::after,
-.tracy-dump-private::after,
 .tracy-dump-hash {
 	font-size: 85%;
 	color: rgba(0, 0, 0, 0.5);