You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@couchdb.apache.org by de...@apache.org on 2014/03/31 21:46:16 UTC
[22/41] couchdb commit: updated refs/heads/Update-Sidebar-Ui to
c1e1423
Updating d3 to v3.4.3 and nv.d3 to v1.1.15
Project: http://git-wip-us.apache.org/repos/asf/couchdb/repo
Commit: http://git-wip-us.apache.org/repos/asf/couchdb/commit/95d6d6b0
Tree: http://git-wip-us.apache.org/repos/asf/couchdb/tree/95d6d6b0
Diff: http://git-wip-us.apache.org/repos/asf/couchdb/diff/95d6d6b0
Branch: refs/heads/Update-Sidebar-Ui
Commit: 95d6d6b035242d9a203b2df3af342274b29f98b1
Parents: 0fb5aa9
Author: Christian Hogan <gi...@infliction.org>
Authored: Fri Mar 21 13:42:04 2014 -0400
Committer: suelockwood <de...@apache.org>
Committed: Tue Mar 25 15:19:17 2014 -0400
----------------------------------------------------------------------
src/fauxton/assets/css/nv.d3.css | 191 +-
src/fauxton/assets/js/libs/d3.js | 14721 +++++++++++++++++------------
src/fauxton/assets/js/libs/nv.d3.js | 4536 +++++----
3 files changed, 11530 insertions(+), 7918 deletions(-)
----------------------------------------------------------------------
http://git-wip-us.apache.org/repos/asf/couchdb/blob/95d6d6b0/src/fauxton/assets/css/nv.d3.css
----------------------------------------------------------------------
diff --git a/src/fauxton/assets/css/nv.d3.css b/src/fauxton/assets/css/nv.d3.css
index 28ccd05..cae8348 100644
--- a/src/fauxton/assets/css/nv.d3.css
+++ b/src/fauxton/assets/css/nv.d3.css
@@ -10,6 +10,18 @@
overflow: hidden;
}
+/********************
+ Box shadow and border radius styling
+*/
+.nvtooltip.with-3d-shadow, .with-3d-shadow .nvtooltip {
+ -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
+ -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
+ box-shadow: 0 5px 10px rgba(0,0,0,.2);
+
+ -webkit-border-radius: 6px;
+ -moz-border-radius: 6px;
+ border-radius: 6px;
+}
/********************
* TOOLTIP CSS
@@ -17,31 +29,18 @@
.nvtooltip {
position: absolute;
- background-color: rgba(255,255,255,1);
- padding: 10px;
- border: 1px solid #ddd;
+ background-color: rgba(255,255,255,1.0);
+ padding: 1px;
+ border: 1px solid rgba(0,0,0,.2);
z-index: 10000;
font-family: Arial;
font-size: 13px;
-
- transition: opacity 500ms linear;
- -moz-transition: opacity 500ms linear;
- -webkit-transition: opacity 500ms linear;
-
- transition-delay: 500ms;
- -moz-transition-delay: 500ms;
- -webkit-transition-delay: 500ms;
-
- -moz-box-shadow: 4px 4px 8px rgba(0,0,0,.5);
- -webkit-box-shadow: 4px 4px 8px rgba(0,0,0,.5);
- box-shadow: 4px 4px 8px rgba(0,0,0,.5);
-
- -moz-border-radius: 10px;
- border-radius: 10px;
-
+ text-align: left;
pointer-events: none;
+ white-space: nowrap;
+
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
@@ -50,15 +49,42 @@
user-select: none;
}
+/*Give tooltips that old fade in transition by
+ putting a "with-transitions" class on the container div.
+*/
+.nvtooltip.with-transitions, .with-transitions .nvtooltip {
+ transition: opacity 250ms linear;
+ -moz-transition: opacity 250ms linear;
+ -webkit-transition: opacity 250ms linear;
+
+ transition-delay: 250ms;
+ -moz-transition-delay: 250ms;
+ -webkit-transition-delay: 250ms;
+}
+
+.nvtooltip.x-nvtooltip,
+.nvtooltip.y-nvtooltip {
+ padding: 8px;
+}
+
.nvtooltip h3 {
margin: 0;
- padding: 0;
+ padding: 4px 14px;
+ line-height: 18px;
+ font-weight: normal;
+ background-color: rgba(247,247,247,0.75);
text-align: center;
+
+ border-bottom: 1px solid #ebebeb;
+
+ -webkit-border-radius: 5px 5px 0 0;
+ -moz-border-radius: 5px 5px 0 0;
+ border-radius: 5px 5px 0 0;
}
.nvtooltip p {
margin: 0;
- padding: 0;
+ padding: 5px 14px;
text-align: center;
}
@@ -67,6 +93,45 @@
margin: 2px 0;
}
+.nvtooltip table {
+ margin: 6px;
+ border-spacing:0;
+}
+
+
+.nvtooltip table td {
+ padding: 2px 9px 2px 0;
+ vertical-align: middle;
+}
+
+.nvtooltip table td.key {
+ font-weight:normal;
+}
+.nvtooltip table td.value {
+ text-align: right;
+ font-weight: bold;
+}
+
+.nvtooltip table tr.highlight td {
+ padding: 1px 9px 1px 0;
+ border-bottom-style: solid;
+ border-bottom-width: 1px;
+ border-top-style: solid;
+ border-top-width: 1px;
+}
+
+.nvtooltip table td.legend-color-guide div {
+ width: 8px;
+ height: 8px;
+ vertical-align: middle;
+}
+
+.nvtooltip .footer {
+ padding: 3px;
+ text-align: center;
+}
+
+
.nvtooltip-pending-removal {
position: absolute;
pointer-events: none;
@@ -110,7 +175,7 @@ svg .title {
.nvd3.nv-noData {
font-size: 18px;
- font-weight: bolf;
+ font-weight: bold;
}
@@ -142,6 +207,9 @@ svg .title {
/**********
* Axes
*/
+.nvd3 .nv-axis {
+ pointer-events:none;
+}
.nvd3 .nv-axis path {
fill: none;
@@ -160,12 +228,12 @@ svg .title {
.nvd3 .nv-axis line {
fill: none;
- stroke: #000;
- stroke-opacity: .25;
+ stroke: #e5e5e5;
shape-rendering: crispEdges;
}
-.nvd3 .nv-axis line.zero {
+.nvd3 .nv-axis .zero line,
+/*this selector may not be necessary*/ .nvd3 .nv-axis line.zero {
stroke-opacity: .75;
}
@@ -209,7 +277,7 @@ svg .title {
-webkit-transition: fill-opacity 250ms linear;
}
-.nvd3 .nv-bars rect:hover {
+.nvd3 .nv-bars rect.hover {
fill-opacity: 1;
}
@@ -259,7 +327,6 @@ svg .title {
.nvd3.nv-pie path {
stroke-opacity: 0;
-
transition: fill-opacity 250ms linear, stroke-width 250ms linear, stroke-opacity 250ms linear;
-moz-transition: fill-opacity 250ms linear, stroke-width 250ms linear, stroke-opacity 250ms linear;
-webkit-transition: fill-opacity 250ms linear, stroke-width 250ms linear, stroke-opacity 250ms linear;
@@ -279,12 +346,10 @@ svg .title {
.nvd3.nv-pie .hover path {
fill-opacity: .7;
-/*
- stroke-width: 6px;
- stroke-opacity: 1;
-*/
}
-
+.nvd3.nv-pie .nv-label {
+ pointer-events: none;
+}
.nvd3.nv-pie .nv-label rect {
fill-opacity: 0;
stroke-opacity: 0;
@@ -296,7 +361,7 @@ svg .title {
.nvd3 .nv-groups path.nv-line {
fill: none;
- stroke-width: 2.5px;
+ stroke-width: 1.5px;
/*
stroke-linecap: round;
shape-rendering: geometricPrecision;
@@ -311,6 +376,11 @@ svg .title {
*/
}
+.nvd3 .nv-groups path.nv-line.nv-thin-line {
+ stroke-width: 1px;
+}
+
+
.nvd3 .nv-groups path.nv-area {
stroke: none;
/*
@@ -350,17 +420,18 @@ svg .title {
}
-.nvd3 .nv-groups .nv-point {
+.with-transitions .nvd3 .nv-groups .nv-point {
transition: stroke-width 250ms linear, stroke-opacity 250ms linear;
-moz-transition: stroke-width 250ms linear, stroke-opacity 250ms linear;
-webkit-transition: stroke-width 250ms linear, stroke-opacity 250ms linear;
+
}
.nvd3.nv-scatter .nv-groups .nv-point.hover,
.nvd3 .nv-groups .nv-point.hover {
- stroke-width: 20px;
- fill-opacity: .5 !important;
- stroke-opacity: .5 !important;
+ stroke-width: 7px;
+ fill-opacity: .95 !important;
+ stroke-opacity: .95 !important;
}
@@ -457,11 +528,12 @@ svg .title {
fill-opacity: 0;
}
+/*
.nvd3.nv-stackedarea .nv-groups .nv-point.hover {
stroke-width: 20px;
stroke-opacity: .75;
fill-opacity: 1;
-}
+}*/
@@ -496,7 +568,7 @@ svg .title {
.nvd3.nv-bullet .nv-range {
- fill: #999;
+ fill: #bababa;
fill-opacity: .4;
}
.nvd3.nv-bullet .nv-range:hover {
@@ -653,4 +725,45 @@ svg .title {
*/
}
+/**********
+* Parallel Coordinates
+*/
+
+.nvd3 .background path {
+ fill: none;
+ stroke: #ccc;
+ stroke-opacity: .4;
+ shape-rendering: crispEdges;
+}
+
+.nvd3 .foreground path {
+ fill: none;
+ stroke: steelblue;
+ stroke-opacity: .7;
+}
+
+.nvd3 .brush .extent {
+ fill-opacity: .3;
+ stroke: #fff;
+ shape-rendering: crispEdges;
+}
+.nvd3 .axis line, .axis path {
+ fill: none;
+ stroke: #000;
+ shape-rendering: crispEdges;
+}
+
+.nvd3 .axis text {
+ text-shadow: 0 1px 0 #fff;
+}
+
+/****
+Interactive Layer
+*/
+.nvd3 .nv-interactiveGuideLine {
+ pointer-events:none;
+}
+.nvd3 line.nv-guideline {
+ stroke: #ccc;
+}
\ No newline at end of file