Commit 0beee5ad authored by Alexander's avatar Alexander

work on the styling for the bli filter icons

parent 9aef7737
......@@ -16,17 +16,21 @@ export class FilterBLIDimensionsControl extends Control{
constructor(opt_options){
super({});
let button = document.createElement('button');
button.type='button';
button.className='ol-control';
button.innerHTML='NXXXX';
let rowContainer = document.createElement('div');
rowContainer.className='row justify-content-center';
rowContainer.setAttribute('style','position:absolute; bottom:80px; width:100%;');
let element = document.createElement('div');
//element.className='ol-feature ol-control';
element.className='ol-control';
//element.className='col-md-10 row justify-content-center';
element.classList.add('col-md-10');
element.classList.add('row');
element.classList.add('justify-content-center');
//we do not set the control class because it gives a background color
//which is unwanted
//element.className='ol-control';
element.setAttribute("style","position: absolute; bottom:80px; left:20px;");
element.appendChild(button);
//element.setAttribute("style","position: absolute; bottom:80px; left:20px;");
const arr : string[] = [
'community','education','engagement','governance',
......@@ -49,26 +53,22 @@ export class FilterBLIDimensionsControl extends Control{
}
}
rowContainer.appendChild(element);
Control.call(this,{
element:element,
element:rowContainer,
target: opt_options.target
});
button.addEventListener('click',()=>this.click());
}
make_bli_icon(file : string) : HTMLElement{
let icon=document.createElement('img');
icon.src='/assets/img/bli/'+file;
icon.setAttribute('style','width: 5em;height:auto');
icon.setAttribute('style','width: 3em;height:auto');
return icon;
}
click(){
console.log('click');
//console.log(this.getMap());
}
clickToggleFilterIcons(){
console.log('click toggle filter icons');
}
......
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