github/datasette
1
0
Fork 0
mirror of https://github.com/simonw/datasette.git synced 2025-12-10 16:51:24 +01:00
Code Issues Projects Releases Packages Wiki Activity

Extract out menu icon CSS, refs #981

Browse source
This commit is contained in:
Simon Willison 2020-09-30 16:55:00 -07:00
commit 141544613f
2 changed files with 8 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

7
datasette/static/app.css
View file

@ -388,6 +388,13 @@ button.button-as-link {
font-size: 1em; font-size: 1em;
} }
svg.dropdown-menu-icon {
display: inline-block;
position: relative;
top: 2px;
cursor: pointer;
opacity: 0.8;
}
.dropdown-menu { .dropdown-menu {
display: inline-flex; display: inline-flex;
border: 1px solid #ccc; border: 1px solid #ccc;

5
datasette/static/table.js
View file

@ -117,9 +117,7 @@ var DROPDOWN_ICON_SVG = `<svg xmlns="http://www.w3.org/2000/svg" width="14" heig
var svg = document.createElement('div'); var svg = document.createElement('div');
svg.innerHTML = DROPDOWN_ICON_SVG; svg.innerHTML = DROPDOWN_ICON_SVG;
svg = svg.querySelector('*'); svg = svg.querySelector('*');
svg.style.display = 'inline-block'; svg.classList.add('dropdown-menu-icon');
svg.style.position = 'relative';
svg.style.top = '1px';
var menu = document.createElement('div'); var menu = document.createElement('div');
menu.innerHTML = DROPDOWN_HTML; menu.innerHTML = DROPDOWN_HTML;
menu = menu.querySelector('*'); menu = menu.querySelector('*');
@ -134,7 +132,6 @@ var DROPDOWN_ICON_SVG = `<svg xmlns="http://www.w3.org/2000/svg" width="14" heig
} }
var icon = svg.cloneNode(true); var icon = svg.cloneNode(true);
icon.addEventListener('click', iconClicked); icon.addEventListener('click', iconClicked);
icon.style.cursor = 'pointer';
th.appendChild(icon); th.appendChild(icon);
}); });
})(); })();