Start a convention where each view has a non-style class name

This helps with element-tree debugging and performance evaluation.
This commit is contained in:
Timothy Farrell 2017-12-31 16:35:01 -06:00
parent 4603851e0d
commit 84974ad057
4 changed files with 4 additions and 3 deletions

View File

@ -178,6 +178,7 @@ export function AllImagesView(vm, params, key, { appbar }) {
return function() { return function() {
return scrollView( return scrollView(
{ {
class: 'allImages',
onclick: { onclick: {
'.photoSelect .icon svg path': toggleSelect, '.photoSelect .icon svg path': toggleSelect,
'.photoSelect .icon': toggleSelect, '.photoSelect .icon': toggleSelect,

View File

@ -26,7 +26,7 @@ export function AlbumPhotoTemplate(vm, { doc }) {
return photoContainer( return photoContainer(
{ {
href, href,
class: 'photoContainer', class: 'albumPhoto',
onmouseenter: [hover, true], onmouseenter: [hover, true],
onmouseleave: [hover, false], onmouseleave: [hover, false],
css: { css: {

View File

@ -27,7 +27,7 @@ export function Dropzone(vm, params) {
dropEffect dropEffect
} = params; } = params;
const baseClassName = className || injectStyle(CSS_DROPZONE); const baseClassName = `dropzone ${className || injectStyle(CSS_DROPZONE)}`;
const activeClassName = `${baseClassName} ${hoverClassName || injectStyle(CSS_DROPZONE_ACTIVE)}`; const activeClassName = `${baseClassName} ${hoverClassName || injectStyle(CSS_DROPZONE_ACTIVE)}`;
const enterCounter = prop(0); const enterCounter = prop(0);

View File

@ -127,7 +127,7 @@ export function FocusView(vm, params, key, { appbar }) {
return Overlay('Loading...'); return Overlay('Loading...');
} }
return focusContainer([ return focusContainer({ class: 'focus' }, [
prevLink() prevLink()
? prevClickZone({ href: prevLink() }, [ ? prevClickZone({ href: prevLink() }, [
Icon({ Icon({