admin/Kae7in-perfview
1
0
Fork 0
mirror of https://github.com/Kae7in/perfview synced 2026-08-09 12:09:44 +00:00
Code Issues Packages Projects Releases Wiki Activity

Playing around with some base colors

Browse Source
This commit is contained in:
Kaelin Hooper
2016-08-10 15:15:20 -07:00
parent 2d3d1f40dc
commit 0952a243f3
2 changed files with 19 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/HtmlJs/PerfDataService/Views/js/stackDelegate.js
+3 -7
View File
@@ -47,16 +47,12 @@ function StackDelegate(domain, filename, stackType, summaryStackData) {
function changeCellState(cell, selected) { function changeCellState(cell, selected) {
if (cell == null) { return; } if (cell == null) { return; }
console.log(selected);
if (selected) { if (selected) {
cell.originalBackgroundColor = $(cell).css("background-color"); $(cell).addClass("selected"); // This causes the styling to show up (look in stackviewer.css for more)
$(cell).css("background-color", "#b3c6ff");
$(cell).css("border", "2px inset black");
$(cell).css("font-weight", "bold");
cell.selected = true; cell.selected = true;
} else { } else {
$(cell).css("background-color", cell.originalBackgroundColor); $(cell).removeClass("selected"); // This causes the styling to return to normal (look in stackviewer.css for more)
$(cell).css("border-style", "none");
$(cell).css("font-weight", "normal");
cell.selected = false; cell.selected = false;
} }
} }
src/HtmlJs/PerfDataService/Views/static/stackviewer.css
+16 -2
View File
@@ -2,6 +2,10 @@
margin-bottom: 4em; margin-bottom: 4em;
} }
:root {
--main-color: #485761;
}
/* /*
Nav Bar Views Nav Bar Views
------------- -------------
@@ -13,7 +17,7 @@ Nav Bar Views
position: fixed; position: fixed;
width: 100%; width: 100%;
background-color: #4169e1; background-color: var(--main-color);
} }
.top-bar .title, .top-bar-left .title { .top-bar .title, .top-bar-left .title {
@@ -102,6 +106,7 @@ Nav Bar Views
#filtersForm { #filtersForm {
margin-top: 15px; margin-top: 15px;
color: white;
} }
.filter { .filter {
@@ -161,6 +166,15 @@ table tbody tr:nth-child(even)[data-find-flag] {
background-color: #e6ebff; background-color: #e6ebff;
} }
.selected,
table tbody tr:nth-child(odd).selected,
table tbody tr:nth-child(even).selected {
background-color: #b3c6ff;
outline: 1px solid var(--main-color);
font-weight: bold;
color: black;
}
/*#CallersTree { /*#CallersTree {
table-layout: fixed; table-layout: fixed;
width: 100%; width: 100%;
@@ -218,7 +232,7 @@ Footer View
font-size: .9em; font-size: .9em;
margin: 0; margin: 0;
background: #4169e1; background:var(--main-color);
display: flex; display: flex;
flex-flow: row; flex-flow: row;