Commit 34a0b9f3 authored by Emmanuel Raviart's avatar Emmanuel Raviart

Revert monochrome bubbles.

parent 9d194e4c
......@@ -21,7 +21,7 @@ svg.D3Bubbles g.bubble-wrapper text{
}
svg.D3Bubbles g.bubble-wrapper circle {
cursor: pointer;
opacity: 0.6;
opacity: 0.85;
}
svg.D3Bubbles g.bubble-wrapper:hover circle {
opacity: 1;
......@@ -31,15 +31,19 @@ svg.D3Bubbles g.bubble-wrapper:hover circle {
}
#bubble-wrapper-main circle, #bubble-wrapper-selected circle {
fill: #25b5ff;
transform: scale(0.8);
fill: transparent;
stroke-width: 3;
stroke: rgba(255,255,255,0.3);
cursor: pointer;
opacity: 0.9;
}
#bubble-wrapper-main circle {
transform: scale(0.8);
}
#bubble-wrapper-selected circle {
transform: scale(0.8);
}
#bubble-wrapper-selected:hover circle {
fill: transparent;
stroke-width: 3;
stroke: rgba(255,255,255,0.3);
fill: rgba(255,255,255,0.05);
}
#bubble-wrapper-main text {
fill: rgba(255,255,255,0.9);
......@@ -50,14 +54,15 @@ svg.D3Bubbles g.bubble-wrapper:hover circle {
}
}
#bubble-wrapper-selected text {
fill: rgba(255,255,255,0.9);
font-size: 16px;
@media(max-width:760px) {
font-size: 14px;
}
}
#bubble-wrapper-main text.label {
fill: rgba(255, 255, 255, 0.3);
#bubble-wrapper-main text.label, #bubble-wrapper-selected text.label {
fill: rgba(255,255,255,0.2);
font-size: 11px;
cursor: pointer;
@media(max-width:760px) {
......@@ -65,8 +70,3 @@ svg.D3Bubbles g.bubble-wrapper:hover circle {
}
}
#bubble-wrapper-selected text.label {
fill: rgba(255, 255, 255, 0.4);
font-size: 11px;
cursor: pointer;
}
\ No newline at end of file
......@@ -131,9 +131,7 @@ function D3Bubbles(params) {
if( that.colors_max_bubbles != null ){
bubbles_colors = d3.scale.ordinal()
.domain([that.radius_min, that.radius_max])
.range(["#9aa4a7",
// , "#7a8082", "#5f6566"
]);
.range(["#656a6e", "#6dc795" , "#c55760", "#4cc7c8", "#3f6971" ]);
}
var texts_colors = function(radius){
return that.colors_min_texts;
......@@ -562,7 +560,7 @@ else {
var h = null;
if ($(window).width() < 768) {
h = 365;
}
}
if ($(window).width() < 1100) {
h = 400;
}
......@@ -573,7 +571,7 @@ else {
function mount(options) {
var tagcloud = new D3Bubbles({
width: 'auto',
//TEMPORARY: It will be 490px when filter row will be displayed
//TEMPORARY: It will be 490px when filter row will be displayed
height: h,
wrapper: '#tag',
container: options.selector,
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment